PagerTabStrip简单使用方式2

效果图示例:

 

 

211929_vcGy_2542711.png

 

 

211929_h9zc_2542711.png

 

 

 


1、res/layout下只有一个activity_main.xml布局

 


activity_main.xml布局

 


代码

 


<RelativeLayout 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"
    tools:context="${relativePackage}.${activityClass}" >

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

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

</RelativeLayout>

 

 

=============================

 

 

2、源文件有2个一个MainActivity.java一个PagerFragment.java

 


PagerFragment.java类


代码

 

public class PagerFragment extends Fragment {

 private int tabIndex;
 @Override
 public void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  tabIndex = getArguments().getInt("tabIndex");
 }
 
 @Override
 public View onCreateView(LayoutInflater inflater,
   @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  TextView text = new TextView(getActivity());
  switch(tabIndex){
  case 0:
   text.setText("记录");
   break;
  case 1:
   text.setText("联系人");
   break;
  case 2:
   text.setText("收藏夹");
   break;
  case 3:
   text.setText("群组");
   break;
  }
  return text;
 }
}

 

 

 

=====================

 


3、MainActivity类


代码

 

public class MainActivity extends FragmentActivity {

 private ViewPager viewPager;
 private PagerTabStrip pagerTabStrip;
 private List<Fragment> list;
 
 private String[] titels = {"记录","联系人","收藏夹","群组"};
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  this.viewPager = (ViewPager) this.findViewById(R.id.viewPager);
  this.pagerTabStrip = (PagerTabStrip) this.findViewById(R.id.pagerTabStrip);
  
  //设置PagerTabStrip样式
  pagerTabStrip.setTextColor(Color.WHITE);//字体颜色
  pagerTabStrip.setBackgroundColor(Color.GRAY);//背景颜色
  pagerTabStrip.setDrawFullUnderline(true);//下划线
  pagerTabStrip.setTabIndicatorColor(Color.CYAN);//下划线颜色
  pagerTabStrip.setTextSpacing(30);//每个tab间隔
  
  list = new ArrayList<Fragment>();
  for(int i = 0;i<titels.length;i++){
   PagerFragment fragment = new PagerFragment();
   Bundle bundle = new Bundle();
   bundle.putInt("tabIndex", i);
   fragment.setArguments(bundle);
   list.add(fragment);
  }
  viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(),list));
 }
 
 class MyFragmentPagerAdapter extends FragmentPagerAdapter{

  private List<Fragment> list;
  public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
   super(fm);
   // TODO Auto-generated constructor stub
   this.list = list;
  }

  @Override
  public Fragment getItem(int position) {
   // TODO Auto-generated method stub
   return this.list.get(position);
  }

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return this.list.size();
  }
  @Override//设置tab标题 并且和ViewPager关联
  public CharSequence getPageTitle(int position) {
   // TODO Auto-generated method stub
   return titels[position];
  }
  
 }
}


 

转载于:https://my.oschina.net/u/2542711/blog/615293

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值