首页 > 系统 > Android > 正文

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

2019-10-22 18:15:12
字体:
来源:转载
供稿:网友

本文实例为大家分享了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,仿京东,分类模块

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


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表