RecyclerView中具有动态项目宽度的水平滚动

在 Android 开发中，使用 RecyclerView 实现具有动态项目宽度的水平滚动是一个常见的需求。你可以通过自定义 RecyclerView.Adapter 和 RecyclerView.LayoutManager 来实现这一点。以下是一个详细的实现步骤：

1. 添加依赖项

确保你的项目中已经添加了 RecyclerView 的依赖项。如果没有，请在 build.gradle 文件中添加：

dependencies {
    implementation 'androidx.recyclerview:recyclerview:1.2.1'
}

2. 创建布局文件

创建一个 RecyclerView 的布局文件，例如 activity_main.xml：

<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:scrollbars="horizontal" />
</LinearLayout>

3. 创建项目布局文件

创建一个项目布局文件，例如 item_layout.xml，其中项目的宽度是动态的：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="8dp">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item"
        android:textSize="18sp" />
</LinearLayout>

4. 创建数据模型

创建一个简单的数据模型类，例如 Item.java：

public class Item {
    private String text;
    private int width;

    public Item(String text, int width) {
        this.text = text;
        this.width = width;
    }

    public String getText() {
        return text;
    }

    public int getWidth() {
        return width;
    }
}

5. 创建适配器

创建一个适配器类，例如 MyAdapter.java：

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.List;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {

    private List<Item> itemList;

    public MyAdapter(List<Item> itemList) {
        this.itemList = itemList;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        Item item = itemList.get(position);
        holder.textView.setText(item.getText());

        // 动态设置项目宽度
        ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams();
        layoutParams.width = item.getWidth();
        holder.itemView.setLayoutParams(layoutParams);
    }

    @Override
    public int getItemCount() {
        return itemList.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        TextView textView;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textView);
        }
    }
}

6. 设置 RecyclerView

在 MainActivity.java 中设置 RecyclerView：

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private MyAdapter adapter;
    private List<Item> itemList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = findViewById(R.id.recyclerView);
        recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));

        itemList = new ArrayList<>();
        itemList.add(new Item("Item 1", 200));
        itemList.add(new Item("Item 2", 300));
        itemList.add(new Item("Item 3", 250));
        itemList.add(new Item("Item 4", 400));
        itemList.add(new Item("Item 5", 150));

        adapter = new MyAdapter(itemList);
        recyclerView.setAdapter(adapter);
    }
}