使用 ViewPager2 在 AlertDialog 中自定义 TabLayout

Question

我对编写应用程序比较陌生，目前正在从事我的第二个项目。我有一个名为 AddNetwork 的 activity，它包含一个可以打开 AlertDialog 的按钮。在 AlertDialog 中，我想要一个带有两个选项卡的 TabLayout，每个选项卡显示不同的内容。我已经尝试了大约 8 个小时来实现这一目标，并且我发现了一些教程可以部分解决我的问题，但没有什么是真正重要的。我想我可以使用 ViewPager2 解决我的问题，但我还没有设法让它工作。截至目前，我的代码工作如下：

AddNetwork.java 创建 AlertDialogSelectWifi.java 的实例，它扩展了 DialogFragment 并扩充了包含 TabLayout 和 [=17 的 alertdialog_select_wifi.XML 布局文件=].同样在 DialogFragment 中，我试图将适配器设置为 viewPager，即扩展 FragmentStateAdapter 的 ViewPagerAdapter.java。从那里我想附加两个片段 AlertDialogRecentFragment.java（fragment_alert_dialog_recent.xml）和 AlertDialogTypeFragment.java（fragment_alert_dialog_type.xml）。请注意，后者尚未包含在代码中，因此到目前为止我只会向选项卡添加一个片段（我猜）。所以目前，我的代码有点混乱，是我找到并遵循的所有教程的混合体。它不会导致任何错误，我可以打开警报对话框，但是 fragment_alert_dialog_recent.xml 和选项卡不可见。我真的不知道我还能尝试什么或更改我的代码。总的来说，我不确定在 AlertDialogSelectWifi.java 文件中设置 ViewPagerAdapter 是否正确。我错过了什么或做错了什么？非常感谢任何帮助！

这是我的代码：

AddNetwork.java

public class AddNetwork extends AppCompatActivity {

    Context context = this;

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


        //BUTTON
        final MaterialButton buttonSelectWifi;
        buttonSelectWifi = (MaterialButton) findViewById(R.id.button2);
        buttonSelectWifi.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {

                //CREATE ALERT DIALOG
                FragmentManager fm = getSupportFragmentManager();
                DialogFragment dialog = AlertDialogSelectWifi.newInstance(context);
                dialog.show(fm, "dialog");

            }
        });
    }
}

AlertDialogSelectWifi.java

public class AlertDialogSelectWifi extends DialogFragment {

    static Context mContext;

    public static AlertDialogSelectWifi newInstance(Context context) {
        mContext = context;
        return new AlertDialogSelectWifi();
    }


    @NonNull
    @Override
    public Dialog onCreateDialog(@Nullable Bundle savedInstanceState) {
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), R.style.AlertDialogTheme);

        LayoutInflater inflater = requireActivity().getLayoutInflater(); //getActivity().getLayoutInflater();
        View alertLayout = inflater.inflate(R.layout.alertdialog_select_wifi, null);

        builder.setTitle("Add Saved Network")
                .setView(alertLayout)
                .setCancelable(true)
                .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                });

        return builder.create();
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.alertdialog_select_wifi, container, false);
        return view;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);


        ViewPager2 viewPager = view.findViewById(R.id.viewpager);
        TabLayout tabLayout = view.findViewById(R.id.tablayout);
        ViewPagerAdapter adapter = new ViewPagerAdapter(getActivity(), mContext, viewPager);

        viewPager.setAdapter(adapter);

        new TabLayoutMediator(tabLayout, viewPager,
                new TabLayoutMediator.TabConfigurationStrategy() {
                    @Override
                    public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) {
                        tab.setText("Tab " + (position + 1));
                    }
                }).attach();
    }
}

ViewPageAdapter.java

public class ViewPagerAdapter extends FragmentStateAdapter {

    private LayoutInflater mInflater;
    private ViewPager2 viewPager;

    public  ViewPagerAdapter(FragmentActivity fragmentActivity, Context context, ViewPager2 viewPager) {
        super(fragmentActivity);
        this.mInflater = LayoutInflater.from(context);
        this.viewPager = viewPager;
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return AlertDialogRecentFragment.newInstance();
    }

    @Override
    public int getItemCount() {
        return 0;
    }
}

Answer 1

如果我正确理解了您的问题，请像这样更改您的适配器：

public class ViewPagerAdapter extends FragmentStateAdapter {

public  ViewPagerAdapter(FragmentActivity fragmentActivity) {
    super(fragmentActivity);
}

@NonNull
@Override
public Fragment createFragment(int position) {
    if(position == 0)
    return new AlertDialogRecentFragment();
    else
    return new AlertDialogTypeFragment();
}

  @Override
  public int getItemCount() {
    return 2;
  }
}

使用 ViewPager2 在 AlertDialog 中自定义 TabLayout

Custom TabLayout in AlertDialog using ViewPager2

java

android

android-alertdialog

android-tablayout

android-viewpager2