Android导航组件--创建包含标签页的滑动视图

最新推荐文章于 2024-06-27 22:16:57 发布

0522

最新推荐文章于 2024-06-27 22:16:57 发布

阅读量436

点赞数

分类专栏： Android开发功能示例文章标签： android android studio java

本文链接：https://blog.csdn.net/lishen1990/article/details/110946847

版权

Android开发功能示例专栏收录该内容

4 篇文章 0 订阅

订阅专栏

创建包含标签页的滑动视图

参考资料
IDE
相关组件概述
声明依赖项
搭建滑动标签页代码框架

参考资料

安卓开发官方文档

使用 ViewPager2 创建包含标签的滑动视图

IDE

AndroidStudio

声明依赖项

需要声明的依赖项有ViewPager2与材料组件两项。需要在build.gradle中做出引用声明，引用代码库具体的版本号可以在 Maven代码库中搜索查看：

dependencies {
  	  implementation 'com.google.android.material:material:1.2.0'
      implementation 'androidx.viewpager2:viewpager2:1.0.0
}

搭建滑动标签页代码框架

创建视图布局文件

需要在界面中加入一个TabLayout组件与一个ViewPager2组件。将二者进行适当布局调整

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MyActivity">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/MyTabLayout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
    </com.google.android.material.tabs.TabLayout>

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/MyViewPager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/MyTabLayout" >
    </androidx.viewpager2.widget.ViewPager2>
    
</androidx.constraintlayout.widget.ConstraintLayout>

此外，还需要创建一个Fragment（TabContentFragment）。用于处理与显示每一个Tab页面的内容。

构建适配器

需要创建一个自定义的适配器MyAdapter类，扩展自上面提到的FragmentStateAdapter类。在自定义类中重写父类的方法

createFragment（返回一个TabContentFragment的实例）
getItemCount（返回选项卡个数或者说tab页数）

下面的例子中，针对三个标签页的情况，适配器创建了3个页面片段实例，并在每一个实例中传入一个参数par。

public class MyAdapter extends FragmentStateAdapter {
public MyAdapter  (@NonNull FragmentActivity fragmentActivity) {
        super(fragmentActivity);
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        Fragment fragment=new TabContentFragment();
        Bundle args=new Bundle();
        String par="";
        switch (position){
            case 0:
                par="0";
                break;
            case 1:
                  par="1";
                break;
            case 2:
                 par="2";
                break;
            default:
                break;
        }

        args.putString(TabContentFragment.ARG_OBJECT,par);
        fragment.setArguments(args);
        return fragment;
    }

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

组装模块实现功能

在Activity控制器中，可以通过上面提到的中间件TabLayoutMediator对象将视图与ViewPager2组件结合，以实现标签页的滑动翻页功能。
在此之前，可以创建一个配置选项卡的类TabConfig，用于设置选项卡的信息。在使用中间件的时候会用到。

public class TabConfig implements TabLayoutMediator.TabConfigurationStrategy {
    @Override
    public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) {
		//设置选项卡的标题
        switch (position)
        {
            case 0:
                tab.setText("选项卡1");
                break;
            case 1:
                tab.setText("选项卡2");
                break;
            case 2:
                tab.setText("选项卡3");
                break;
        }
    }
}

接下来完成功能对接：

public class MyActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

        MyAdatper myadapter=new MyAdatper(this);

        TabLayout tabLayout=(TabLayout)findViewById(R.id.MyTabLayout);

        //可以添加一些标签页事件逻辑代码
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
        ViewPager2 viewPager2=(ViewPager2)findViewById(R.id.MyViewPager);
        viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() 			  {
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
            }
        });
        viewPager2.setAdapter(myadapter);


        TabConfig tabConfig=new TabConfig();
        TabLayoutMediator tabLayoutMediator=new TabLayoutMediator(tabLayout,viewPager2,tabConfig);
        tabLayoutMediator.attach();
    }
}

到此，工作还并没有结束。只是实现了滑动翻页。但是每一个Tab页面的内容展示工作还没有做。这属于上面提到的TabContentFragment的任务。在TabContentFragment的代码中，可以获取适配器中传入的参数par。并根据需求，在适当的生命周期方法中，使用这些参数，或者编写一些自定义的逻辑，进行数据处理与展示

public class TabContentFragment extends Fragment {

    public static final String ARG_OBJECT="object";
    private Bundle args;

    public TabContentFragment() {
        // Required empty public constructor
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_tab_content, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }

    public void onResume() {
        //加载列表
        super.onResume();
        args = getArguments();
		String par = args.getString(ARG_OBJECT)//获取适配器传入的参数
		//一些其他逻辑代码
    }
}

通过以上工作，应该就可以实现具有基本功能的可滑动翻页的标签页功能界面。