修改TabHost默认样式
来源:互联网 发布:mac ae插件安装位置 编辑:程序博客网 时间:2024/05/17 01:46
TabHost是Android提供的一个容器组件,利用它可以轻松地实现TAB界面,如下图所示:
但很多时候,默认的TAB样式并不符合软件的整体风格,这时候该怎么办呢?其实,我们可以编写XML对其样式进行修改。下面修改后的效果图:
1. TabHost布局文件 main.xml
<TabHost android:id="@+id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="30dip" android:background="#a0a0a0" android:layout_weight="0" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> <ListView android:id="@+id/user_list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="@drawable/divider_line" android:cacheColorHint="#00000000" /> <ListView android:id="@+id/article_list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="@drawable/divider_line" android:cacheColorHint="#00000000" /> <ListView android:id="@+id/feed_list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="@drawable/divider_line" android:cacheColorHint="#00000000" /> <ListView android:id="@+id/book_list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="@drawable/divider_line" android:cacheColorHint="#00000000" /> </FrameLayout> </LinearLayout> </TabHost>
FrameLayout里有四个ListView 分别对应用户、文章、频道、图书。 TabWidget和FrameLayout的ID不能自己定义修改。
2. Activity后台代码
RelativeLayout articleTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);TextView articleTabLabel = (TextView) articleTab.findViewById(R.id.tab_label);articleTabLabel.setText("文章");RelativeLayout feedTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);TextView feedTabLabel = (TextView) feedTab.findViewById(R.id.tab_label);feedTabLabel.setText("频道");RelativeLayout bookTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);TextView bookTabLabel = (TextView) bookTab.findViewById(R.id.tab_label);bookTabLabel.setText("图书");TabHost tabHost = (TabHost) findViewById(R.id.tabhost);tabHost.setup();tabHost.addTab(tabHost.newTabSpec("user").setIndicator(userTab).setContent(R.id.user_list));tabHost.addTab(tabHost.newTabSpec("article").setIndicator(articleTab).setContent(R.id.article_list));tabHost.addTab(tabHost.newTabSpec("feed").setIndicator(feedTab).setContent(R.id.feed_list));tabHost.addTab(tabHost.newTabSpec("book").setIndicator(bookTab).setContent(R.id.book_list));
TabHost创建出来以后,必须先setup一下,tabHost.setup(); setIndicator方法设置的View其实就对应了TAB中的一个个选项卡,它们都是通过一个叫minitab的布局文件inflate出来的。
3. 选项卡布局文件minitab.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingLeft="5dip" android:paddingRight="5dip"> <TextView android:id="@+id/tab_label" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" android:textColor="#000000" android:textStyle="bold" android:background="@drawable/minitab" /> </RelativeLayout>
drawable/minitab是一个selector,指定了Tab选项卡的背景颜色。
4. selector文件 minitab.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_selected="false" android:drawable="@drawable/minitab_unselected" > </item> <item android:state_selected="true" android:drawable="@drawable/minitab_default" > </item></selector>
minitab_unselected是一浅蓝色背景图片 minitab_default是一白色背景图片
- 修改TabHost默认样式
- 修改TabHost默认样式
- TabHost 改变默认样式的高度,字体
- 修改select默认样式
- antd修改默认样式
- 修改Tabhost样式和字体大小的方法
- 修改TabHost标签的字体样式
- Visio修改默认字体样式
- 修改复选框默认样式
- 修改复选框默认样式
- 修改文件上传默认样式
- 修改文件上传默认样式
- iOS中默认样式修改
- 修改 文件上传 默认样式
- 修改select的默认样式
- 如何修改标签默认样式
- 修改EditText为默认样式
- 修改默认上传文件样式
- 关于 树(tree)结构
- wait和notify简单应用1
- 软件销售的8个策略
- 子窗口调用父窗口变量和函数示例
- C语言辅助调试工具PRINT_INT(),便捷输出变量的地址
- 修改TabHost默认样式
- Collections.sort方法对list排序的两种方式
- javascript 优化总结(积累中)
- Oracle中视图的创建和处理方法
- android常见异常总结
- PHP大小写:函数名和类名不区分,变量名区分
- 完成端口(CompletionPort)详解 - 手把手教你玩转网络编程系列之三
- Fatal error:WinRDI OpenProc failed
- iphone 创建多国语言的支持