如何让TabHost选项卡显示图片
来源:互联网 发布:mac自动刷新功能 编辑:程序博客网 时间:2024/06/06 01:38
转自http://www.cnblogs.com/lovecode/articles/2652510.html
在学习Android TabHost布局过程中,很多教程告诉我,这样来显示选项卡标签的图标和文字:
TapSpec spec1 = tabHost.newTabSpec("tab 1");spec1.setIndicator("选项卡一", getResources().getDrawable(R.drawable.tab_icon));spec1.setContent(R.id.tab1);tabHost.addTab(spec1);
折腾来折腾去,setIndicator(label, drawable)这个方法始终不能将标题文字与图标一起显示出来,只有文字标题。
在没将电脑砸了之前,通过万能的stackoverflow.com终于知道确切答案以及相应方法了:
http://stackoverflow.com/questions/10745092/icon-in-tab-is-not-showing-up
其实就是SDK 4.03(冰激凌)下:只有文字标题显示,图标是不显示的。如果将文字标题设置为空字符串,则此时图标可显示。
对于冰激凌下两全其美的方法,只能是自定义标签卡布局,创建一个包含ImageView和TextView组件的界面布局文件 tab_indicator.xml(layout/tab_indicator.xml),然后用setIndicator(View view)方法来设置TabSpec的界面布局。
<?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:orientation="vertical"android:background="@drawable/tab_indicator"android:padding="5dp"><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"/></RelativeLayout>
接着我们可以在drawable图片资源目录下创建一个tab_info.xml文件,用来指示Tab图标的各状态。
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/tab_info_dark"android:state_selected="true" /><item android:drawable="@drawable/tab_info_light" /></selector>
现在就可以通过下面的代码将我们自定义的视图作为一个indicator配置给TapSpec对象。
private
void
addTab(String label,
int
drawableId) {
Intent intent =
new
Intent(
this
, MockActivity.
class
);
TabHost.TabSpec spec = tabHost.newTabSpec(label);
<span style=
"color: #ff0000;"
>View tabIndicator = LayoutInflater.from(
this
).inflate(R.layout.tab_indicator, getTabWidget(),
false
);</span>
TextView title = (TextView) tabIndicator.findViewById(R.id.title);
title.setText(label);
ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
icon.setImageResource(drawableId);
<span style=
"color: #ff0000;"
>spec.setIndicator(tabIndicator);</span>
spec.setContent(intent);
tabHost.addTab(spec);
}
像以下方式那样调用上面那自定义addTab方法
tabHost = getTabHost(); //tabHost is a private fieldaddTab("First", R.drawable.tab_info);addTab("Second", R.drawable.tab_info);addTab("Third", R.drawable.tab_info);
注意:当用自定义视图的indicator来添加Tab时,要将strip_enabled属性设置为false。若要兼顾底部strip,那在添加最后一个Tab后设置getTabWidget().setStripEnabled(true);
- 如何让TabHost选项卡显示图片
- android TabHost各选项卡显示的对应内容错乱
- 选项卡TabHost
- [控件]TabHost选项卡
- 初识选项卡 TabHost
- 选项卡 TabHost
- 选项卡(TabHost)
- TabHost...选项卡
- android 选项卡TabHost
- android 选项卡TabHost
- TabHost 选项卡
- TabHost--选项卡案例
- android 选项卡(TabHost)如何放置在屏幕的底部
- 如何让图片居中显示。让图片只适应居中。
- android 选项卡(TabHost) 置底
- android 底部选项卡(TabHost)
- Android TabHost选项卡编程
- 选项卡TabHost的使用
- 投票系统(带柱状图)
- C++
- 素数对猜想
- 使用Tomcat8实现WebSocket的简单例子
- oc消息转发机制
- 如何让TabHost选项卡显示图片
- Radial basis function(径向基函数->(高斯核函数))
- ibatis源码学习(一)整体设计和核心流程
- CodeTyphon32中自带例子源码:另一个画箭头、线及形状的例子
- 0601 生成验证码
- Android日志打印与处理 UncaughtExceptionHandler 提交服务器
- 使用 IntelliJ IDEA 搭建go语言开发环境,亲测可用
- CF--B. Wilbur and Array
- linux网络重启命令