1.在activity_main.xml中添加<ListView>控件
2.创建 Product类
自定义适配器样式需要的字段
package cn.edu.baiyunu.listviewdemo;
public class Product {
private String title;
private String price;
private int image;
public Product(){}
public Product(String title, String price, int image) {
this.title = title;
this.price = price;
this.image = image;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getPrice() {
return price;
}
public void setPrice(String price) {
this.price = price;
}
public int getImage() {
return image;
}
public void setImage(int image) {
this.image = image;
}
@Override
public String toString() {
return "Product{" +
"title='" + title + '\'' +
", price='" + price + '\'' +
", image=" + image +
'}';
}
}
3.创建适配器的样式listview_item.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"
android:padding="10dp">
<ImageView
android:id="@+id/img"
android:layout_width="120dp"
android:layout_height="90dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="我是标题:"
android:layout_marginLeft="5dp"
android:textSize="18sp"
app:layout_constraintStart_toEndOf="@+id/img"
app:layout_constraintTop_toTopOf="@+id/img" />
<TextView
android:id="@+id/priceTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="价格:"
android:textSize="15sp"
app:layout_constraintStart_toEndOf="@+id/img"
app:layout_constraintTop_toBottomOf="@+id/title" />
<TextView
android:id="@+id/price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="100元"
android:textSize="15sp"
app:layout_constraintStart_toEndOf="@+id/priceTitle"
app:layout_constraintTop_toBottomOf="@+id/title" />
</androidx.constraintlayout.widget.ConstraintLayout>
4.创建productAdpterList类,实现适配器自定义
4.1 创建productAdpterList类继承 BaseAdapter类,重写方法(4个)
4.2 创建2个属性和2个构造器。
private Context context; //控制器
private List<Product> ProductList;//适配器需要的数据数组
4.3 重写的方法,具体解释看代码注释
package cn.edu.baiyunu.listviewdemo;
import android.content.Context;
import android.media.tv.TvView;
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.List;
//自定义适配器
public class productAdpterList extends BaseAdapter {
private Context context;
private List<Product> ProductList;
//定义视频区构造器,放控制器和数据
public productAdpterList(Context context, List<Product> productList) {
this.context = context;
ProductList = productList;
}
//数组的长度 通过list 的size方法得到长度(有多少条数据)
@Override
public int getCount() {
return ProductList.size();
}
//点击了那条数据
@Override
public Object getItem(int position) {
return ProductList.get(position);
}
// //点击了那条数据的id
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Product product=ProductList.get(position);
//获取视图
View view= LayoutInflater.from(context).inflate(R.layout.listview_item,null);
//获取所有的样式
TextView title=view.findViewById(R.id.title);
TextView price=view.findViewById(R.id.price);
ImageView img=view.findViewById(R.id.img);
//给样式填数据
img.setImageResource(product.getImage());
title.setText(product.getTitle());
price.setText(product.getPrice());
return view;
}
}
5.到MainActivity,自定义适配器的使用
5.1创建数据源 ,通过创建List<Product> products数组,add添加数据
5.2 new 自定义适配器productAdpterList
package cn.edu.baiyunu.listviewdemo;
import androidx.appcompat.app.AppCompatActivity;
import android.net.wifi.p2p.WifiP2pManager;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
//数据源
//定义Lis数组放Product对象的数据
List<Product> products=new ArrayList(){{
add(new Product("桌子","1000元",R.drawable.table));
add(new Product("苹果","10元/kg",R.drawable.apple));
add(new Product("蛋糕","300元",R.drawable.cake));
add(new Product("线衣","350元",R.drawable.wireclothes));
add(new Product("猕猴桃","20元/kg",R.drawable.kiwifruit));
add(new Product("围巾","280元",R.drawable.scarf));
}};
private ListView lv;
// List<Product> products=new ArrayList<>();
// Product product=new Product("桌子","1000元",R.drawable.table);
// products.add(product);
//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv=findViewById(R.id.lv);
productAdpterList adpter=new productAdpterList(this,products);
lv.setAdapter(adpter);
}
}
6.最终实现效果
7.总结
1.先创建listView
2.创建数据类
3.创建适配器样式
4.创建一个class类继承BaseAdapter类,自定义一个适配器
重写适配器的方法(4个),加创建自定义适配器
通过 View view= LayoutInflater.from(context).inflate(R.layout.listview_item,null);
将适配器跟样式关联,然后在得到所有的样式,在给样式填充数据
5.(1)适配器好了,准备数据源,
(2)然后获取listView的样式, new一个适配器传入参数(控制器,数据)
(3) lv.setAdapter(adpter);
完成自定义适配器