Android---Tablayout自定义Tab的背景和字体的颜色变化

来源：互联网发布：js 计算时间间隔天编辑：程序博客网时间：2024/05/31 15:19

Android---Tablayout自定义Tab的背景和字体的颜色变化

标签： tablayouttab背景颜色

2017-01-06 13:53 846人阅读评论(0)收藏举报

本文章已收录于：

分类：

Anroid-知识点（19）

作者同类文章X

还是先上效果图
这里写图片描述

1. 在Android—Tablayout自定义tab写了自定义tab的实现，但是我发现当我们用自定义tab的时候，发现tablayout下的字体颜色属性不管用了，所以这时我们只能去自己实现自定义布局的背景和textview的字体颜色变化。

    <android.support.design.widget.TabLayout            android:id="@+id/comment_tab"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:padding="-1dp"            app:tabIndicatorColor="@color/blue_title"            app:tabPaddingBottom="-1dp"            app:tabPaddingEnd="0dp"            app:tabPaddingStart="0dp"            app:tabPaddingTop="-1dp"            app:tabSelectedTextColor="@color/blue_title"            app:tabTextColor="@color/blue_title"            app1:tabGravity="fill"            app1:tabIndicatorHeight="0dp"            app1:tabMode="fixed" />1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2.自定义tab的布局是这样子的。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:background="@drawable/tab_left_selector"    android:orientation="vertical" >    <TextView        android:id="@+id/tab_text_left"        android:layout_width="80dp"        android:layout_height="30dp"         android:enabled="false"        android:gravity="center"        android:textColor="@color/tab_text_color" /></LinearLayout1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

3.其中tab_left_selector的代码是这样子的（正常的空间的话只要在background中设置上tab_left_selector之后，那这个控件就可以实现背景变化了，但是在tablayout中你还得需要做一些改变）

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/tab_right_unselect" android:state_selected="false"/>    <item android:drawable="@drawable/tab_right_select" android:state_selected="true"/></selector>1
2
3
4
5
6
7
1
2
3
4
5
6
7

<3.1>在FragmentPagerAdapter中给他设置初始的状态是select还是unselect（可以在activity中将true或fasle传过来）

public View getTabView1(boolean select) {        mInflater = LayoutInflater.from(VossApplication.getAppContext());        View view = mInflater.inflate(R.layout.item_tab_right, null);        //        view.setSelected(select);        TextView tv = (TextView) view.findViewById(R.id.tab_text_right);        tv.setText(titles.get(1));        return view;    }1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

4.改变自定义tab布局中textview的颜色

注意一：在res/color/tab_text_selector.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_pressed="true" android:color="@color/white"/>    <item android:state_enabled="true" android:color="@color/white"/>    <item android:state_selected="true" android:color="@color/white"/>    <item android:color="@color/blue_title"></item></selector>1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

注意二：在自定义布局中需要设置他的ebabled初始值false（上面3.1中有完整代码）

         <TextView        android:id="@+id/tab_text_left"        android:layout_width="80dp"        android:layout_height="30dp"         android:enabled="false"        android:gravity="center"        android:textColor="@color/tab_text_color" />1
2
3
4
5
6
7
1
2
3
4
5
6
7

这只是写我在实现效果图中遇到的一些坑，希望帮到大家

顶: 0

踩: 0

上一篇Android---Tablayout自定义tab
下一篇Android---工具类Utils（你想不到的完美）

•Eclipse背景颜色字体大小自定义格式等

•ios自定义导航navigation设置navigation的背景图navigation左边按钮以及navigation字体颜色

•android 自定义view实现游戏血量条带减血缓冲颜色变化

•Android 通过继承TextView类自定义字体默认颜色

•Android 自定义textview 部分文字字体颜色高亮

•MFC 改变static字体颜色大小背景颜色自定义类

•IOS_设置UITableView Section的背景颜色和字体颜色自定义section布局

•不自定义也可更改UITableViewCellSection背景颜色字体颜色

•Android自定义ProgressBar的样式背景色一级二级进度条颜色

•TabLayout自定义Tab的title