首页 > 代码库 > Android开源项目——带图标文字的底部导航栏IconTabPageIndicator

Android开源项目——带图标文字的底部导航栏IconTabPageIndicator

2024-11-01 10:18:39   210人阅读

接下来的博客计划是，在《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


联系
我们