[Android初级]开源Widget之PagerSlidingTabStrip新手测试

【你好,本文案例已更新,最新示例代码请点击这里http://blog.csdn.net/jan_s/article/details/50765831】

在如今很多的android项目中都可能会用到类似的滑动效果,很时尚也很高大上,怎么实现这个效果呢?其实已经很高手把这个效果开源了。

具体地址: https://github.com/astuetz/PagerSlidingTabStrip

[Android初级]开源Widget之PagerSlidingTabStrip新手测试_第1张图片

[Android初级]开源Widget之PagerSlidingTabStrip新手测试_第2张图片

如何在项目中使用它呢?

让我一步一步开始吧!

(1)首先先知道PagerSlidingTabStrip这个就是我们的自定义滑动tab菜单,在layout的界面配置文件中我们可以这样写:

<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=".MainActivity" >

    <org.jan.open.widget.PagerSlidingTabStrip
        android:id="@+id/main_tabs"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" >
    </org.jan.open.widget.PagerSlidingTabStrip>

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

</RelativeLayout>

(2)在我们的主界面xxxActivity的onCreate方法中:

private PagerSlidingTabStrip tabStrip;
	private ViewPager mPager;
	private MainViewPagerAdapter mPagerAdapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		tabStrip = (PagerSlidingTabStrip) findViewById(R.id.main_tabs);
		mPager = (ViewPager) findViewById(R.id.main_viewPager);
		mPagerAdapter = new MainViewPagerAdapter(getSupportFragmentManager());
		mPager.setAdapter(mPagerAdapter);
		tabStrip.setIndicatorColor(color);//给tabstrip设置滑动下划线的颜色
		tabStrip.setViewPager(mPager);
	}



以上就是基本的使用方式,很简单很方便!



你可能感兴趣的:(android,widget)