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>

效果图：

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

您可能感兴趣的文章:

• Android实现京东App分类页面效果
• Android使用Scroll+Fragment仿京东分类效果
• Android 仿京东、拼多多商品分类页的示例代码
• Android仿京东分类效果