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

  

类似的功能可以看看:
  

  

使用RadioGroup实现底部导航栏

  

<强>进入正题

  

效果图:
  

  

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

  

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

  

1。主界面xml布局中添加:viewpage控件:

        & lt; android.support.v4.view.ViewPager   android: id=癅 + id/pager_view”   android: layout_width=" match_parent "   android: layout_height=" match_parent "/祝辞      

2。主界面活动的代码:
  

  

FrOrderList和FrFoodList分别为内部的片段页面

        String[]标签={"坚果”,“肉脯”,“果冻"};   私人MyPagerAdpater adpater;//为:viewpage添加Adpater   adpater=new MyPagerAdpater (getSupportFragmentManager ());   pagerView.setOffscreenPageLimit (4);   pagerView.setAdapter (adpater);      类MyPagerAdpater延伸FragmentPagerAdapter {      公共MyPagerAdpater (FragmentManager经理){   超级(经理);   }      @Override   公共片段getItem (int位置){   开关(位置){   例0:   FrOrderList返回。newInstance (0);   案例1:   FrFoodList返回。newInstance (1);   案例2:   FrOrderList返回。newInstance (2);   }   返回null;   }      @Override   公共CharSequence进行getPageTitle (int位置){   返回标签(位置);   }   @Override   公共int getCount () {   返回tabs.length;   }   }      之前      

3。内部片段页面:
  其布局只是为了纯显示,所以只添加了一个textview

        & lt; TextView   android: id=癅 + id/tv_content”   android:重力="中心"   android: layout_width=" match_parent "   android: layout_height=" match_parent "   android: textSize=" 32 sp "   android:输入textColor=" # 63 b8ff "   android:文本=" 999 "/比;   之前      

活动代码:
  

  

整个流程为:
  

        公共静态FrFoodList newInstance (int mState)   ——》公共空onCreate (@Nullable包savedInstanceState)   ——》onCreateView公共视图   ——》公共空initView ()      公开课FrFoodList延伸片段{      TextView tvContent;      私有静态字符串DATAKEY=白刺?   私人int mState=0;      公共静态FrFoodList newInstance (int mState) {   FrFoodList FrFoodList=new FrFoodList ();   捆捆包=new ();   包。putInt (DATAKEY mState);   frFoodList.setArguments(包);   返回frFoodList;   }      @Override   公共空间onCreate (@Nullable包savedInstanceState) {   super.onCreate (savedInstanceState);   mState=getArguments ()。getInt (DATAKEY);   }      @Nullable   @Override   公众视线onCreateView (LayoutInflater增压泵,@Nullable ViewGroup容器,@Nullable包savedInstanceState) {   视图视图=inflater.inflate (R.layout.fragment_food_list, null);   tvContent=(TextView) view.findViewById (R.id.tv_content);   initView ();   返回视图;   }      公共空间initView () {   开关(mState) {   例0:   tvContent。setText(“一大波坚果即将来袭~ ~ ~”);   打破;   案例1:   tvContent。setText(“好吃又香,美味抵挡不住(^ _ ^)”);   打破;   案例2:   tvContent。setText(“浪漫气息,粉嫩可爱(* _ *));   打破;   }   }   }   之前      

FrOrderList的写法和这个类似。

  

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

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