实例讲解Android中ViewPager组件的一些进阶使用技巧

2019-12-10 18:34:45于海丽
易采站长站为您分析Android中ViewPager组件的一些进阶使用技巧,包括添加标题与onPagerChangeListener监听使用等,需要的朋友可以参考下  

我们经常看到使用了ViewPager的App,在每页上面都会有一个滑块来标志当前处于哪一页。在PagerView包里有android.support.v4.view.PagerTitleStrip和android.support.v4.view.PagerTabStrip两个组件,可以在布局文件中,作为ViewPager的子标签,并设定相对与ViewPager的位置(比如顶部)。但这两个组件都很丑,并且标题会随着页面一起滑动,所以一般都不用。

其实实现一个滑块标志当前页面也很简单,大概需要两步:

第一步 在布局文件ViewPager的上方放置一个ImageView组件,组件可以是图片或是shape资源。注意需要把ImageView的scaleType属性设为matrix,就是说该组件的位置和大小由一个变换矩阵来控制;

第二步 在Activity中为ViewPager组件添加OnPageChangeListener监听器。在OnPageChangeListener里设定matrix,用于控制指示滑块ImageView的位置。该监听器需要实现三个方法:

onPageScrollStateChanged:用于监听滑动状态的改变

onPageScrolled:用于监听滑动的动作

onPageSeleted:用于监听页面的切换,即某个页面被选中了作为当前页面。

一般实现onPageSelected方法就可以,其他两个方法可以空着。另外为了使页面切换时滑块也是平滑地滑动,可以给滑块的ImageView指定一个TranslateAnimation动画,指定动画用setAnimation,TranlateAnimation也很简单,有个构造函数是TranslateAnimation(int beginX,int endX,int beginY,int endY),将运动矢量的起始位置和终止位置传给它就好了。

下面我们来看五个具体的例子:


一 实现ViewPager(数据源为List<View>)

1.先在main.xml文件中添加一个ViewPager:

<LinearLayout xmlns:android="http://www.easck.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
 
  <android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
  </android.support.v4.view.ViewPager> 
 
</LinearLayout>