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使用Scroll+Fragment仿京东分类效果
• Android 仿京东、拼多多商品分类页的示例代码
• Android实现网易Tab分类排序控件实现
• Android使用分类型RecyclerView仿各大商城首页
• Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】
• android使用 ScrollerView 实现 可上下滚动的分类栏实例
• Android 仿网易新闻客户端分类排序功能
• Android学习教程之分类侧滑菜单（5）
• Android实现qq列表式的分类悬浮提示
• Android实现京东App分类页面效果