如何在ToolBar中制作4个Tabs和2个ImageView的大小相等?

时间:2015-12-06 15:27:14

标签: android tabs toolbar android-tablayout

我创建了以下XML布局。你可以在其中看到我有一个ToolBar,其中包含一个带有3个视图的LinearLayout:一个TabLayout和2个imageview。我想将每个图像视图的宽度设置为生成的TabLayout中每个Tab的宽度,这样看起来好像我有6个相同大小的标签,但其中两个不应该是标签。

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- The main content view -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentTop="true"
        android:background="?attr/colorPrimary">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:weightSum="6" >

            <android.support.design.widget.TabLayout
                android:layout_weight="4"
                android:id="@+id/tabs"
                style="@style/tab_bar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize" />

            <ImageView
                android:layout_weight="1"
                android:id="@+id/ivSearch"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/ic_tab1"/>

            <ImageView
                android:layout_weight="1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/ic_tab1"/>
        </LinearLayout>
    </android.support.v7.widget.Toolbar>

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar"></android.support.v4.view.ViewPager>
</RelativeLayout>
<!-- The navigation drawer -->
<ListView
    android:id="@+id/left_drawer"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:layout_gravity="end"
    android:background="#111"
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp" />

我做了什么:现在您可以在布局中看到我尝试使用LinearLayout中的权重达到所需的结果。但结果令人不满意。我不知道如何执行此操作。

问题:有人做过这样的事情,可以就此事提供一些意见吗?

0 个答案:

没有答案