首页 文章

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

提问于
浏览
0

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

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

但我有一些问题:

  • 如果我向活动添加底部导航视图,我无法使用从登录到标签栏页面的任何过渡动画 .

  • 如果在选择底部导航视图项时使用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

    如果我理解正确,一个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;
            }
        }
    
    }
    

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

相关问题