如何用动画一个接一个地显示一个包含多个 fragment 的对话框 fragment ？

我的用例是:

1. DialogFragment 与 fragment 1 一起显示。它有一个“下一步”按钮
2. 用户点击下一步
3. 同一个 dialogFragment 显示带有动画幻灯片的 fragment 2。

任何指针都会有所帮助。

提前谢谢你。

这是我正在使用的基本对话 fragment

public class BaseDialogFragment extends DialogFragment {

    public BaseDialogFragment () {

    }

    public static BaseDialogFragment newInstance(String title) {
        BaseDialogFragment frag = new BaseDialogFragment ();
        Bundle args = new Bundle();
        args.putString("title", title);
        frag.setArguments(args);
        return frag;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment, container);
    }

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


        getDialog().getWindow().setSoftInputMode(
            WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE);
    }
}

行为是这样的。显示带有流程的对话框的是 BottomNavigation Activity 。下一个/上一个对话框带有滑入/滑出导航。

我也愿意接受其他建议，例如对话主题 Activity

最佳答案

据我了解，您希望有一个父对话 fragment 管理两个子 fragment 。 为此，您必须遵循这些步骤。

1. 创建父对话框 fragment
2. 创建两个子 fragment
3. 将第一个 fragment 添加到父 fragment
4. 添加从第一个子 fragment 到父 fragment 的回调以用第二个子 fragment 替换它
5. 向父 fragment 添加功能以替换子 fragment

让我们从第一步开始。我们将创建一个容器对话框 fragment :

class ContainerDialogFragment extends DialogFragment {
    @Override
    public View onCreateView(final LayoutInflater inflater, final ViewGroup container, final Bundle savedInstanceState) {
        return inflater.inflate(R.layout.container_fragment, container, false);
    }
}

我们的 container_fragment xml 看起来像:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

然后我们创建两个子 fragment :

class ChildFragment1 extends Fragment {
    //...the content is up to you...
}

和

class ChildFragment2 extends Fragment {
    //...the content is up to you...
}

我们将第一个 fragment 添加到我们的容器对话框 fragment 中:

class ContainerDialogFragment extends DialogFragment {
    @Override
    public View onCreateView(final LayoutInflater inflater, final ViewGroup container, final Bundle savedInstanceState) {
        return inflater.inflate(R.layout.container_fragment, container, false);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
        ChildFragment1 childFragment1 = new ChildFragment1();
        transaction.replace(R.id.fragment_container, childFragment1);
        transaction.commit();
    }
}

现在我们必须添加一个接口(interface)来在父子 fragment 之间进行通信以替换它:

class ChildFragment1 extends Fragment {
    interface ChildFragment1Listener {
        void onButtonPressed();
    }

    //you have to call this method when user pressed to button
    void onButtonPressed() {
        ChildFragment1Listener listener = (ChildFragment1Listener) getParentFragment();
        listener.onButtonPressed();
    }
}

最后，我们必须在我们的容器对话框 fragment 中实现这个接口(interface)并添加替换功能:

class ContainerDialogFragment extends DialogFragment implements ChildFragment1.ChildFragment1Listener {
    @Override
    public View onCreateView(final LayoutInflater inflater, final ViewGroup container, final Bundle savedInstanceState) {
        return inflater.inflate(R.layout.container_fragment, container, false);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
        ChildFragment1 childFragment1 = new ChildFragment1();
        transaction.replace(R.id.fragment_container, childFragment1);
        transaction.commit();
    }

    @Override
    void onButtonPressed() {
        FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
        //Out of simplicity, i am creating ChildFragment2 every time user presses the button. 
        //However, you should keep the instance somewhere to avoid creation.
        ChildFragment2 childFragment2 = new ChildFragment2();
        transaction.replace(R.id.fragment_container, childFragment2);
        //You can add here as well your fragment in and out animation how you like.
        transaction.addToBackStack("childFragment2");
        transaction.commit();
    }
}

就是这样。

关于android - 具有多个 fragment/ View 的 DialogFragment，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52675428/