美文网首页
TagTabStrip-ViewPager页面切换标记点

TagTabStrip-ViewPager页面切换标记点

作者: AlexMofer | 来源:发表于2016-08-22 17:18 被阅读0次

TagTabStrip

ICON

继承自BaseTabStrip,实现ViewPager标志小点,一般用于功能引导页面及新功能简介页,为ViewPager添加标志小点,并不仅限于小点,标志由设置的Drawable决定,普通模式为双Drawable交替模式,亦可设置为单Drawable缩放模式。

一般用于仅仅是几张图的功能展示页面,实现原理也很简单,仅仅是将选中与普通情况下的图片进行不同alpha叠加。一般来说其不存在点击事件,于是其不拦截触摸事件。因实现了ViewPager的隐藏子项接口,也就是可作为子项直接贴在ViewPager布局内部,但ViewPager限制了只能显示在顶部或者底部。

预览

Screenshots

要求

  • minSdkVersion 9
  • 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7)

链接

使用

  • 基本布局
<am.widget.tagtabstrip.TagTabStrip
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawablePadding="6dp"
    android:gravity="center"
    app:ttsScale="1.6"
    app:ttsDrawable="@drawable/ic_tag"/>
  • 基本代码
TagTabStrip ttsTags = (TagTabStrip) findViewById(id);
ttsTags.bindViewPager(viewpager);

注意

  • 不要使用ViewPage的setCurrentItem(int)方法,其不会通知到TagTabStrip进行刷新,使用TagTabStrip的performClick(int)方法
  • 布局时,app:ttsDrawable指定的颜色可以使用选择器,其中android:state_selected="true"状态下的颜色会与普通状态下的Drawable进行渐变
  • app:ttsScale指定的值需要大于等于1才有效
  • android:drawablePadding与app:ttsDrawablePadding等效,只需设置其中一个
  • 默认状态是颜色为0xff808080与0x80808080的大小为8dp的两个小圆点Drawable,之间没有间距
  • android:gravity默认值就是center,可以不设置
  • 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7),否则可能出现错误

相关文章

  • TagTabStrip-ViewPager页面切换标记点

    TagTabStrip 继承自BaseTabStrip,实现ViewPager标志小点,一般用于功能引导页面及新功...

  • 商城秒杀系统初窥

    整体分析 总体的架构 展示层 注意点: 页面优化(css,js压缩),cdn加速,隐藏跳转页面,状态切换 页面切换...

  • vue使用amap实现地图选点

    需求 在页面中实现地图选点功能(包括输入位置标记点,地图点击标记点,标记点需要有经度、纬度和详细地址) 思路分析 ...

  • vue 路由切换,页面或组件定位到顶部

    在做vue路由切换的时候,发现一个页面切换到另一个页面,切换组件的时候, 路由可以切换,但是页面和之前页面或组件位...

  • 页面切换

    (一)纯代码多页面切换 (二)多个storyboard彼此之间切换 (三)storyboard内部页面的切换 (四...

  • Fragment懒加载,简单解决页面切换数据重新加载问题

    前言 用过viewPage+Fragment的都知道当切换页面时,当页面切换超过2页,上上个页面会被销毁,重新切换...

  • 页面切换

    让人无限纠结的一个问题在循环这里,for循环和foreach循环的差别! variable 是声明一个变量的var...

  • vue路由跳转页面不刷新数据

    前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换...

  • vue-router页面切换不刷新的解决办法

    vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。引用...

  • Confluence 6.15 锚点(Anchor)宏

    允许你链接到页面的特定部分。有关如何使用锚点的内容,请参考页面Anchors页面中的详细内容。 Wiki 标记(m...

网友评论

      本文标题:TagTabStrip-ViewPager页面切换标记点

      本文链接:https://www.haomeiwen.com/subject/bllgsttx.html