Android 之仿京东分类（原理listview+fragment）

太过爱你忘了你带给我的痛 2023-10-17 22:01 178阅读 0赞

1.写一个fragment

import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.TextView;
    
    public class MyFragment extends Fragment {
    
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            View view = inflater.inflate(R.layout.myfragment, null);
            TextView tv_title = (TextView) view.findViewById(R.id.tv_title);
            //得到数据
            PersionInfo info = (PersionInfo) getArguments().getSerializable("info");
            tv_title.setText(info.getNameString());
            return view;
        }
    }

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17
 *  18
 *  19
 *  20
 *  21
 *  22
 *  23

2.写一个实体类：

public class PersionInfo implements Serializable {
    
        private String nameString;
        private boolean chick;   //标识
    
        public PersionInfo(String nameString) {
            this.nameString = nameString;
        }
    
        public String getNameString() {
            return nameString;
        }
    
        public void setNameString(String nameString) {
            this.nameString = nameString;
        }
    
        public boolean isChick() {
            return chick;
        }
    
        public void setChick(boolean chick) {
            this.chick = chick;
        }
    
    }

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17
 *  18
 *  19
 *  20
 *  21
 *  22
 *  23
 *  24
 *  25
 *  26

3.写一个adapter

public class MyAdapter extends BaseAdapter {
    
        private Context context;
        private List<PersionInfo> listinfos;
    
        public MyAdapter(Context context, List<PersionInfo> listinfos){
            this.context =context;
            this.listinfos = listinfos;
        }
    
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return listinfos.size();
        }
    
        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return listinfos.get(position);
        }
    
        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }
    
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            convertView = LayoutInflater.from(context).inflate(R.layout.listview_item, null);
            TextView tv = (TextView) convertView.findViewById(R.id.tv);
            PersionInfo persionInfo = listinfos.get(position);
            tv.setText(persionInfo.getNameString());
            if (persionInfo.isChick()) {
                convertView.setBackgroundResource(R.drawable.tongcheng_all_bg01);
            } else {
                convertView.setBackgroundColor(Color.parseColor("#f4f4f4"));
            }
            return convertView;
        }
    }

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17
 *  18
 *  19
 *  20
 *  21
 *  22
 *  23
 *  24
 *  25
 *  26
 *  27
 *  28
 *  29
 *  30
 *  31
 *  32
 *  33
 *  34
 *  35
 *  36
 *  37
 *  38
 *  39
 *  40
 *  41
 *  42
 *  43

4.adapter所需的list\_item.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:minHeight="60dp"
        android:gravity="center"
        android:orientation="vertical" >
    
        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
    
    </LinearLayout>

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14

1.  Maintivity

/**
     * 
     * @author yihuanxing
     *
     */
    public class MainActivity extends FragmentActivity implements OnItemClickListener {
        List<PersionInfo> listinfoInfos=new ArrayList<PersionInfo>();
        private ListView listView;
        private MyAdapter adapter;
        private MyFragment myFragment;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            initView();
        }
    
        /**
         * 初始化view
         */
        private void initView() {
            // TODO Auto-generated method stub
            for (int i = 0; i < 10; i++) { 
                PersionInfo info=new PersionInfo("常用分类"+i);
                listinfoInfos.add(info);
            }
    
            //
            listView = (ListView) findViewById(R.id.listview);
            //默认
            listinfoInfos.get(0).setChick(true);
            adapter = new MyAdapter(this, listinfoInfos);
            listView.setAdapter(adapter);
    
            listView.setOnItemClickListener(this);
    
            //创建MyFragment对象
            myFragment = new MyFragment();
            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
            fragmentTransaction.replace(R.id.fragment_container, myFragment);
    
            Bundle mBundle=new Bundle();
            mBundle.putSerializable("info", listinfoInfos.get(0));
            myFragment.setArguments(mBundle);
            fragmentTransaction.commit();
        }
    
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position,
                long id) {
    
             PersionInfo info = listinfoInfos.get(position);
            for (int i = 0; i < listinfoInfos.size(); i++) {
                if(listinfoInfos.get(i).getNameString().equals(info.getNameString())){
                    listinfoInfos.get(i).setChick(true);
                }else {
                    listinfoInfos.get(i).setChick(false);
                }
            }
    
            adapter.notifyDataSetChanged();
    
    
            //
            //创建MyFragment对象
            myFragment = new MyFragment();
            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
            fragmentTransaction.replace(R.id.fragment_container, myFragment);
    
            Bundle mBundle=new Bundle();
            mBundle.putSerializable("info", listinfoInfos.get(position));
            myFragment.setArguments(mBundle);
            fragmentTransaction.commit();
        }
    }

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17
 *  18
 *  19
 *  20
 *  21
 *  22
 *  23
 *  24
 *  25
 *  26
 *  27
 *  28
 *  29
 *  30
 *  31
 *  32
 *  33
 *  34
 *  35
 *  36
 *  37
 *  38
 *  39
 *  40
 *  41
 *  42
 *  43
 *  44
 *  45
 *  46
 *  47
 *  48
 *  49
 *  50
 *  51
 *  52
 *  53
 *  54
 *  55
 *  56
 *  57
 *  58
 *  59
 *  60
 *  61
 *  62
 *  63
 *  64
 *  65
 *  66
 *  67
 *  68
 *  69
 *  70
 *  71
 *  72
 *  73
 *  74
 *  75
 *  76
 *  77
 *  78

6 main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    
        <RelativeLayout
            android:id="@+id/jzfw_top_layout"
            android:layout_width="match_parent"
            android:layout_height="42dp"
            android:background="@drawable/home_title"
            android:gravity="center_vertical" >
    
            <TextView
                android:id="@+id/jzfw_top_layout_02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="仿京东分类"
                android:textColor="#ffffff"
                android:textSize="20sp" />
        </RelativeLayout>
    
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#cdcdcd" />
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#fbfbfb"
            android:orientation="horizontal" >
    
            <ListView
                android:id="@+id/listview"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:scrollbars="none"
                android:layout_weight="1.0"
                android:background="#f4f4f4" />
    
            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#cdcdcd" />
    
            <FrameLayout
                android:id="@+id/fragment_container"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3.0" />
        </LinearLayout>
    
    </LinearLayout>

效果图：

![这里写图片描述][20160816133445045]

[20160816133445045]: https://img-blog.csdn.net/20160816133445045