android ListView 及adapterView的使用

移动开发 2018-05-10 09:28:34 阅读次数: 1

ListView是android常用的组件之一，经常会在滑动侧边栏，商品列表等。使用ListView一般有以下5种方式

  • 使用资源数组
  • 使用ArrayAdapter
  • 使用SimpleAdapter
  • 继承BaseAdapter
  • 继承ListActivity

一.使用资源数组

这种方式非常简单，但是显示比较单一，只适合简单的业务需求。

使用方法：

1.在资源文件中定义数组

<resources>
    <array name="main_array">
        <item>基于数组</item>
        <item>ArrayAdapter 方式</item>
        <item>SimpleAdapter 方式</item>
        <item>BaseAdapter 方式</item>
    </array>
</resources>

 2.在布局文件中创建ListView标签，并使用entries属性引入数组

<ListView
        android:id="@+id/main_listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/main_array">

    </ListView>

 3.绑定点击事件

mainListView = (ListView) findViewById(R.id.main_listView);
        final String[] array = getResources().getStringArray(R.array.main_array);
        mainListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {//设置点击触发方法
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                switch (position){
                    case 0 :
                        Toast.makeText(getApplication(),"当前页面便是使用数组生成的ListView",Toast.LENGTH_SHORT).show();
                        break;
                    case 1 :
                        startActivity(new Intent(getApplicationContext(), ArrayAdapterTest.class));//打开新的activity
                        break;
                    case 2 :
                        startActivity(new Intent(getApplicationContext(), SimpleAdapterTest.class));//打开新的activity
                        break;
                    case 3 :
                        startActivity(new Intent(getApplicationContext(), BaseAdapterTest.class));//打开新的activity
                        break;
                }
            }
        });

 二.使用ArrayAdapter

 用户需定义item显示布局

使用方法：

1.创建ListView标签

<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="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.xinxin.adaptertest.ArrayAdapterTest">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/array_adapter_h1"
        android:layout_margin="10dp"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="绿色分割线"
        android:layout_margin="10dp"
        />
<!-- 显示普通列表 -->
    <ListView
        android:id="@+id/arrayAdapterTestListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="#0f0"
        android:dividerHeight="2px"
        android:headerDividersEnabled="false"
        android:layout_margin="10dp"
        >
    </ListView>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="红色分割线"
        android:layout_margin="10dp"
        />
<!-- 显示带checkbox的列表 -->
    <ListView
        android:id="@+id/arrayAdapterTestListView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="#ff3f1d"
        android:dividerHeight="2px"
        android:headerDividersEnabled="false"
        android:layout_margin="10dp"
        >
    </ListView>
</LinearLayout>

 2.创建显示item布局

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:textSize="25sp">

</TextView>

 3.activity代码

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_array_adapter_test);
        listView = (ListView) findViewById(R.id.arrayAdapterTestListView);
        listView1 = (ListView) findViewById(R.id.arrayAdapterTestListView1);
        List<String> list = new ArrayList<String>();
        for(int i=0; i<5; i++){
            list.add("green:item"+i);
        }
        //创建ArrayAdapter实例
        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, R.layout.array_adapter_test_item, list);
        //为ListView添加adapter
        listView.setAdapter(arrayAdapter);
        //为每个元素绑定点击方法
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                System.out.println(position);
                TextView tv = (TextView) view;
                Toast.makeText(getApplication(), "您点击了：" + tv.getText().toString(), Toast.LENGTH_SHORT).show();
            }
        });
        //为每个元素绑定选择方法
        listView.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                TextView tv = (TextView) view;
                Toast.makeText(getApplication(), "您选择了："+tv.getText().toString(), Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });

        list = new ArrayList<String>();
        for(int i=0; i<5; i++){
            list.add("red:item"+i);
        }

        arrayAdapter = new ArrayAdapter<String>(this, R.layout.select_dialog_multichoice_material, list);//设置多选列表，使用android自带布局

        listView1.setAdapter(arrayAdapter);

        listView1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {//处理checkbox勾选
                CheckedTextView checkedTextView = (CheckedTextView) view;
                if(checkedTextView.isChecked()){
                    checkedTextView.setChecked(false);
                }else{
                    checkedTextView.setChecked(true);
                }
            }
        });

    }

 三.使用SimpleAdapter

