Android自定义View Flyme6的Viewpager指示器

 更新时间:2017年01月22日 14:06:23   作者:Dawish_大D  
这篇文章主要为大家详细介绍了Android自定义View Flyme6的Viewpager指示器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最新更新的Flyme6整体效果不错,动画效果增加了很多了,看了看flyme6的Viewpager指示器,觉得有点意思,就模仿写了一下,整体效果如下:

Gradle

JitPack v1.0.2

allprojects {
 repositories {
  maven { url 'https://jitpack.io' }
 }
}

dependencies {
 compile 'com.github.Dawish:FlymeTabStrip:v1.0.2'
}

Attrs

 <declare-styleable name="FlymeTabStrip">
  <!-- 指示器高度 -->
  <attr name="indicatorHeight" format="dimension" />
  <!-- 指示器滑动条颜色 -->
  <attr name="indicatorColor" format="color" />
  <!-- 指示器左右间距 -->
  <attr name="indicatorMargin" format="dimension" />
  <!-- 指示器文字颜色 -->
  <attr name="indicatorTextColor" format="color" />
  <!-- 指示器文字大小 -->
  <attr name="indicatorTextSize" format="dimension" />
  <!-- 指示器文字被选中后的大小 -->
  <attr name="selectedIndicatorTextSize" format="dimension" />
 </declare-styleable>

Sample

Demo地址:https://github.com/Dawish/FlymeTabStrip/tree/master/samples

代码解释

指示器的动画效果,主要依赖Viewpager的滑动监听器,在Viewpager的滑动过程中不断重绘只是控件就可以实现指示器的位移和缩放动画效果。首先我们讲解一下ViewPager的三个滚动监听方法:

 /**
  * viewPager状态改变监听
  *
  */
 private class PagerStateChangeListener implements OnPageChangeListener {

  /**
   * viewpager状态监听
   * @param state
   */
  @Override
  public void onPageScrollStateChanged(int state) {
   if (state == ViewPager.SCROLL_STATE_IDLE) { // 0 空闲状态 pager处于空闲状态
    scrollToChild(viewPager.getCurrentItem(), 0);
   }else if(state == ViewPager.SCROLL_STATE_SETTLING){ // 2 正在自动沉降,相当于松手后,pager恢复到一个完整pager的过程

   }else if(state == ViewPager.SCROLL_STATE_DRAGGING){ // 1 viewpager正在被滑动,处于正在拖拽中

   }
  }

  /**
   * viewpager正在滑动,会回调一些偏移量
   * 滚动时,只要处理指示器下方横线的滚动
   * @param position 当前页面
   * @param positionOffset 当前页面偏移的百分比
   * @param positionOffsetPixels 当前页面偏移的像素值
   */
  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
   currentPosition = position;
   currentPositionOffset = positionOffset;
   // 处理指示器下方横线的滚动,scrollToChild会不断调用ondraw方法,绘制在重绘下划线,这就是移动动画效果
   scrollToChild(position, (int) (positionOffset * container.getChildAt(position).getWidth()));
   invalidate();
  }

  /**
   * page滚动结束
   * @param position 滚动结束后选中的页面
   */
  @Override
  public void onPageSelected(int position) {
   // 滚动结束后的未知
   selectedPosition = position;
   // 更新指示器状态
   updateTabStyle();
  }

 }

其中最主要的方法就是:

  /**
   * viewpager正在滑动,会回调一些偏移量
   * 滚动时,只要处理指示器下方横线的滚动
   * @param position 当前页面
   * @param positionOffset 当前页面偏移的百分比
   * @param positionOffsetPixels 当前页面偏移的像素值
   */
  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
   currentPosition = position;
   currentPositionOffset = positionOffset;
   // 处理指示器下方横线的滚动,scrollToChild会不断调用ondraw方法,绘制在重绘下划线,这就是移动动画效果
   scrollToChild(position, (int) (positionOffset * container.getChildAt(position).getWidth()));
   invalidate();
  }

github地址https://github.com/Dawish/FlymeTabStrip

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 使用RecyclerView添加Header和Footer的方法

    使用RecyclerView添加Header和Footer的方法

    RecyclerView虽然作为ListView的替代者有着较好的性能提升,但是ListView的一些常用功能却没有提供,比如我们平时会经常用到的addHeaderView,addFooterView,既然RecyclerView没有提供这个方法,我们应该如何为列表添加头部和底部呢,接下来通过本文给大家介绍
    2016-03-03
  • android文件管理器用法详解

    android文件管理器用法详解

    这篇文章主要为大家详细介绍了android文件管理器的用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Android实现TCP客户端支持读写操作

    Android实现TCP客户端支持读写操作

    这篇文章主要介绍了Android-实现TCP客户端,支持读写操作,主要是通过socket读写tcp,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • Android开发之图形图像与动画(五)LayoutAnimationController详解

    Android开发之图形图像与动画(五)LayoutAnimationController详解

    LayoutAnimationController用于为一个layout里面的控件,或者是一个ViewGroup,里面的控件设置动画效果,感兴趣的朋友可以了解下啊,希望本文对你有所帮助
    2013-01-01
  • Android进程保活之提升进程优先级

    Android进程保活之提升进程优先级

    这篇文章主要介绍了Android进程保活之提升进程优先级,对提升优先级感兴趣的同学可以参考下
    2021-04-04
  • android将搜索引擎设置为中国雅虎无法搜索问题解决方法

    android将搜索引擎设置为中国雅虎无法搜索问题解决方法

    android 进入搜索,将搜索引擎设置为中国雅虎,无法搜索到相关网络结果,该问题是由于yahoo的搜索接口改变导致,具体解决方法如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • Android ViewBinding使用介绍

    Android ViewBinding使用介绍

    最近这段时间在学习Kotlin,突然发现谷歌已经把kotlin-android-extensions插件废弃,目前推荐使用ViewBinding来进行替代,接下来通过本文给大家分享Android使用ViewBinding的详细步骤,感兴趣的朋友一起学习吧
    2022-09-09
  • Android开源组件小结

    Android开源组件小结

    Android自带的组件比较丑陋(个人感觉),自己写组件比较复杂,而且必须熟悉android应用层开发的一些机制,如绘制、回调,所以非迫不得已的情况下还是不要自己写组件,因为怕考虑不周全导致譬如性能或异常方面的问题,你自己写也会耗费不少时间
    2013-02-02
  • Android AIDL中Map参数传递的问题详解

    Android AIDL中Map参数传递的问题详解

    这篇文章主要给大家介绍了关于Android AIDL中Map参数传递问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友下面来一起看看吧。
    2017-12-12
  • android车牌识别系统EasyPR使用详解

    android车牌识别系统EasyPR使用详解

    这篇文章主要为大家详细介绍了android车牌识别系统EasyPR使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12

最新评论