Question

我创建了3个标签。但是当我在标签之间切换时，标签指示器的高度非常小，它就像一条细线在标签上。我没有看到任何帖子给我解决这个问题。所有这些都是关于如何改变标签的颜色指示器。

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_ACTION_BAR);
    try {

        setContentView(R.layout.activity_main);
        ActionBar bar = getActionBar();

        Log.d("In Tab Activity", bar.toString());
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        Tab tab1 = bar.newTab();
        tab1.setText("Contacts");
        tab1.setTabListener(this);
        bar.addTab(tab1);




        Tab tab2 = bar.newTab();
        tab2.setText("Messages");
        tab2.setCustomView(TabUtils.renderTabView(this, R.string.tab_invitations, R.drawable.ic_add_alert_black_24dp, 5));
        tab2.setTabListener(this);
        bar.addTab(tab2);


        Tab tab3 = bar.newTab();
        tab3.setText("History");
        tab3.setTabListener(this);
        bar.addTab(tab3);

        webView = (WebView) findViewById(R.id.webPage);
        jSInterface = new AndroidJSInterface(this);
        webView.addJavascriptInterface(jSInterface, "AndroidJSInterface");

        webView.loadUrl("file:///android_asset/HybridPage2.html", null);

        /*
         * Fragment main = new MainFragment(); FragmentTransaction ft =
         * getFragmentManager().beginTransaction();
         * ft.replace(R.id.content_frame, main);
         * ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
         * ft.addToBackStack(null); ft.commit();
         */
    } catch (Exception e) {
        Log.d("Exception is", e.getMessage());
    }
}

Answer 1

您可以在TabLayout下的xml文件中按app:tabIndicatorHeight=".."指定标签指示符高度。

Answer 2

使用新设计库并参考以下代码。您可以更改TabLayout宽度以更改TAB的高度。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/tab_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/accent_material_light" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:background="@color/accent_material_dark"
        android:layout_height="200dp" />

</android.support.design.widget.AppBarLayout>

如何增加标签指示器的高度

2 个答案: