仿电商（京东等）的列表分类展示案例

本案例为京东等电商列表展示比较简单的实现方式（我觉得大概是这样）

下面简单说下过程，最后会有代码，也算是自己写了个笔记，如有问题欢迎指正。

1.首先布局，我是listview+fragment（这是内容区域可以自写）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ListView
       
        android:id="@+id/lv"
        android:layout_width="80dp"
        android:layout_height="fill_parent"
        android:scrollbars="none" >
    </ListView>

    <FrameLayout
        android:background="@android:color/black"
        android:id="@+id/fl"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" >

        <TextView
            android:textColor="@android:color/white"
            android:id="@+id/tv_fl_id"
            android:textSize="20sp"
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fragment" />
    </FrameLayout>

</LinearLayout>

布局就不多说了啊。

2.主要是对listview的操作，下面是我自己写的一些内容，没有很难

1.对listview内的数据都是写死掉的，主要是要有一个集合来记录item的选中状态，为了防止滑动是错位。

private void initDate() {
		arrayList = new ArrayList<Boolean>();
		for (int i = 0; i < 40; i++) {//一个长度为40 的listview
			if (0 == i) {
				arrayList.add(true);
			} else {
				arrayList.add(false);
			}
		}
	}

2.然后是listview设置适配器，这里要注意item的选中状态是在集合中读取的，然后item里面按钮来做的选中和未 选中，还有滚动等，下面我我会标注

public class myAdapter extends BaseAdapter implements OnClickListener {
		private Button but;
		private View inflate;

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {

			inflate = View
					.inflate(getApplicationContext(), R.layout.item, null);

			but = (Button) inflate.findViewById(R.id.but);
			but.setTag(position);//标记那个item中的button被选中
<span style="white-space:pre">			</span>//根据集合显示
			if (arrayList.get(position)) {
				but.setPressed(true);
			} else {
				but.setPressed(false);
			}
			but.setOnClickListener(this);
			return inflate;
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public Object getItem(int position) {
			return position;
		}

		@Override
		public int getCount() {
			return 40;
		}

		@Override
		public void onClick(View v) {//点击条目（按钮）更新集合数据

			arrayList.clear();
			for (int i = 0; i < 40; i++) {
				if (i == (Integer) v.getTag()) {
					arrayList.add(true);
				} else {
					arrayList.add(false);
				}
			}
			if (arrayList.get((Integer) v.getTag())) {//显示
				v.setPressed(true);
			} else {
				v.setPressed(false);
			}
			viewById.setText((Integer) v.getTag() + "fragment");//更改右面的内容
			adapter.notifyDataSetChanged();//更新集合

<span style="white-space:pre">			</span>//这里是滑动listview到中间的位置，后面的那个高度是取得listview的高度一半
			lv.smoothScrollToPositionFromTop((Integer) v.getTag(), getH()/2);

		}
	}

3.基本上就是真个样子，这个写的没有很复杂，没有自定义什么的，本来是想看看其他人写的，不过都要积分啊 ，无奈 没法看， 这个代码希望能给大家一点思路，大概就是这样吧。

源码这里看