Android - 一个活动多个片段用于标签屏幕

Question

我想创建一个应用程序。第一页是登录页面，第二页是tabbad屏幕。我使用BottomNavigationView创建一个标签栏。

我想给每个页面提供工具栏。所以，我把一个工具栏放在片段布局中。

但我有一些问题：

1. 如果我将底部导航视图添加到活动，我无法使用从登录到标签栏页面的任何过渡动画。
2. 如果我选择底部导航视图项时使用childFragmentManager将底部导航视图添加到片段并替换片段，则childFragmentManager不会隐藏父片段的工具栏。

对于第二种情况，父Fragment工具栏覆盖子片段工具栏。

getChildFragmentManager().beginTransaction().replace(R.id.rootFragmentLayout, fragment).commit();

片段布局如下：

<RelativeLayout
    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"
    >

    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/rootFragmentLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <android.support.design.widget.AppBarLayout
                android:id="@+id/toolBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"/>

        </android.support.design.widget.AppBarLayout>

        <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/toolBarLayout"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">
        </FrameLayout>
    </LinearLayout>
</RelativeLayout>

Answer 1

如果我理解正确，一个Activity将容纳多个片段，只有一个工具栏。您可以做的是使用ViewPager在片段之间进行更改。您需要在工具栏下方的xml上使用ViewPager，然后您可以创建一个为您切换片段的适配器。

在这个例子中，你应该有按钮切换你的片段，因为我在代码上称它为btn1，btn2和btn3

activity.xml

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <include layout="@layout/your_toolbar" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

activity.Java

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

public class mActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity);

        ButterKnife.bind(this);

        adapter = new MyPagerAdapter(getSupportFragmentManager());
        container.setAdapter(adapter);
        container.addOnPageChangeListener(this);
        // This means 3 fragments, change the number as you like
        container.setOffscreenPageLimit(3);
        container.setCurrentItem(1);  
    }

    // Use this method so your toolbar views switch the fragments
    @OnClick({R.id.btn1, R.id.btn2, R.id.btn3})
    public void onViewClicked(View view) {
        switch (view.getId()) {
            case R.id.btn1:
                container.setCurrentItem(0, true);
                break;
            case R.id.btn2:
                container.setCurrentItem(1, true);
                break;
            case R.id.btn3:
                container.setCurrentItem(2, true);
                break;
        }
    }

}

pager adapter.Java

    import android.support.v4.app.Fragment;
    import android.support.v4.app.FragmentManager;
    import android.support.v4.app.FragmentStatePagerAdapter;

    public class MyPagerAdapter extends FragmentStatePagerAdapter {

    public MyPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int pos) {
        switch (pos) {
            case 0:
                return new YourFragmentClass1();
            case 1:
                return new YourFragmentClass2();
            case 2:
                return new YourFragmentClass3();
            default:
                return new YourFragmentClass1();
        }
    }

    @Override
    public int getCount() {
        return 3;
    }

    @Override
    public int getItemPosition(Object object) {
        return POSITION_NONE;
    }
}