时间戳

首页 > 解决方案 > Android - 标签屏幕的一个活动多个片段

android - Android - 标签屏幕的一个活动多个片段

问题描述

我想创建一个应用程序。第一页是登录页面，然后第二页是选项卡屏幕。我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>

标签： androidandroid-fragmentsandroid-transitionsbottomnavigationviewfragmentmanager

解决方案

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

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

活动.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>

活动.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;
    }
}

推荐阅读