[Widget]TagTabStrip-ViewPager頁面切換標記點

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),否則可能出現錯誤
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章