web-dev-qa-db-ja.com

Android tabhostはテキストの色のスタイルを変更

Tabhostのテキストの色を変更しようとしていますが、このコードではtabhostの背景色を変更できます（テキストの色ではありません）

tabHost.setOnTabChangedListener(new OnTabChangeListener() {
        @Override
        public void onTabChanged(String tabId) {
          for (int i = 0; i < tabHost.getTabWidget().getChildCount(); i++) {
            tabHost.getTabWidget().getChildAt(i)
                            .setBackgroundColor(Color.parseColor("#FF0000")); // unselected
          }

          tabHost.getTabWidget().getChildAt(tabHost.getCurrentTab())
                        .setBackgroundColor(Color.parseColor("#0000FF")); // selected

        }
});

tabhostのテキストの色を変更するにはどうすればよいですか？

androidandroid-tabhost
14
user3345767

次のようにTabhostテキストの色を変更できます。

_tabHost.setOnTabChangedListener(new OnTabChangeListener() {

    @Override
    public void onTabChanged(String tabId) {

        for (int i = 0; i < tabHost.getTabWidget().getChildCount(); i++) {
            tabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.parseColor("#FF0000")); // unselected
            TextView tv = (TextView) tabhost.getTabWidget().getChildAt(i).findViewById(Android.R.id.title); //Unselected Tabs
            tv.setTextColor(Color.parseColor("#ffffff"));
        }

        tabHost.getTabWidget().getChildAt(tabHost.getCurrentTab()).setBackgroundColor(Color.parseColor("#0000FF")); // selected
        TextView tv = (TextView) tabhost.getCurrentTabView().findViewById(Android.R.id.title); //for Selected Tab
        tv.setTextColor(Color.parseColor("#000000"))

    }
});
_

編集：

アクティビティで最初にテキストの色を設定するには、onResume()関数でこのコードを使用できます

_TabHost tabhost = getTabHost();
    for(int i=0;i<tabhost.getTabWidget().getChildCount();i++) 
    {
        TextView tv = (TextView) tabhost.getTabWidget().getChildAt(i).findViewById(Android.R.id.title);
        tv.setTextColor(Color.parseColor("#000000"));
    } 
_
54
Mukesh Kumar Singh

これは、実際にはXMLテーマを使用して実行できます。 TabWidgetは、選択されたタブにAndroid:textColorPrimaryを使用し、選択されていないタブにAndroid:textColorSecondaryを使用します。したがって、次のようにテキストの色を変更できます。

Styles.xmlで：

<style name="TabWidgetTheme" parent="AppTheme">
    <item name="Android:textColorPrimary">@color/your_primary_color</item>
    <item name="Android:textColorSecondary">@color/your_secondary_color</item>
</style>

レイアウトで：

<TabHost
    Android:layout_height="match_parent"
    Android:layout_width="match_parent"
    Android:theme="@style/TabWidgetTheme"/>

Android:themeはTabWidget自体に直接あるのではなく、TabHostなどを含んでいることに注意してください。

10
Will Molter

タブのテキストの色を変更するには、タブのタイトルとして設定されているビュー、つまりTextViewを取得する必要があり、次のように変更できます。

TabHost tabhost = getTabHost();
    for(int i=0;i<tabhost.getTabWidget().getChildCount();i++) 
    {
        TextView tv = (TextView) tabhost.getTabWidget().getChildAt(i).findViewById(Android.R.id.title);
        tv.setTextColor(Color.parseColor("#000000"));
    }

編集：

別の方法は、タブのカスタムビューを作成することです。 tabHostにタブを追加するとき

FragmentTabHost tabHost;

tabHost = (FragmentTabHost) findViewById(Android.R.id.tabhost);
        tabHost.setup(this, getSupportFragmentManager(), R.id.frame);

//各タブのcustomViewを作成しますView tabViewHome = createTabView（tabHost.getContext（）、 "Home"、R.drawable.ic_home）;

tabHost.addTab(tabHost.newTabSpec("Home").setIndicator(tabViewHome), HomeActivity.class, null);


private static View createTabView(final Context context, final String text, int iconId)
    {
            // inflate your layout here
        View view = LayoutInflater.from(context).inflate(R.layout.tab_layout, null);
        TextView tv = (TextView) view.findViewById(R.id.tab_tv_title);
        tv.setText(text);
            tv.setTextColor(Color.RED);
        ImageView iv = (ImageView) view.findViewById(R.id.tab_background_iv_icon);
        iv.setImageResource(iconId);
        return view;
    }

tab_layout.xmlは次のようになります。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/tabsLayout"
    Android:layout_width="fill_parent"
    Android:layout_height="40dip"
    Android:gravity="center"
    Android:orientation="vertical"
    Android:padding="5dip" 
    Android:background="#AAE1E1E1">

     <ImageView
        Android:id="@+id/tab_background_iv_icon"
        Android:layout_width="30dip"
        Android:layout_height="30dip"
        Android:contentDescription="@string/imgDesc"
        />

    <TextView
        Android:id="@+id/tab_tv_title"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        //Android:textColor="@drawable/tab_text_selector"
        Android:textSize="8sp"
        Android:textStyle="bold" />

</LinearLayout>

お役に立てれば。

4
Ankit Dhadse

エヒ男、私はこのソリューションを次の目的で使用しました。

private void setNewTab(final String tag, final String title, final Class<?> clazz, final Bundle bundle) {
    TabHost.TabSpec tabSpec = tabHost.newTabSpec(tag);
    tabSpec.setIndicator(InfoTabView_.build(getActivity()).bind(title, false));
    tabHost.addTab(tabSpec, clazz, bundle);
}

...

bundle = new Bundle();
bundle.putSerializable(FaqFragment.ARG_FAQS, infos.getFaq());
setNewTab("faq", "Faq", FaqFragment_.class, bundle);

...


@EViewGroup(R.layout.view_info_tab)
public class InfoTabView extends RelativeLayout {

    ....

    @Override
    public void setSelected(final boolean selected) {
        if (selected)
            titleTextView.setTextColor(selectedColor);
        else
            titleTextView.setTextColor(unselectedColor);
    }
}

オーバーライドsetSelectedは最もクリーンな方法です！

0
user3024665