本文实例为大家分享了Android仿京东左侧分类条目效果的具体代码,供大家参考,具体内容如下

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;

import com.frame.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by syd on 2016/10/9.
 */
public class TestActivity extends Activity {

 ScrollView sv_test;
 LinearLayout ll_test_contain;
 List<String> goodsList = new ArrayList<String>();
 List<TextView> textViewList = new ArrayList<>();
 List<View> viewList = new ArrayList<>();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.test_activity_test);
  initViews();
  initData();
 }

 /**
  * 初始化控件
  */
 private void initViews() {
  sv_test = (ScrollView) findViewById(R.id.sv_test);
  ll_test_contain = (LinearLayout) findViewById(R.id.ll_test_contain);
 }

 protected void initData() {
  goodsList.add("常用分类");
  goodsList.add("潮流女装");
  goodsList.add("品牌男装");
  goodsList.add("内衣配饰");
  goodsList.add("家用电器");
  goodsList.add("手机数码");
  goodsList.add("电脑办公");
  goodsList.add("个护化妆");
  goodsList.add("母婴频道");
  goodsList.add("食物生鲜");
  goodsList.add("酒水饮料");
  goodsList.add("家居家纺");
  goodsList.add("酒水饮料");
  goodsList.add("整车车品");
  goodsList.add("运动户外");
  goodsList.add("图书");
  goodsList.add("钟表");
  goodsList.add("居家生活");
  goodsList.add("珠宝饰品");
  goodsList.add("音像制品");
  goodsList.add("家具建材");
  goodsList.add("计生情趣");
  goodsList.add("营养保健");
  goodsList.add("奢侈礼品");
  goodsList.add("生活服务");
  goodsList.add("旅游出行");

  //动态生成每一个条目
  for (int i = 0; i <goodsList.size() ; i++) {
   View view = getLayoutInflater().inflate(R.layout.test_item_scrollview,null);
   view.setOnClickListener(textOnClickListener);
   TextView tv_item_scroll = (TextView) view.findViewById(R.id.tv_item_scroll);
   view.setId(i);
   tv_item_scroll.setText(goodsList.get(i));
   ll_test_contain.addView(view);
   viewList.add(view);
   textViewList.add(tv_item_scroll);
  }

  changeTextColor(0);

 }

 private View.OnClickListener textOnClickListener = new View.OnClickListener() {
  @Override
  public void onClick(View v) {

   changeTextColor(v.getId());
   changeTextLocation(v.getId());
  }
 };


  //改变点击条目的位置,居中
 private void changeTextLocation(int textPosition) {

  int x = (viewList.get(textPosition).getTop() - sv_test.getHeight()/2 + (viewList.get(textPosition).getHeight() / 2));
  sv_test.smoothScrollTo(0, x);

 }

 //改变点击条目的颜色
 private void changeTextColor(int textPosition) {

  for (int i = 0; i <textViewList.size() ; i++) {
   textViewList.get(i).setTextColor(0xFF000000);
   textViewList.get(i).setBackgroundColor(0x00000000);
  }
  textViewList.get(textPosition).setTextColor(0xFFFF0000);
  textViewList.get(textPosition).setBackgroundColor(0xFFFFFFFF);

 }

}

代码2:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

<com.frame.activity.TestScrollView
 android:id="@+id/sv_test"
 android:layout_width="80dp"
 android:layout_height="wrap_content">

 <LinearLayout
  android:id="@+id/ll_test_contain"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
 </LinearLayout>

</com.frame.activity.TestScrollView>
</LinearLayout> 

代码3:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">

 <TextView
  android:gravity="center"
  android:paddingBottom="16dp"
  android:paddingTop="16dp"
  android:id="@+id/tv_item_scroll"
  android:layout_width="match_parent"
  android:layout_height="wrap_content" />
 <ImageView
  android:background="#cccccc"
  android:layout_width="match_parent"
  android:layout_height="1dp" />

</LinearLayout>

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

02-04 09:03
查看更多