ListView用SimpleAdapter显示图片和文本

首先来看一下效果图:
这里写图片描述

我们希望用SinpleAdapter一行显示两列,
第一列显示一个图片(ImageView),
第二列显示文本(TextView),实际上是一个垂直布局的LinearLayout,里边两个TextView,
下面我们先看看一下布局文件:

Laout代码

<?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="horizontal" >

    <!--图片显示--!>
    <ImageView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:scaleType="center" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        <!--第一个文本--!>
        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:textSize="32sp"
            android:textColor="#00FF00"
            />
        <!--第二个文本--!>
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:textColor="#0000FF" 
            />


    </LinearLayout>
<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"
    tools:context="com.example.homework2.MainActivity" >

    <ListView 
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

MainActivity代码

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //根据id找出ListView
        ListView listView = (ListView) findViewById(R.id.listview);
        //创建SimpleAdapter时需要传一个List<Map<Object,Object>>作为参数
        List<Map<String,Object>> list = new ArrayList<Map<String, Object>>();
        Map<String, Object> map1 = new HashMap<String, Object>();
        //放进ImageView的资源
        map1.put("icon", R.drawable.image1);
        //放进TextView的内容
        map1.put("msg1", "G1");
        map1.put("msg2", "Google");
        list.add(map1);

        Map<String, Object> map2 = new HashMap<String, Object>();
        map2.put("icon", R.drawable.image2);
        map2.put("msg1", "G2");
        map2.put("msg2", "Google");
        list.add(map2);

        //将资源和对应的布局控件显示出来
        String[] from = {"icon","msg1","msg2"};
        int[] to = {R.id.text1, R.id.textview1,R.id.textview2};

        //new一个SimpleAdapter,将参数传进去
        SimpleAdapter simpleAdapter = new SimpleAdapter(MainActivity.this, list , R.layout.linearlayout,from ,to);
        //将SimpleAdapter设置进ListViewlistView.setAdapter(simpleAdapter);

        //下面绑定监听器,通过Toast弹出被点击文本的内容
        listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if(view instanceof LinearLayout){
                    //获得一个view,实际上是一个LinearLayout View
                    LinearLayout linearLayout1 = (LinearLayout) view;
                    //LinearLayout的第二个子View也是一个LinearLayout View,是两个TextView
                    View viewSub = linearLayout1.getChildAt(1);
                    if(viewSub instanceof LinearLayout){
                        LinearLayout linearLayout2 = (LinearLayout) viewSub;
                        //获得两个TextView的内容,并通过Toast弹出来
                        TextView tv1 = (TextView) linearLayout2.getChildAt(0);
                        TextView tv2 = (TextView) linearLayout2.getChildAt(1);
                        String msg = tv1.getText().toString() + "\n" + tv2.getText().toString();
                        Toast.makeText(MainActivity.this, msg, Toast.LENGTH_LONG).show();

                    }

                }

            }
        });

    }
你有一个苹果,我有一个苹果,你我交换之后还是一个苹果。 你有一个思想,我有一个思想,你我交换之后却是二个思想。

希望大家能一起交流经验和思想

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Android Studio中,要使用ListViewSimpleAdapter数据适配器,可以按照以下步骤进行: 1. 在布局文件中添加ListView组件。 2. 创建一个ArrayList对象来保存ListView中的数据。 3. 创建一个SimpleAdapter对象,将ListView中的数据绑定到适配器中。 4. 在Activity或Fragment中设置ListView的适配器,以便将数据显示ListView中。 以下是一个示例代码: ```java // 获取ListView组件 ListView listView = findViewById(R.id.list_view); // 创建一个ArrayList对象来保存数据 ArrayList<HashMap<String, String>> dataList = new ArrayList<>(); // 添加数据 HashMap<String, String> dataItem1 = new HashMap<>(); dataItem1.put("title", "标题1"); dataItem1.put("content", "内容1"); dataList.add(dataItem1); HashMap<String, String> dataItem2 = new HashMap<>(); dataItem2.put("title", "标题2"); dataItem2.put("content", "内容2"); dataList.add(dataItem2); // 创建SimpleAdapter对象 SimpleAdapter adapter = new SimpleAdapter(this, dataList, android.R.layout.simple_list_item_2, new String[]{"title", "content"}, new int[]{android.R.id.text1, android.R.id.text2}); // 设置ListView的适配器 listView.setAdapter(adapter); ``` 在这个示例代码中,我们创建了一个包含两个列表项的ArrayList对象,然后使用SimpleAdapter将数据绑定到ListView中,其中android.R.layout.simple_list_item_2是一个内置的布局文件,可以用来显示两行文本,适合于显示标题和内容。在SimpleAdapter的构造函数中,我们指定了数据源的键名和布局文件中TextView的ID,这样SimpleAdapter就知道如何将数据绑定到ListView中了。最后,我们将适配器设置到ListView中,这样ListView就可以显示我们的数据了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值