评价最多的一句话“简单而不简单”，使用SimpleAdapter可以创建自定义的显示方式

使用方法：

1.定义布局，只需在主布局中放入一个简单的ListView

<ListView
        android:id="@+id/simpleAdapterListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">

    </ListView>

 2.定义item显示布局，注意logoImage，name, desc这三个控件，在第三步中会使用到。

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

    <ImageView
        android:id="@+id/logoImage"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        />

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="10dp"/>

    <TextView
        android:id="@+id/desc"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="10dp"/>
</LinearLayout>

 3.activity代码

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simple_adapter);
        listView = (ListView) findViewById(R.id.simpleAdapterListView);

        int[] logoIds = new int[]{R.drawable.p1, R.drawable.p2};
        String[] names = new String[]{"元素1", "元素2"};
        String[] descs = new String[]{"这是测试元素1","这是测试元素2"};
        List<Map<String, Object>> list =  new ArrayList<Map<String, Object>>();
        for (int i=0; i<2; i++){
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("logoImage", logoIds[i]);
            map.put("name", names[i]);
            map.put("desc", descs[i]);
            list.add(map);
        }

        //实例化SimpleAdapter
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, list, R.layout.activity_simple_adapter_item
                , new String[]{"logoImage","name","desc"}, new int[]{R.id.logoImage, R.id.name, R.id.desc});

        listView.setAdapter(simpleAdapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                LinearLayout line = (LinearLayout) view;
                TextView textView = (TextView) line.getChildAt(1);
                Toast.makeText(getApplication(), "您点击了："+textView.getText().toString(), Toast.LENGTH_SHORT).show();
            }
        });

    }

 四.BaseAdapter

需要继承BaseAdapter，并实现抽象方法，用户可以高度控制。

使用方法：

1.在主布局中创建ListView

<ListView
        android:id="@+id/baseAdapterListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        ></ListView>

 2.编写activity代码

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_base_adapter_test);
        listView = (ListView) findViewById(R.id.baseAdapterListView);
        BaseAdapter baseAdapter = new BaseAdapter() {//继承BaseAdapter，并实现抽象方法
            @Override
            public int getCount() {//元素个数
                return 10;
            }
            @Override
            public Object getItem(int position) {
                return null;
            }
            @Override
            public long getItemId(int position) {
                return position;
            }
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                LinearLayout linearLayout = new LinearLayout(BaseAdapterTest.this);//创建线性布局
                linearLayout.setOrientation(LinearLayout.HORIZONTAL);
                ImageView imageView = new ImageView(BaseAdapterTest.this);//创建图片布局
                imageView.setImageResource(R.drawable.p1);
                linearLayout.addView(imageView);
                TextView textView = new TextView(BaseAdapterTest.this);//常见TextView布局
                textView.setText("item"+position);
                linearLayout.addView(textView);
                return linearLayout;
            }
        };
        listView.setAdapter(baseAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {//处理点击事件
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                LinearLayout linearLayout  = (LinearLayout) view;
                TextView textView = (TextView) linearLayout.getChildAt(1);
                Toast.makeText(getApplication(), "您点击了："+textView.getText(), Toast.LENGTH_SHORT).show();
            }
        });
    }

5. 继承ListActivity类似于ArrayAdapter，这里便不再介绍。

最后将效果图发上来：

 

 

猜你喜欢

转载自daxingzsh.iteye.com/blog/2236705
今日推荐
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
中国码农的“35岁魔咒”
蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载
Arc Browser for Windows 1.0 正式 GA
90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！
周排行
Java自定义时间格式
同步整形电路
在开发中最最最常用的字符串的属性大集合
Linux 查看端口占用并杀掉
Java基础四：ArrayList
多线程之死锁就是这么简单
mysql 基础命令集
awk 命令详解
Centos6.3编译安装nginx+php步骤
OCR （Optical Character Recognition，光学字符识别）
每日归档
更多
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022