自定义工具栏中的标题

时间:2016-06-08 14:06:24

标签: android

我创建了一个自定义工具栏,其中图像为居中标题,另一个与右侧对齐。我使用相对布局来容纳图像视图。但是相对布局似乎并不覆盖工具栏的整个长度,尽管其宽度设置为match_parent。代码如下:

activity_main.xml中

<android.support.v7.widget.Toolbar
        android:id="@+id/app_bar"
        android:minHeight="?attr/actionBarSize"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >
            <ImageView
                android:layout_width="150dp"
                android:layout_height="30dp"
                android:src="@drawable/title"
                android:id="@+id/title_image"
                android:layout_centerInParent="true" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/oie_transparent"
                android:layout_alignParentRight="true"
                android:id="@+id/cart_icon"
                android:layout_toRightOf="@id/title_image"
                android:layout_marginTop="2dp"
                android:layout_marginLeft="30dp"
                android:layout_marginBottom="2dp"/>
        </RelativeLayout>
    </android.support.v7.widget.Toolbar>

MainActivity.java

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main); // an example activity_main.xml is provided below
        Toolbar tb = (Toolbar) findViewById(R.id.app_bar);
        setSupportActionBar(tb);
    }

1 个答案:

答案 0 :(得分:0)

左右工具栏必须完全合理,否则保持5DP像开放的左侧。以下代码:img left justified和right -justified img title集中于。

    <android.support.v7.widget.Toolbar
    android:id="@+id/toolbarhome"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:titleTextAppearance="@style/Toolbar.TitleText"
    app:layout_collapseMode="pin"
    android:background="@color/colorPrimary"
    android:contentInsetLeft="0dp"
    android:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="4"
            android:gravity="center|left">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="@dimen/bes"
                android:src="@mipmap/ic_launcher" />

        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Title"
                android:textColor="@color/beyaz"
                android:textStyle="bold"
                android:textSize="17sp"
                android:gravity="center"
                android:id="@+id/actiontitle"/>

        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="4"
            android:gravity="center|right">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/msr"
                android:layout_alignParentTop="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:paddingRight="@dimen/bes" />

        </RelativeLayout>

    </LinearLayout>
</android.support.v7.widget.Toolbar>