Android開源項目——帶表徵圖文字的底部導覽列IconTabPageIndicator

標籤：

接下來的部落格計劃是，在《Android官方技術文檔翻譯》之間會發一些Android開源項目的介紹，直接剩下的幾篇Android技術文檔發完，然後就是Android開源項目和Gradle翻譯了。當然，其他的文章筆記也會偶爾發一下。

本文原創，轉載請註明在CSDN上的出處：

http://blog.csdn.net/maosidiaoxian/article/details/42638245

簡介

本篇文章介紹的是一個底部導覽列，叫IconTabPageIndicator，一個帶表徵圖文字的導覽列。

實際上，這個項目才三個類，而且也只完成了這一種導覽列。該項目參考了JakeWharton大神兩年前的項目ViewPagerIndicator的實現，基於其中的一種導航做了修改，而實現這種表徵圖文字的導覽列，且可以設定表徵圖或文字的大小，不用擔心過大的表徵圖把文字頂出去或把導航給撐肥。

為什麼我會知道得這麼清楚呢？因為這個就是我寫的，哈哈。

使用方法Eclipse使用者就自己去下載項目，然後把資源和代碼拷進項目吧。Android Studio的就很簡單了，只要在你根項目的build.gradle中添加jcenter聲明（已添加的而不必再添加）：

    repositories {        jcenter()    }

接著在app模組的build.gradle中添加依賴：

    compile 'com.githang:iconpagerindicator:1.2'

然後就可以開始使用了。使用方法和JakeWharton大神的ViewPagerIndicator完全一樣，如果不明白，可以參考項目裡面的app模組的代碼，那裡就是一個完整的demo。這裡說一下如何自訂表徵圖的大小。
自訂表徵圖大小由於Android手機有著各種解析度的螢幕大小，一般我們都不是用設計師給的圖片大小就直接顯示，都會對顯示的圖片寬高設定一個dp的值。所以在這裡我也定義了兩個屬性，用來設定這個表徵圖的寬和高。具體使用方法是，先在你的style.xml的app主題中指定一個“tabView”的style，然後再在這個style中指定兩個屬性的值，一個是“iconWidth”，一個是“iconHeight”的值。代碼如下：

   <style name="AppTheme" parent="Theme.AppCompat.Light">        <item name="tabView">@style/MyTabView</item>    </style>    <style name="MyTabView" parent="TabView">        <item name="iconWidth">28dp</item>        <item name="iconHeight">28dp</item>    </style>

看一下：

Android開源項目——帶表徵圖文字的底部導覽列IconTabPageIndicator