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
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值