鏈接地址：https://github.com/astuetz/PagerSlidingTabStrip

下載PagerSlidingTabStrip-master

將com.astuetz包，res下的下的資源復制進工程

布局文件：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"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="sunny.example.lianpagerslidingtabstrip.MainActivity" xmlns:app="http://schemas.android.com/apk/res/sunny.example.lianpagerslidingtabstrip"><com.astuetz.PagerSlidingTabStripandroid:id="@+id/pagerSlidingTabStrip"android:layout_width="match_parent"android:layout_height="50dp"app:pstsShouldExpand="true"app:pstsIndicatorHeight="2dp"/><android.support.v4.view.ViewPagerandroid:id="@+id/viewPager"android:layout_below="@+id/pagerSlidingTabStrip"android:layout_width="fill_parent"android:layout_height="fill_parent"/></RelativeLayout> <!-- pstsIndicatorColor: Color of the sliding indicator pstsUnderlineColor: Color of the full-width line on the bottom of the view pstsDividerColor: Color of the dividers between tabs pstsIndicatorHeight:Height of the sliding indicator TAB底部滑動橫線的高度 pstsUnderlineHeight: Height of the full-width line on the bottom of the view pstsDividerPadding: Top and bottom padding of the dividers pstsTabPaddingLeftRight: Left and right padding of each tab pstsScrollOffset: Scroll offset of the selected tab pstsTabBackground: Background drawable of each tab, should be a StateListDrawable pstsShouldExpand: If set to true, each tab is given the same weight, default false pstsTextAllCaps: If true, all tab titles will be upper case, default true 默認Tab上的TextView大寫字母-->

android:layout_below="@id/tabs"一定要記得寫上，是讓ViewPager控件在tabs之下。還有注釋部分的屬性可以使用。使用格式：app:?

在MainActivity.java中使用：

public class MainActivity extends FragmentActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ViewPager viewPager = (ViewPager)findViewById(R.id.viewPager);viewPager.setAdapter(new myPagerAdapter(getSupportFragmentManager()));PagerSlidingTabStrip tabs = (PagerSlidingTabStrip)findViewById(R.id.pagerSlidingTabStrip);//PagerSlidingTabStrip綁定ViewPagertabs.setViewPager(viewPager);}class myPagerAdapter extends FragmentPagerAdapter{String[] title = {"item1","item2","item3"};BlueFragment blueFragment;GreenFragment greenFragment;OrangeFragment orangeFragment;public myPagerAdapter(FragmentManager fm) {super(fm);// TODO Auto-generated constructor stub}@Overridepublic Fragment getItem(int position) {// TODO Auto-generated method stubswitch(position){case 0:blueFragment = new BlueFragment();return blueFragment;case 1:greenFragment = new GreenFragment();return greenFragment;case 2:orangeFragment = new OrangeFragment();return orangeFragment;default:return null;}}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn title.length;}@Override public CharSequence getPageTitle(int position) { return title[position]; } }}
//PagerSlidingTabStrip綁定ViewPager
tabs.setViewPager(viewPager);

其中每個page是一個Fragment。

完整代碼上傳在：https://github.com/HiSunny/PagerSlidingTabStrip

總結

以上是生活随笔為你收集整理的开源PagerSlidingTabStrip的使用Tab与ViewPager的完美结合的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。