Блог

Главная - Вопросы по программированию - Как использовать viewpager и tablayout внутри фрагмента?

Как использовать viewpager и tablayout внутри фрагмента?

#android #android-viewpager #fragment

#Android #android-viewpager #фрагмент

Вопрос:

Мне нужно, чтобы в моем приложении была навигация по нижней панели и вкладки, которые можно пролистывать. итак, мне нужен viewpager для обмена между фрагментами, вложенными внутри каждого фрагмента, который используется нижней навигацией. как мне это сделать?

Комментарии:

1. это то же самое, что вы сделали в activity (если вы уже это сделали), только с разницей, и это во фрагменте, который вы передаете getChildFragmentManager() вместо getSupportFragmentManager() вашего fragmentPagerAdapter конструктора

Ответ №1:

Сначала вы создаете фрагмент, содержащий ViewPager и TabLayout, подобный этому

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".FragmentThatHasViewPagerAndTabLayout">

    <android.support.design.widget.TabLayout
        android:id="@ id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

    <android.support.v4.view.ViewPager
        android:id="@ id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

Затем создайте действие, которое включает FrameLayout (которое будет использоваться как контейнер фрагмента) и BottomNavigation

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@ id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <android.support.design.widget.BottomNavigationView
        android:id="@ id/bottom_navigation_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@color/colorPrimary"
        app:itemIconTint="#FFF"
        app:itemTextColor="#FFF"
        app:menu="@menu/menu_bottom_navigation"/>

</LinearLayout>

Фрагмент кода для Activity

 public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_navigation_view);
        bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
                  //Change fragment when select another item in BottomNavigation
            }
        }
        getFragmentManager().beginTransaction().replace(R.id.fragment_container, new FragmentThatHasViewPagerAndTabLayout(), "TAG_TO_REUSE_FRAGMENT_AFTER_CONFIG_CHANGES").commit();
}

И код во фрагменте, который содержит ViewPager и TabLayout, вы просто пишете его как обычно (например, используя FragmentPagerAdapter и т.д.)