android tabwidget style

16lz 2021-01-23

Android: 自定义Tab样式

1.制作4个9patch的tab样式，可参考android默认的资源

tab_unselected.9.png tab_selected.9.png tab_press.9.png tab_focus.9.png

这4个资源分别代表Tab的4种状态。

2.定义Tab的selector样式（就叫它tab_indicator.xml好了），将其放入drawable文件夹下，代码如下：

[xhtml] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>

<selectorxmlns:android="http://schemas.android.com/apk/res/android">



<itemandroid:state_focused="false"android:state_selected="false"android:state_pressed="false"android:drawable="@drawable/tab_unselected"/>

<itemandroid:state_focused="false"android:state_selected="true"android:state_pressed="false"android:drawable="@drawable/tab_selected"/>



<itemandroid:state_focused="true"android:state_selected="false"android:state_pressed="false"android:drawable="@drawable/tab_focus"/>

<itemandroid:state_focused="true"android:state_selected="true"android:state_pressed="false"android:drawable="@drawable/tab_focus"/>



<itemandroid:state_pressed="true"android:drawable="@drawable/tab_press"/>

</selector>

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">  <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected" /> <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected" />  <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_focus" /> <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_focus" />  <item android:state_pressed="true" android:drawable="@drawable/tab_press" /> </selector>

3.编写indicator的布局文件（不妨也叫tab_indicator.xml），将其放入layout文件夹下，代码如下：

[xhtml] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="0dip"

android:layout_height="64dip"

android:layout_weight="1"

android:layout_marginLeft="-3dip"

android:layout_marginRight="-3dip"

android:orientation="vertical"

android:background="@drawable/tab_indicator">

<ImageViewandroid:id="@+id/icon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

/>

<TextViewandroid:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

style="?android:attr/tabWidgetStyle"mce_style="?android:attr/tabWidgetStyle"

/>

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="0dip" android:layout_height="64dip" android:layout_weight="1" android:layout_marginLeft="-3dip" android:layout_marginRight="-3dip" android:orientation="vertical" android:background="@drawable/tab_indicator"> <ImageView android:id="@+id/icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" /> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" style="?android:attr/tabWidgetStyle" mce_style="?android:attr/tabWidgetStyle" />

4.接下来就是在TabActivity中使用我们自己编写的Tab样式了：

[java] view plain copy print ?

//首先获取TabWidget

mTabHost=getTabHost();

LinearLayoutll=(LinearLayout)mTabHost.getChildAt(0);

TabWidgettw=(TabWidget)ll.getChildAt(0);

// 首先获取TabWidget mTabHost = getTabHost(); LinearLayout ll = (LinearLayout)mTabHost.getChildAt(0); TabWidget tw = (TabWidget)ll.getChildAt(0);

然后用类似如下代码创建TabSpec，就大功告成了。

[java] view plain copy print ?

RelativeLayouttabIndicator1=(RelativeLayout)LayoutInflater.from(this).inflate(R.layout.tab_indicator,tw,false);

TextViewtvTab1=(TextView)tabIndicator1.getChildAt(1);

tvTab1.setText("tab1");

mTabHot=mTabHost.newTabSpec("TAB_1")

.setIndicator(tabIndicator1)

.setContent(contentIntent);

更多相关文章

随机推荐