此开源框架官网地址：https://github.com/astuetz/PagerSlidingTabStrip
可以理解为配合ViewPager使用的交互式页面指示器控件。
话不多说，先上效果图：
为了演示其中的pstsIndicatorHeight与pstsUnderlineHeight 的区别，进行了不同的设置已区分效果（做了去除actionbar处理）。大家可以很直观的看出相比之前单独使用ViewPager以及ViewPager与Fragement嵌套，本次演示PagerSlidingTabStrip的使用，为页面导航提供了相对更加绚丽的切换效果，下面我们就介绍下PagerSlidingTabStrip的使用。
前期相关博文推荐：
Android中Fragment和ViewPager那点事儿
Android中使用ViewPager实现屏幕页面切换和页面轮播效果
一、基本属性介绍
所有的属性都有他们自己的getter和setter方法来随时改变他们
二、本次演示的代码结构
三、设置去除ActionBar
在res/values/styles.xml中设置
四、导依赖包
使用AndroidStudio2.2。仍然采用在build.gradle下中dependencies下直接添加如下代码：
compile 'com.astuetz:pagerslidingtabstrip:1.0.1'
五、layout布局文件
布局前对颜色做了一些引用设置，res/values/colors.xml文件如下：
<&＃63;xml version="1.0" encoding="utf-8"&＃63;>#3F51B5 #303F9F #FF4081 #489cfa #00000000 #fc9630
（1）主布局文件activity_main.xml
PagerSlidingTabStrip配合ViewPager一起使用，本次将ViewPager放置在PagerSlidingTabStrip下面，具体布局文件如下(大家根据前文中的属性解释来对照不理解的属性，注意添加app命名空间)：
<&＃63;xml version="1.0" encoding="utf-8"&＃63;>
（2）对应的Fragment布局文件
本次仅演示简单效果，fragment_pan, fragment_hou, fragment_ye每个布局文件仅仅文字不同，这里仅演示其中一个fragment_pan.xml:
<&＃63;xml version="1.0" encoding="utf-8"&＃63;>
（3）每个fragment要用来填充对应的fragment类，演示ragment_pan.xml布局对应的fragmen类HouFragment.java:
package com.mly.panhouye.pagerslidingtabstripdemo;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* Created by panchengjia on 2017/1/15 0015.
*/
public class HouFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view =inflater.inflate(R.layout.fragment_hou,null);
return view;
}
}
六、Java实现代码
package com.mly.panhouye.pagerslidingtabstripdemo;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import com.astuetz.PagerSlidingTabStrip;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
PagerSlidingTabStrip pst;
ViewPager viewPager;
ArrayList fragments;
//声明pst的标题
String[] titles = {"潘","侯","爷"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
pst= (PagerSlidingTabStrip) findViewById(R.id.pst);
viewPager= (ViewPager) findViewById(R.id.pager);
fragments = new ArrayList<>();
HouFragment houFragment = new HouFragment();
PanFragment panFragment = new PanFragment();
YeFragment yeFragment = new YeFragment();
//添加fragment到集合中时注意顺序
fragments.add(panFragment);
fragments.add(houFragment);
fragments.add(yeFragment);
FragmentManager fragmentManager = getSupportFragmentManager();
viewPager.setAdapter(new MyPagerAdapter(fragmentManager,titles,fragments));
viewPager.setCurrentItem(0);
//当ViewPager的onPagerChangeListener回调时，PagerSlidingTabStrip也一起随之变动
//具体做法都已封装到了PagerSlidingTabStrip.setViewPager()方法里，使用时调用实例如下
pst.setViewPager(viewPager);
pst.setTextSize(30);
}
/**
* 自定义适配器
*/
class MyPagerAdapter extends FragmentPagerAdapter {
private String[] titles;
ArrayList fragments;
//根据需求定义构造方法，方便外部调用
public MyPagerAdapter(FragmentManager fm, String[] titles, ArrayList fragments) {
super(fm);
this.titles = titles;
this.fragments = fragments;
}
//设置每页的标题
@Override
public CharSequence getPageTitle(int position) {
return titles[position];
}
//设置每一页对应的fragment
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
//fragment的数量
@Override
public int getCount() {
return fragments.size();
}
}
}
本次仅仅演示的是PagerSlidingTabStrip最最基本的使用方法，大家可以尝试使用它搞出更加绚丽的切换效果，干吧。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有