Android仿京东分类模块左侧分类条目效果

本文实例为大家分享了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>

效果图：

来源：http://blog.csdn.net/u013680097/article/details/52767194