欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android TabHost选项卡标签图标始终不出现的解决方法

程序员文章站 2023-02-15 18:23:18
本文实例分析了android tabhost选项卡标签图标始终不出现的解决方法。分享给大家供大家参考,具体如下: 在学习android tabhost布局过程中,很多教程...

本文实例分析了android tabhost选项卡标签图标始终不出现的解决方法。分享给大家供大家参考,具体如下:

在学习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)这个方法始终不能将标题文字与图标一起显示出来,只有文字标题。

在没将电脑砸了之前,通过万能的*.com终于知道确切答案以及相应方法了:
http://*.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);
view tabindicator = layoutinflater.from(this).inflate(r.layout.tab_indicator, gettabwidget(), false);
textview title = (textview) tabindicator.findviewbyid(r.id.title);
title.settext(label);
imageview icon = (imageview) tabindicator.findviewbyid(r.id.icon);
icon.setimageresource(drawableid);
spec.setindicator(tabindicator);
spec.setcontent(intent);
tabhost.addtab(spec);
}

像以下方式那样调用上面那自定义addtab方法

tabhost = gettabhost(); //tabhost is a private field
addtab("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);

更多关于android相关内容感兴趣的读者可查看本站专题:《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android基本组件用法总结》、《android视图view技巧总结》、《android布局layout技巧总结》及《android控件用法总结

希望本文所述对大家android程序设计有所帮助。