Android ListView 实例讲解清晰易懂
一、前言
在某些场景下,单一文字的ListView Item
已不适合当前需求,因此需要我们自定义Item
布局来满足需求。下面我们来实现一个带图标和文字的Item
。
二、代码展示
1.定义包含ListView
的布局文件activity_main.xml
,Activity
在onCreate()
时加载。
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout 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:background="#FFE4C4" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="10dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginBottom="10dp" android:background="#E4DDDD"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>
2.定义Item
布局文件listview_item.xml
,创建SimpleAdapter
对象时使用。
<?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" android:background="#F0FFF0"> <ImageView android:id="@+id/imageview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1"/> <TextView android:id="@+id/textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="7" android:textColor="#FF6E40" android:textSize="24sp" android:textStyle="bold" /> </LinearLayout>
3.完善MainActivity.java
代码。
package com.example.listviewdemo2; 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 ListView mListView = null; private List<Map<String, Object>> mListItems = null; private Map<String, Object> mMap = null; private SimpleAdapter mAdapter = null; /* 图片ID数组 */ private int[] mImageId = new int[] {R.drawable.num_0, R.drawable.num_1, R.drawable.num_2, R.drawable.num_3, R.drawable.num_4, R.drawable.num_5, R.drawable.num_6, R.drawable.num_7, R.drawable.num_8, R.drawable.num_9, }; /* 文字列表数组 */ private String[] mTitle = new String[] {"数字 0", "数字 1", "数字 2", "数字 3", "数字 4", "数字 5", "数字 6", "数字 7", "数字 8", "数字 9", }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init(); } private void init() { mListView = findViewById(R.id.listview); mListItems = new ArrayList<>(); for (int i = 0; i < mImageId.length; i++) { mMap = new HashMap<>(); mMap.put("image", mImageId[i]); mMap.put("title", mTitle[i]); mListItems.add(mMap); } mAdapter = new SimpleAdapter(this, mListItems, R.layout.listview_item, new String[]{"title", "image"}, new int[]{R.id.textview, R.id.imageview}); mListView.setAdapter(mAdapter); } }
三、运行效果
运行效果如下图:
到此这篇关于Android ListView 实例讲解清晰易懂的文章就介绍到这了,更多相关Android ListView内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
赞 (0)