Android使用ViewPager实现顶部tabbar切换界面_网络技术

Android使用ViewPager实现顶部tabbar切换界面

发布时间 - 2026-01-11 03:01:25 点击率：次

Android使用ViewPager实现顶部tabbar切换界面，类似的功能可以看看：

使用RadioGroup实现底部导航栏

进入正题

效果图：

注：PagerSlidingTabStrip为自定义控件，用于切换界面，此处不便贴出代码

1.主界面xml布局中添加ViewPager控件：

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

2.主界面的activity代码：

FrOrderList和FrFoodList分别为内部的fragment页面

String[] tabs = {"坚果", "肉脯", "果冻"};
  private MyPagerAdpater adpater;

  //为ViewPager添加Adpater
  adpater = new MyPagerAdpater(getSupportFragmentManager());
  pagerView.setOffscreenPageLimit(4);
  pagerView.setAdapter(adpater);

class MyPagerAdpater extends FragmentPagerAdapter {

  public MyPagerAdpater(FragmentManager manager) {
   super(manager);
  }

  @Override
  public Fragment getItem(int position) {
   switch (position){
    case 0:
     return FrOrderList.newInstance( 0);
    case 1:
     return FrFoodList.newInstance( 1);
    case 2:
     return FrOrderList.newInstance( 2);
   }
   return null;
  }

  @Override
  public CharSequence getPageTitle(int position) {
   return tabs[position];
  }
  @Override
  public int getCount() {
   return tabs.length;
  }
 }

3.内部fragment页面：
其布局只是为了纯显示，所以只添加了一个textview

<TextView
  android:id="@+id/tv_content"
  android:gravity="center"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:textSize="32sp"
  android:textColor="#63B8FF"
  android:text="999"/>

activity代码：

整个流程为：

public static FrFoodList newInstance(int mState) 
–》public void onCreate(@Nullable Bundle savedInstanceState) 
–》public View onCreateView 
–》public void initView()

public class FrFoodList extends Fragment {

 TextView tvContent;

 private static String DATAKEY = "STATE";
 private int mState = 0;

 public static FrFoodList newInstance(int mState) {
 FrFoodList frFoodList = new FrFoodList();
 Bundle bundle = new Bundle();
 bundle.putInt( DATAKEY, mState);
 frFoodList.setArguments(bundle);
 return frFoodList;
 }

 @Override
 public void onCreate(@Nullable Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 mState = getArguments().getInt( DATAKEY);
 }

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.fragment_food_list, null);
 tvContent = (TextView) view.findViewById(R.id.tv_content); 
 initView();
 return view;
 }

 public void initView(){
 switch ( mState ){
  case 0:
  tvContent.setText( "一大波坚果即将来袭~~~" );
  break;
  case 1:
  tvContent.setText( "好吃又香，美味抵挡不住(^_^)" );
  break;
  case 2:
  tvContent.setText( "浪漫气息，粉嫩可爱(*_*)" );
  break;
 }
 }
}

FrOrderList的写法和这个类似。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# ViewPager # tabbar # 切换 # Android实现界面左右滑动切换功能 # Android输入法与表情面板切换时的界面抖动问题解决方法 # Android实现闪屏及注册和登录界面之间的切换效果 # PagerSlidingTabStrip制作Android带标签的多界面滑动切换 # Android App仿微信界面切换时Tab图标变色效果的制作方法 # Android应用中使用ViewPager实现类似QQ的界面切换效果 # android编程实现局部界面动态切换的方法 # Android界面切换出现短暂黑屏的解决方法 # Android实现Activity界面切换添加动画特效的方法 # Android studio实现两个界面间的切换 # 大波 # 自定义 # 分别为 # 贴出 # 大家多多 # 来袭 # private # tabs # adpater # MyPagerAdpater # gt # FrFoodList # FrOrderList # activity # String # fragment

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：JavaScript构建工具如何选择与配置？

下一篇：方太燃气灶打不着火原因和处理方法【攻略】

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：JavaScript构建工具如何选择与配置？

下一篇：方太燃气灶打不着火原因和处理方法【攻略】