1. 首先，在布局文件中添加
一个Recycler
View：
```xml
<
androidx.recycler
view.widget.Recycler
View
android:id="@+id/recycler
View"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="8dp" />
```
2. 在Fragment中，定义
一个变量来保存Recycler
View的实例：
```java
private Recycler
View recycler
View;
```
3. 在Fragment的onCreate
View方法中，初始化Recycler
View：
```java
@Override
public
View onCreate
View(LayoutInflater inflater,
ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_product_list, container, false);
recycler
View =
view.find
ViewById(R.id.recycler
View);
recycler
View.setLayoutManager(new LinearLayoutManager(getContext()));
recycler
View.setAdapter(new ProductListAdapter(getProductList()));
return
view;
}
```
这里我们使用LinearLayoutManager来实现垂直方向的列表布局，并将适配器设置为ProductListAdapter，该适配器需要传入
一个商品列表的数据源。
4. 创建
一个ProductListAdapter类来实现Recycler
View的适配器：
```java
public class ProductListAdapter extends Recycler
View.Adapter<ProductListAdapter.
ViewHolder> {
private List<Product> productList;
public ProductListAdapter(List<Product> productList) {
this.productList = productList;
}
@NonNull
@Override
public
ViewHolder onCreate
ViewHolder(@NonNull
ViewGroup parent, int
viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_product, parent, false);
return new
ViewHolder(
view);
}
@Override
public void onBind
ViewHolder(@NonNull
ViewHolder holder, int position) {
Product product = productList.get(position);
holder.productName.setText(product.getName());
holder.productPrice.setText(product.getPrice());
holder.productImage.setImageResource(product.getImageResource());
}
@Override
public int getItemCount() {
return productList.size();
}
public static class
ViewHolder extends Recycler
View.
ViewHolder {
private
CardView cardView;
private Image
View productImage;
private Text
View productName;
private Text
View productPrice;
public
ViewHolder(@NonNull
View item
View) {
super(item
View);
cardView = item
View.find
ViewById(R.id.
cardView);
productImage = item
View.find
ViewById(R.id.productImage);
productName = item
View.find
ViewById(R.id.productName);
productPrice = item
View.find
ViewById(R.id.productPrice);
}
}
}
```
在ProductListAdapter中，我们需要实现三个方法：
- onCreate
ViewHolder：创建
ViewHolder实例，并将item_product布局文件作为其视图。
- onBind
ViewHolder：将数据绑定到
ViewHolder实例上。在这里，我们将商品名称、价格和图像资源绑定到
ViewHolder的各个控件上。
- getItemCount：返回商品列表的大小。
5. 在item_product布局文件中，添加
一个CardView来显示商品信息：
```xml
<
androidx.
cardview.widget.
CardView
android:id="@+id/
cardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
app:
cardCornerRadius="8dp"
app:
cardElevation="4dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="8dp">
<Image
View
android:id="@+id/productImage"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center_verti
cal"
android:s
caleType="centerCrop" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_verti
cal"
android:layout_marginStart="16dp"
android:orientation="verti
cal">
<Text
View
android:id="@+id/productName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="16sp" />
<Text
View
android:id="@+id/productPrice"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="14sp" />
</LinearLayout>
</LinearLayout>
</
androidx.
cardview.widget.
CardView>
```
在
CardView中，我们使用了LinearLayout来实现水平方向的布局，并在其中添加了
一个Image
View和两个Text
View来显示商品图像、名称和价格。在
CardView中，我们还设置了圆角半径和
阴影效果。
6. 最后，定义
一个Product类来保存商品信息：
```java
public class Product {
private String name;
private String price;
private int imageResource;
public Product(String name, String price, int imageResource) {
this.name = name;
this.price = price;
this.imageResource = imageResource;
}
public String getName() {
return name;
}
public String getPrice() {
return price;
}
public int getImageResource() {
return imageResource;
}
}
```
在这个类中，我们定义了商品名称、价格和图像资源三个属性，并提供了对应的get方法。
这样，
一个使用
CardView实现商品列表的Fragment就完成了。
1262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
