android tabHost

Question

我有两个关于 tabHost 的问题： 我创建了带有 2 个选项卡的 tabHost 对于选项卡标题，我使用 setIndicator(TextView) （我使用 API 级别 4） 我的标题背景是白色的。我使用标题选择器在标题的差异图像之间进行选择。

1. 我想仅在选择/按下时使标题文本变为粗体。我没有成功使用我拥有的选择器来做到这一点。我能做到吗？这个想法是，在我使用可绘制的情况下，我希望文本加粗。其他情况不加粗。关于 textColor 的同样问题。

2. 它看起来像一个错误 - 当选项卡第一次打开时，所选选项卡上的文本（我在 tabHost.setCurrentTab(tabId) 中使用的文本）根本看不到。第一次按下/聚焦/聚焦任何其他项目后，它看起来不错。知道为什么或如何解决这个问题吗？

提前感谢

tabActivity -

TextView title1 = new TextView(MainActivity.getInstnace(), null, android.graphics.Typeface.NORMAL);
TextView title2 = new TextView(MainActivity.getInstnace(), null, android.graphics.Typeface.NORMAL);

title1.setText("teb11 title");
title1.setBackgroundResource(R.drawable.tabtitle);
title1.setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable.tab1), null, null, null);

title2.setText("tab22 title");
title2.setBackgroundResource(R.drawable.tabtitle);

title2.setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable.tab2), null, null, null);

TabSpec tab1 = mTabHost.newTabSpec("tab1").setIndicator(title1).setContent(R.id.list1);
TabSpec tab2 = mTabHost.newTabSpec("tab2").setIndicator(title2).setContent(R.id.list2);

mTabHost.addTab(tab1);
mTabHost.addTab(tab2);      
mTabHost.setCurrentTab(0);

选择器 tab1.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_selected="true"     
    android:drawable="@drawable/iconselect"/>   
    <item android:state_pressed="true"  
    android:drawable="@drawable/iconselect"/>   
    <item android:drawable="@drawable/icon"/>        
</selector> 

tabTitle 选择器

<selector xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_pressed="true"  
    android:drawable="@drawable/tabselected"/> 
    <item android:state_selected="true"     
    android:drawable="@drawable/tab" />  
    <item android:state_focused="true"  
    android:drawable="@drawable/tab" />  
</selector> 

Answer 1

对于你的问题#1：
在您的 TabsAdapter 上使用 onPageSelected(intposition) 像这样：

 public void onPageSelected(int position) {
      //your logic here
      fixTitleText();
 }

并且：

 private void fixTitleText() {
      for (int i = 0; i < mTabHost.getTabWidget().getChildCount(); i++) {
           View view = mTabHost.getTabWidget().getChildAt(i);
           TextView tv = (TextView) view.findViewById(android.R.id.title);
           tv.setTextColor(getResources().getColor(R.drawable.text_selector));
           tv.setTextSize(TypedValue.COMPLEX_UNIT_SP, 14);
           tv.setTypeface(null, Typeface.BOLD);
      }
 }

只需注意此代码适用于 HONEYCOMB 及以上，在此之前选项卡主机视图层次结构有点不同

Answer 2

这是我的 xml

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android: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="60px"
            android:background="@drawable/headerbk" 
            android:paddingTop="12px"
            android:orientation="vertical"
            android:gravity="center_horizontal">
        </TabWidget>
        <FrameLayout android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"              
            android:layout_height="fill_parent">
            <ListView android:id="@+id/list1" 
                android:background="@drawable/bk"
                android:layout_width="fill_parent" 
                android:layout_height="fill_parent"
                android:layout_weight="1" 
                android:scrollbars="vertical"
                android:divider="@drawable/separationline"
                android:cacheColorHint="#00000000"  
                android:footerDividersEnabled="false"                   
                android:listSelector="@drawable/selected" />    
            <ListView android:id="@+id/list2" 
                android:background="@drawable/bk"
                android:layout_width="fill_parent" 
                android:layout_height="fill_parent"
                android:layout_weight="1" 
                android:scrollbars="vertical"
                android:divider="@drawable/separationline" 
                android:cacheColorHint="#00000000" 
                android:footerDividersEnabled="false"
                android:listSelector="@drawable/selected" />                    
            </FrameLayout>
    </LinearLayout>
</TabHost>      

Answer 3

我可以查看您的布局 XML 还是您仅通过 Java 命令执行此操作。不管怎样，我希望看到的不仅仅是一些伪代码来实际解决这个问题。

那将是您的 main.xml 文件或您的 OnCreate() 函数。如果您通过 XML 设置布局，则 main.xml 应该具有类似于以下内容的内容：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android: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="wrap_content" />
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <RelativeLayout android:id="@+id/RelativeLayout01"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:background="#ffffffff">
            </RelativeLayout>
            <RelativeLayout android:id="@+id/RelativeLayout02"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:background="#ffffffff">
            </RelativeLayout>
        </FrameLayout>
    </LinearLayout>
</TabHost>

可以完全通过 Java 命令完成此操作，但尤其是在修复 #2 时，我们可能需要查看更多代码。作为 OnCreate() 函数的一部分，我建议初始化您想要显示的所有内容。否则，如果它不在您的 main.xml 中，并且未初始化，则不会显示。

Answer 4

如果想要在选择时使用粗体文本，

可能有不同的方法，但我所做的是...

制作自定义 TextView，然后处理触摸事件，如向下操作时加粗，并在向上操作时设置为正常。