TabHost是Android提供的一个容器组件,利用它可以轻松地实现TAB界面,如下图所示:
但很多时候,默认的TAB样式并不符合软件的整体风格,这时候该怎么办呢?其实,我们可以编写XML对其样式进行修改。下面修改后的效果图:
1. TabHost布局文件 main.xml
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
drawable/minitab是一个selector,指定了Tab选项卡的背景颜色。
4. selector文件 minitab.xml
minitab_unselected是一浅蓝色背景图片
minitab_default是一白色背景图片
分享到:
相关推荐
今天开发Android短彩信传统模式,遇到了修改tab的默认样式问题,搜集了一些资料,可用参考。
但是当我们的需要是将tabhost显示在下方,并且点击一个tab时会出现一些样式变化,比如图片更换等效果,这种方式就不灵活了,所以我们得自己提出自己来自己布局TabHost,使之样式多样化。
自定义样式的tabHost,包含两种方式:activity对象作为内容、View对象作为内容。注释详细
一个自定义的Tabhost标签背景样式,点击时可以更换背景图片
tabhost中嵌套一个tabhost。
tabhost标签页面简单实现,这是学习android初期做的demo,
多线程异步加载 Tabhost来显示下载界面
TabHost+ViewPager实现滑动tabhost, viewPager;tabhost;滑动;源码
TabHost介绍包含把默认的放在左面,很实用免积分,快来下载吧, 学习TabHost的用法 。
NULL 博文链接:https://jykenan.iteye.com/blog/855843
Android 嵌套TabHost示例. 两层TabHost嵌套,实现的效果类似网页上的二级菜单栏。
现今很流行的 TabHost的各种实现方式的代码
TabHost中填充自定义ListView
Android TabHost TabActivity TabHost的简单使用
tabhost页面跳转需要用到的tabhost单例模式小例子,也有tabhost底部的布局
本文档用于解决更改安卓组件中的tabhost的选项卡背景图片的问题
TabHost分页简单应用,以及解决TabHost下面白线问题.
android Tabhost使用Demo
垂直TabHost
ViewPager和Tabhost结合,可滑动的tabhost源代码,是一个很不错的Android源码,有兴趣的伙伴们抽时间可以看一下把