Android-一个活动选项卡屏幕的多个片段

时间:2018-09-17 19:09:51

标签: android android-fragments android-transitions bottomnavigationview fragmentmanager

我想创建一个应用。第一页是登录页面,第二页是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>

1 个答案:

答案 0 :(得分:0)

如果我正确理解,一个活动将仅用一个工具栏容纳多个片段。您可以使用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;
        }
    }

}

PagerAdapter.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;
    }
}