先上最后的效果图
定义列表每一行的布局
res / layout / list_view_item.xml
<?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 -->
<ImageView
android:id="@+id/img_icon"
android:layout_width="64dp"
android:layout_height="64dp"
android:baselineAlignBottom="true"
android:paddingLeft="8dp" />
<!-- 定义一个竖直方向的LinearLayout,把QQ呢称与说说的文本框设置出来 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/text_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="8dp"
android:textColor="#1D1D1C"
android:textSize="20sp" />
<TextView
android:id="@+id/text_msg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="8px"
android:textColor="#B4B4B9"
android:textSize="14sp" />
</LinearLayout>
</LinearLayout>
实体类
package com.clc.app2;
public class Hardware {
private int icon;
private String name;
private String msg;
//无参构造函数
//有参构造函数
//getter and setter
}
扩展BaseAdapter
package com.clc.app2;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.LinkedList;
public class HardwareAdapter extends BaseAdapter {
private LinkedList<Hardware> list;
private Context context;
public HardwareAdapter(LinkedList<Hardware> list, Context context) {
this.list = list;
this.context = context;
}
//必须重写,且必须返回数据总条数,如下
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return null;
}
//必须重写,且必须返回当前遍历的索引,如下
@Override
public long getItemId(int position) {
return position;
}
//此方法里实现向ui控件填充数据的逻辑
@Override
public View getView(int position, View convertView, ViewGroup parent) {
/*
inflate()方法:获取xml布局的View实例
参数1:R.layout.list_view_item,即需要被填充数据的ui
参数2:parent,指定R.layout.list_view_item要放到哪个父布局中
(null和有值的区别:另做探究)
参数3:是否把convertView直接放到根容器中
这里先把convertView包装到listView中,然后放到root布局中,所以这里为false
返回值convertView是由xml布局加载过来的View实例
*/
convertView = LayoutInflater.from(context).inflate(R.layout.list_view_item,parent,false);
//获取xml布局中的控件
ImageView imageIcon = convertView.findViewById(R.id.img_icon);
TextView textName = convertView.findViewById(R.id.text_name);
TextView textMsg = convertView.findViewById(R.id.text_msg);
//填充数据
imageIcon.setImageResource(list.get(position).getIcon());
textName.setText(list.get(position).getName());
textMsg.setText(list.get(position).getMsg());
//返回已填充数据的convertView
return convertView;
}
}
在MainActivity使用
package com.clc.app2;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.BaseAdapter;
import android.widget.ListView;
import java.util.LinkedList;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinkedList<Hardware> list = new LinkedList<>();
list.add(new Hardware(R.mipmap.ic_launcher,"cpu","数据计算"));
list.add(new Hardware(R.mipmap.ic_launcher,"显卡","图像处理"));
list.add(new Hardware(R.mipmap.ic_launcher,"内存","存储进程"));
list.add(new Hardware(R.mipmap.ic_launcher,"固态硬盘","存储数据"));
BaseAdapter adapter = new HardwareAdapter(list,this);
ListView listView = findViewById(R.id.listV1);
listView.setAdapter(adapter);
}
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
tools:context=".MainActivity">
<ListView
android:id="@+id/listV1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>