最新发表 推荐阅读 明星博主 原创博文 年度排行 博文排行 博文评论 FPGA/CPLD MCU/ 嵌入式 模拟 电源/新能源 测试测量 通信 智能手机 处理器与DSP PCB 汽车电子 消费电子 智能硬件 物联网 软件与OS 采购与分销 供应链管理 工程师职场 EDA/ IP/ 设计与制造 无人机 机器人/ AI 医疗电子 工业电子 管理
大鸟科创空间
文章：47 阅读：542292 评论：25 赞：1024
不定期发送干货，期待大家关注
好友 私信 个人主页

原创 android之ViewPager与TabLayout

2021-6-17 11:39 2402 17 17 分类: 软件与OS 文集: android studio

使用 TabLayout 很容易实现选项卡的功能。这里将结合 ViewPager、Fragment、TabLayout实现一个具有选项卡功能的程序。本例再上篇讲解的ViewPager与Fragment实例上修改，请结合上篇实例参考。

要实现这样一个程序，首先需要在布局文件中加入 TabLayout。MainActivity中对应的布局文件代码如下：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:orientation="vertical"
  8. tools:context=".MainActivity">
  10. <com.google.android.material.tabs.TabLayout
  11. android:id="@+id/tab"
  12. app:tabMode="fixed"
  13. android:layout_width="match_parent"
  14. android:layout_height="wrap_content" />
  16. <androidx.viewpager.widget.ViewPager
  17. android:id="@+id/viewPager"
  18. android:layout_width="match_parent"
  19. android:layout_height="match_parent"/>
  21. </LinearLayout>

完成这些后，3个Fragment类文件不变，修改适配器类：

  1. package com.rfstar.viewpagertest03;
  2. import androidx.fragment.app.Fragment;
  3. import androidx.fragment.app.FragmentManager;
  4. import androidx.fragment.app.FragmentPagerAdapter;
  6. import java.util.List;
  8. public class FragmentAdapter extends FragmentPagerAdapter {
  9. private List<Fragment> fragmentList;
  10. private List<String> tabList;
  12. public FragmentAdapter(FragmentManager fm,List<Fragment>fragmentList,List<String>tabList)
  13. {
  14. super(fm);
  15. this.fragmentList=fragmentList;
  16. this.tabList=tabList;
  17. }
  18. @Override
  19. public Fragment getItem(int position) {
  20. return fragmentList.get(position);
  21. }
  23. @Override
  24. public int getCount() {
  25. return fragmentList.size();
  26. }
  28. @Override
  29. public CharSequence getPageTitle(int position)
  30. {
  31. return tabList.get(position);
  32. }
  33. }

通过观察修改之后的适配器类可以发现其实就是加入了一个存储选项卡内容的列表以及一个获取选项卡内容的方法。MainActivity的代码如下：

  1. package com.rfstar.viewpagertest03;
  2. import androidx.appcompat.app.AppCompatActivity;
  3. import androidx.fragment.app.Fragment;
  4. import androidx.fragment.app.FragmentManager;
  5. import androidx.viewpager.widget.ViewPager;
  6. import android.os.Bundle;
  7. import android.view.View;
  8. import android.widget.TableLayout;
  9. import com.google.android.material.tabs.TabLayout;
  10. import java.util.ArrayList;
  11. import java.util.List;
  13. public class MainActivity extends AppCompatActivity {
  15. @Override
  16. protected void onCreate(Bundle savedInstanceState) {
  17. super.onCreate(savedInstanceState);
  18. setContentView(R.layout.activity_main);
  19. FragmentManager fragmentManager=getSupportFragmentManager();
  20. List<Fragment> fragments=new ArrayList<Fragment>();
  21. fragments.add(new FirstFragment());
  22. fragments.add(new SecondFragment());
  23. fragments.add(new ThirdFragment());
  24. List<String> tabs=new ArrayList<>();
  25. tabs.add("首页");
  26. tabs.add("社区");
  27. tabs.add("新闻");
  28. FragmentAdapter fragmentAdapter=new
  29. FragmentAdapter(fragmentManager,fragments,tabs);
  31. ViewPager viewPager=(ViewPager)findViewById(R.id.viewPager);
  32. viewPager.setAdapter(fragmentAdapter);
  33. TabLayout tabLayout= (TabLayout) findViewById(R.id.tab);
  34. tabLayout.setupWithViewPager(viewPager);
  36. }
  37. }

此时运行程序就出现了选项卡功能，不管是点击选项卡标签还是滑动界面都可以进行界面切换，效果如下图：

android studio工具及手机模拟器以及更多工程源代码下载请前往微信公众号：大鸟科创空间，回复：android studio即可获取。

android app Tablayout

作者： 大鸟科创空间， 来源：面包板社区

链接： https://mbb.eet-china.com/blog/uid-me-3949041.html

版权声明：本文为博主原创，未经本人允许，禁止转载！

写原创有奖励！2024面包板原创奖励正在进行中

文章评论（0条评论）

登录后参与讨论
大鸟科创空间
文章：47 阅读：542292 评论：25 赞：1024
不定期发送干货，期待大家关注
好友 私信 个人主页
EE直播间
更多
在线研讨会
更多
我要评论
0
17
关闭 站长推荐上一条 /2 下一条
  • 帖子
  • 博文