登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

仿今日头条顶部导航指示器源码

[复制链接]
来自: BlueManlove 分类: Android精品源码 上传时间: 2017-11-7 10:47:36
Tag:

项目介绍:

一个强大的顶部标题导航栏,支持6种不同的模式
先来看下效果,再看使用方法 ####一:MODE_WEIGHT_NOEXPAND_SAME
几个标题均分宽度,不能扩展,底部导航线跟标题宽度一致

####二:MODE_WEIGHT_NOEXPAND_NOSAME
几个标题均分宽度,不能扩展,底部导航线跟标题宽度不一致

####三:MODE_NOWEIGHT_NOEXPAND_SAME
标题不均分宽度,不能扩展,底部导航线跟标题宽度一致
####四:MODE_NOWEIGHT_NOEXPAND_NOSAME
标题不均分宽度,不能扩展,底部导航线跟标题宽度不一致

####五:MODE_NOWEIGHT_EXPAND_SAME
标题不均分宽度,能扩展,底部导航线跟标题宽度一致

####六:MODE_NOWEIGHT_EXPAND_NOSAME
标题不均分宽度,能扩展,底部导航线跟标题宽度不一致

##使用方法 一般来说这个类是ViewPager+TabPagerIndicator+Fragment来使用的
1. 关联类库
首先,下载我上面的TabPagerIndicatorDemo,然后将里面的tabpagerindicator类库import Module到你的项目,并关联
2. xml布局<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#fff"    android:orientation="vertical">    <shanyao.tabpagerindictor.TabPageIndicator        android:id="@+id/indicator"        android:layout_width="match_parent"        android:layout_height="40dp"        />    <android.support.v4.view.ViewPager        android:id="@+id/viewPager"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#fff" /></LinearLayout>
3. 代码使用    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.viewpager_indicator);        indicator = (TabPageIndicator)findViewById(R.id.indicator);        viewPager = (ViewPager)findViewById(R.id.viewPager);        BasePagerAdapter adapter = new BasePagerAdapter(getSupportFragmentManager());                viewPager.setAdapter(adapter);// 设置adapter        indicator.setViewPager(viewPager);// 绑定indicator                setTabPagerIndicator();    }    /**      * 通过一些set方法,设置控件的属性      */    private void setTabPagerIndicator() {        indicator.setIndicatorMode(TabPageIndicator.IndicatorMode.MODE_WEIGHT_NOEXPAND_SAME);// 设置模式,一定要先设置模式        indicator.setDividerColor(Color.parseColor("#00bbcf"));// 设置分割线的颜色        indicator.setDividerPadding(10);//设置        indicator.setIndicatorColor(Color.parseColor("#43A44b"));// 设置底部导航线的颜色        indicator.setTextColorSelected(Color.parseColor("#43A44b"));// 设置tab标题选中的颜色        indicator.setTextColor(Color.parseColor("#797979"));// 设置tab标题未被选中的颜色        indicator.setTextSize(16);// 设置字体大小    }
###常用方法说明
setIndicatorMode()//设置控件的模式,上面是提到的6种模式setDividerColor()//设置两个标题之间的竖直分割线的颜色,如果不需要显示这个,设置颜色为透明即可setDividerPadding()//设置中间竖线上下的padding值setIndicatorColor()//设置底部导航线的颜色,就是上面演示图的绿色导航线setIndicatorHeight()// 设置底部导航线的高度setDividerPadding()// 设置Tab标题之间的间距setTextColorSelected()//设置tab标题选中的颜色setTextColor()//设置tab标题未被选中的颜色setTextSize()//设置字体的大小setUnderlineColor()// 设置最下面一条的横线的颜色setUnderlineHeight()//设置最下面一条的横线的高度setScrollOffset()// 这个方法是当选择MODE_NOWEIGHT_EXPAND_NOSAME和MODE_NOWEIGHT_EXPAND_SAME这两个模式的时候有作用具体作用大家,可以下载Demo自己试一试



相关源码推荐:

我来说两句
所有评论(38)
apkbus热心网友 2017-11-7 10:53:15
强烈支持楼主ing……
回复
rebecca 2017-11-7 10:57:00
安卓巴士是个不错的网站,我来顶个贴~
回复
sunnyxny 2017-11-7 11:00:55
感谢分享,安卓巴士有你更精彩:)
回复
春城计算机 2017-11-7 11:02:00
楼主是好人,回个帖会有安币吗?
回复
aliouswang 2017-11-7 11:27:24
安卓巴士是个不错的网站,我来顶个贴~
回复
apkbus热心网友 2017-11-7 11:40:18
淡定,淡定,淡定……
回复
apkbus热心网友 2017-11-7 11:40:25
正需要啊,感谢楼主无私分享!
回复
12345下一页
提取码:  下载次数:25 状态:已购或VIP 售价:15(原价:15)金钱 下载权限:限制会员 
1236 1 25
代码贡献英雄榜
用户名 下载数
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,769657487

如何获得代码达人称号

如何成为签约作者

联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表