使用 ViewPager2 在 AlertDialog 中自定义 TabLayout

Question

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

AddNetwork.java 创建AlertDialogSelectWifi.java 的实例，它扩展DialogFragment 并扩展包含TabLayout 和ViewPager2 的alertdialog_select_wifi.XML 布局文件。同样在DialogFragment 中，我正在尝试为viewPager 设置一个适配器，即ViewPagerAdapter.java，它扩展了FragmentStateAdapter。从那里我想附加两个片段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;
  }
}