android bottomsheet 怎么处理多个底部表

在 Android 中，BottomSheet 通常用于在一个界面中展示额外的信息或操作选项。要处理多个 BottomSheet，你可以采用以下方法：

使用 ViewPager 或 RecyclerView：

在这种方法中，你可以为每个 BottomSheet 创建一个单独的布局文件，并在主布局文件中添加一个 ViewPager 或 RecyclerView。然后，你可以为每个 BottomSheet 分配一个页面或列表项。当用户切换不同的页面或列表项时，BottomSheet 会显示相应的布局。

示例代码：

主布局文件（activity_main.xml）：

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

每个 BottomSheet 的布局文件（例如：bottom_sheet_1.xml 和 bottom_sheet_2.xml）：

<!-- bottom_sheet_1.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior">

    <!-- 在这里添加你的 BottomSheet 内容 -->

</LinearLayout>

在 Activity 或 Fragment 中设置 ViewPager2：

public class MainActivity extends AppCompatActivity {

    private ViewPager2 viewPager;
    private BottomSheetPagerAdapter adapter;

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

        viewPager = findViewById(R.id.viewPager);

        adapter = new BottomSheetPagerAdapter(this);
        viewPager.setAdapter(adapter);
    }
}

BottomSheetPagerAdapter：

public class BottomSheetPagerAdapter extends RecyclerView.Adapter<BottomSheetPagerAdapter.BottomSheetViewHolder> {

    private Context context;

    public BottomSheetPagerAdapter(Context context) {
        this.context = context;
    }

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

    @Override
    public void onBindViewHolder(@NonNull BottomSheetViewHolder holder, int position) {
        // 根据 position 设置不同的底部表布局
    }

    @Override
    public int getItemCount() {
        return 2; // 假设有两个底部表
    }

    static class BottomSheetViewHolder extends RecyclerView.ViewHolder {
        public BottomSheetViewHolder(@NonNull View itemView) {
            super(itemView);
        }
    }
}

使用多个 BottomSheetDialog：

在这种方法中，你可以为每个底部表创建一个单独的 BottomSheetDialog。当用户需要查看不同的底部表时，可以显示相应的 BottomSheetDialog。

示例代码：

创建一个自定义的 BottomSheetDialogFragment：

public class CustomBottomSheetDialogFragment extends BottomSheetDialogFragment {

    @NonNull
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        LayoutInflater inflater = getActivity().getLayoutInflater();
        View contentView = inflater.inflate(R.layout.bottom_sheet_dialog, null);
        builder.setView(contentView);

        return builder.create();
    }
}

在 Activity 或 Fragment 中显示不同的底部表：

public class MainActivity extends AppCompatActivity {

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

        Button button1 = findViewById(R.id.button1);
        button1.setOnClickListener(v -> showBottomSheet1());

        Button button2 = findViewById(R.id.button2);
        button2.setOnClickListener(v -> showBottomSheet2());
    }

    private void showBottomSheet1() {
        CustomBottomSheetDialogFragment bottomSheetDialog = new CustomBottomSheetDialogFragment();
        bottomSheetDialog.show(getSupportFragmentManager(), "BottomSheet1");
    }

    private void showBottomSheet2() {
        CustomBottomSheetDialogFragment bottomSheetDialog = new CustomBottomSheetDialogFragment();
        bottomSheetDialog.show(getSupportFragmentManager(), "BottomSheet2");
    }
}

这样，你就可以在一个界面中处理多个 BottomSheet 了。根据你的需求，可以选择适合你的方法。

最新问答

相关标签