接下来的博客计划是,在《Android官方技术文档翻译》之间会发一些Android开源项目的介绍,直接剩下的几篇Android技术文档发完,然后就是Android开源项目和Gradle翻译了。当然,其他的文章笔记也会偶尔发一下。
本文原创,转载请注明在CSDN上的出处:
http://blog.csdn.net/maosidiaoxian/article/details/42638245
简介
本篇文章介绍的是一个底部导航栏,叫IconTabPageIndicator,一个带图标文字的导航栏。项目地址:https://github.com/msdx/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>
看一下效果图: