Android SimpleAdapter与Listview的用法

Android ListView的用法

利用SimpleAdapter实现如下界面效果

实验要求

(1)注意列表项的布局

(2)图片使用相关图像

(3)使用Toast显示选中的列表项信息

实验环境

Android Studio 3.1.0 以上版本

实验步骤

1.把图片放在res/drawable目录下((注意复制图片时的选择格式不是v24类型)),命名如下:

2.定义一个线性布局,用于定义ListView

如图所示目录与文件

该ListView界面显示如下

该布局文件源码:

<?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="wrap_content"
android:orientation="horizontal">
<!--定义一个listview-->
<ListView
    android:id="@+id/mylist"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:listSelector="@color/colorAccent"
    >
</ListView>
</LinearLayout>

android:listSelector=”@color/colorAccent”这句非常重要,当点击到某个item时该item会改变颜色,对应activity里的点击事件。

android:listSelector=”@color/colorAccent”该颜色对应res/values/colors.xml中对应的颜色定义。

3.创建一个Activity,该Activity的源码如下:

package com.example.sxy.exam4;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class Exam4Activity extends AppCompatActivity {
//用于显示布局里的动物名称
private String[] names = new String[]{"Lion","Tiger","Monkey","Dog","Cat","elephant"};
private int[] image=new int[]{R.drawable.lion,R.drawable.tiger,R.drawable.monkey,R.drawable.dog,R.drawable.cat,R.drawable.elephant};
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    //此处引用布局文件
    setContentView(R.layout.main);
    final int color1=0xFFC5B5FF;
    final int color2=0xFFFFFFFF;
    //创建一个list集合,list集合的元素是Map
    List<Map<String,Object>> ListItems=new ArrayList<Map<String, Object>>();
    for (int i=0;i<names.length;i++){
        Map<String,Object> listItem=new HashMap<String,Object>();
        listItem.put("header",names[i]);
        listItem.put("images",image[i]);
        //加入list集合
        ListItems.add(listItem);
    }
    //创建一个SimpleAdapter,此处严格按照定义数组names与image顺序,否则会出现程序build成功却运行失败且难以解决错误
    SimpleAdapter simpleAdapter=new SimpleAdapter(this,ListItems,R.layout.simple_items,new String[]{"header","images"},new int[]{R.id.header,R.id.images});
    final ListView list=(ListView)findViewById(R.id.mylist);
    //为ListView设置Adapter
    list.setAdapter(simpleAdapter);
    //对应点击事件
    list.setOnItemClickListener(new AdapterView.OnItemClickListener(){
        public void onItemClick(AdapterView<?> parent, View view, int position, long id){
            int flag=0;
            System.out.println(names[position]+position+"被单击");
            //点击则改变状态,改变颜色
            switch (flag){
                case 0:
                    //view.setBackgroundColor(color1);
                    //此处对应上面布局文件的点击函数
                    view.setSelected(true);
                    CharSequence text=names[position];
                    //定义一个Toast表示哪一个图片所在item被点击
                    int duration= Toast.LENGTH_SHORT;
                    Toast toast=Toast .makeText(Exam4Activity.this,text,duration);
                    toast.show();
                    flag=1;
                    break;
                case 1:
                    //view.setBackgroundColor(color2);
                    view.setSelected(false);
                    CharSequence text1=names[position];
                    int duration1= Toast.LENGTH_SHORT;
                    Toast toast1=Toast .makeText(Exam4Activity.this,text1,duration1);
                    toast1.show();
                    flag=0;
                    break;
                }
        }
    });
    //选中函数
    list.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener(){
        public void onItemSelected(AdapterView<?> parent, View view, int position, long id){
            System.out.println(names[position]+"选中");
        }
        public void onNothingSelected(AdapterView<?> parent){

        }
    });
}

}

实验结果

最后希望对同学们有所帮助~下期间

实验所在源码: https://github.com/xinyihaha/Exam4_1

猜你喜欢

转载自blog.csdn.net/qq_38428245/article/details/80791387