Android自定义TabWeight （修改样式）

郑州小白一个，最近公司不赶项目了，事情少了，本来以为轻松几天谁知道，让改颜色，我的天。这也忒多了把。此时心里有句妈卖批不知当讲不当讲。（负面情绪抱 歉。）进入整体。其实修改样式很简单，这里是想做个记录。毕竟好记性不如烂笔头 嘛。也算是分享把，如果对您有帮助，我也会很高兴的。

1. 编写界面。

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
android:id="@+id/ll_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:orientation="vertical" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@color/title_bg" >

<ImageButton
android:id="@+id/ib_back"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:background="@null"
android:src="@drawable/ib_back" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="系统信息"
android:textColor="@color/black"
android:textSize="@dimen/titel_textsize" />

<TextView
android:id="@+id/tv_operate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="@dimen/big_margin_or_padding"
android:text="添加"
android:textColor="@color/black"
android:textSize="@dimen/small_textsize"
android:visibility="gone" />
</RelativeLayout>

<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="@color/view_color" />
</LinearLayout>

<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:gravity="center" />

<View
android:layout_width="match_parent"
android:layout_height="@dimen/small_margin_or_padding"
android:background="@color/view_color" />

<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>

</TabHost>

这个是我的项目中用的代码。需要注意的就是 控件中的 id ，必须要使用系统的id。相信大多人都知道。别的就没有什么好多解释的代码。

2. 创建 tab_item 布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="vertical" >

<!--  -->

<TextView
android:id="@+id/tab_lable"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="TextView" />

</LinearLayout>

代码很简单就是放入一个文字这里就是我们顶部的文字。

3. 代码的控制

// 首先获取TabWidget
LayoutInflater inflater = getLayoutInflater();

View view1 = inflater.inflate(R.layout.tab_item_system, null);
TextView txt1 = (TextView) view1.findViewById(R.id.tab_lable);
txt1.setText("未读");

View view2 = inflater.inflate(R.layout.tab_item_system, null);
TextView txt2 = (TextView) view2.findViewById(R.id.tab_lable);
txt2.setText("已读");
// 得到TabHost对象实例
mTabHost = (TabHost) findViewById(android.R.id.tabhost);
// 调用 TabHost.setup()
mTabHost.setup();
TabWidget tabWidget = mTabHost.getTabWidget();
// 创建Tab标签
Intent intent;
intent = new Intent().setClass(this, ClientUnReadSysActivity.class);
mTabHost.addTab(mTabHost.newTabSpec("wd").setIndicator(view1)
.setContent(intent));
intent = new Intent().setClass(this, ClientReadSysActivity.class);
mTabHost.addTab(mTabHost.newTabSpec("yd").setIndicator(view2)
.setContent(intent));

// 设置第一次打开时默认显示的标签
mTabHost.setCurrentTab(0);
// 初始化Tab的颜色，和字体的颜色
updateTab(mTabHost);
// 选择监听器
mTabHost.setOnTabChangedListener(new OnReceiveTabChangedListener());

/**
* 更新Tab标签的颜色，和字体的颜色
*
* @param tabHost
*/
@SuppressLint("NewApi")
private void updateTab(final TabHost tabHost) {
for (int i = 0; i < tabHost.getTabWidget().getChildCount(); i++) {
View view = tabHost.getTabWidget().getChildAt(i);
TextView tv = (TextView) tabHost.getTabWidget().getChildAt(i)
.findViewById(R.id.tab_lable);
tv.setTextSize(16);
tv.setTypeface(Typeface.SERIF, 0); // 设置字体和风格
if (tabHost.getCurrentTab() == i) {
// 选中
view.setBackground(getResources().getDrawable(
R.drawable.system_select));// 选中后的背景
tv.setTextColor(this.getResources().getColorStateList(
R.color.home_orange));
} else {
// 不选中
view.setBackground(getResources().getDrawable(
R.drawable.system_unselect));// 非选择的背景
tv.setTextColor(this.getResources().getColorStateList(
android.R.color.black));
}
}
}

class OnReceiveTabChangedListener implements OnTabChangeListener {

@Override
public void onTabChanged(String tabId) {
mTabHost.setCurrentTabByTag(tabId);
mTabHost.setCurrentTabByTag(tabId);
updateTab(mTabHost);
}
}

当然代码中 还用到两个图片 就是 你想要选中的 或者 没有选中的 item的样式。这个有条件的 找 UI 要一下。没有的 就没有然后了。代码 都有了 原理我都不多讲了，很简单的东西。就这样 总结完毕。

扯淡：提前祝大家 新年快乐。