ListView控件商城列表

利用适配器SimpleAdapter创建列表：

SimpleAdapter（Context context，List<? extends Map<String,?>> data,int resource,String[] form,int[] to）

方法中的5个参数的含义：
 context：上下问对象 MainActivity.this
 data：数据集合 data中每一项对应ListView控件中条目的数据  lists
 resource：Item布局资源的id  R.layout.list_item,
 form：Map集合中的key值  new String[]{"name","price","image"}
 to:Item布局中对应的控件  new int[]{R.id.tv1,R.id.tv2,R.id.iv}   R.id.tv1对应TextView的id  R.id.tv2对应TextView价格的id  R.id.iv对应ImageView的id

 

1.编写activity_main.xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:text="购物商城"
        android:textSize="18sp"
        android:textColor="#FFFFFF"
        android:background="#FF8F03"
        android:gravity="center"
        />
    <ListView
        android:id="@+id/lv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:listSelector="#33FF66"
        android:dividerHeight="10dp"
        android:scrollbars="vertical"
        >
    </ListView>

</LinearLayout>

创建条目：list_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="120dp"
        android:layout_height="90dp"
        android:layout_centerVertical="true">
    </ImageView>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/iv"
        android:layout_centerVertical="true">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="桌子"
            android:textSize="20sp"
            android:textColor="#000000">
        </TextView>
        <TextView
            android:id="@+id/tv_price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="价格："
            android:textSize="20sp"
            android:layout_marginTop="10dp"
            android:layout_below="@+id/tv1"
            android:textColor="#FF8F03">
        </TextView>
        <TextView
            android:id="@+id/tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:text="1000"
            android:layout_below="@+id/tv1"
            android:layout_toRightOf="@+id/tv_price"
            android:textColor="#FF8F03"
            android:layout_marginTop="10dp">
        </TextView>

    </RelativeLayout>





</RelativeLayout>

 

 

编写MainActivity：

package com.example.listview;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    private String[] names={"桌子","椅子","板凳"};
    private int[] prices={1000,2000,3000};
    private int[] images={R.drawable.yizi,R.drawable.bandeng,R.drawable.dengzi};


    private ListView lv;
    private List<Map<String,Object>> lists;
    private SimpleAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件idlv
        lv=(ListView)findViewById(R.id.lv);
        lists =new ArrayList<>();
        for (int i=0;i<names.length;i++){
            HashMap<String ,Object> map=new HashMap<>();
            map.put("name",names[i]);
            map.put("price",prices[i]);
            map.put("image",images[i]);
            lists.add(map);
        }
        //利用适配器SimpleAdapter
        /*
        SimpleAdapter（Context context，List<? extends Map<String,?>> data,int resource,String[] form,int[] to）方法中的5个参数的含义：
         context：上下问对象 MainActivity.this
         data：数据集合 data中每一项对应ListView控件中条目的数据  lists
         resource：Item布局资源的id  R.layout.list_item,
         form：Map集合中的key值  new String[]{"name","price","image"}
         to:Item布局中对应的控件  new int[]{R.id.tv1,R.id.tv2,R.id.iv}   R.id.tv1对应TextView的id  R.id.tv2对应TextView价格的id  R.id.iv对应ImageView的id

         */
        adapter =new SimpleAdapter(MainActivity.this,lists,R.layout.list_item,new String[]{"name","price","image"},new int[]{R.id.tv1,R.id.tv2,R.id.iv});
        //往ListView lv中添加适配器
        lv.setAdapter(adapter);
    }
}