如何使工具栏出现图像按钮和文本视图中心？

Question

我有一个工具栏，左边一个图标，右边一个图标。在中心将是一个文本视图？以下是我当前的布局设置。

现在的问题是 imagebutton 图像没有出现，只是出现了一个银色的小矩形，文本视图文字向左对齐而不是居中对齐。另一件事是如何控制图标文本视图的高度，使它们看起来相似？右边最后一个图标也没有出现

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/bottomToolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="@color/primary"
    android:minHeight="@android:dimen/notification_large_icon_height">

    <ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/pinButton"
    android:layout_centerHorizontal="true"
    android:layout_gravity="left"
    android:drawable="@drawable/basgreen"
    android:clickable="true"/>

    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="TEST"
        android:background="@color/primary"
        android:textColor="#ffffff"
        android:layout_gravity="center"
        android:padding="10dip"/>


    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/pinButton3"
        android:layout_centerHorizontal="true"
        android:layout_gravity="right"
        android:drawable="@drawable/basgreen"
        android:clickable="true"/>

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

下面是到目前为止输出的最终屏幕截图。

Answer 1

尝试增加重量

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/bottomToolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="@color/primary"
    android:minHeight="@android:dimen/notification_large_icon_height">
<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:weightSum="3"
            android:orientation="horizontal" >
    <ImageButton
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:id="@+id/pinButton"
    android:layout_weight="1"
    android:layout_centerHorizontal="true"
    android:android:gravity="left"
    android:src="@drawable/basgreen"
    android:clickable="true"/>

    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:textSize="20sp"
        android:text="TEST"
        android:layout_weight="1"
        android:background="@color/primary"
        android:textColor="#ffffff"
        android:android:gravity="center"
        android:padding="10dip"/>


    <ImageButton
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:id="@+id/pinButton3"
        android:layout_weight="1"
        android:layout_centerHorizontal="true"
        android:gravity="right"
        android:src="@drawable/basgreen"
        android:clickable="true"/>
</LinearLayout>
</android.support.v7.widget.Toolbar>

这是因为你使用TextView的宽度作为match_parent

Answer 2

试试这个，使用 src，不要使用 drawable

  <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/bottomToolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="@color/primary"
        android:minHeight="@android:dimen/notification_large_icon_height">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageButton
                android:id="@+id/pinButton"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_alignParentLeft="true"
                android:layout_gravity="left"
                android:clickable="true"
android:background="@null" 
android:scaleType="centerInside"
                android:src="@drawable/basgreen" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:background="@color/primary"
                android:padding="10dip"
                android:text="TEST"
                android:textColor="#ffffff"
                android:textSize="20sp" />


            <ImageButton
                android:id="@+id/pinButton3"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_alignParentRight="true"
                android:layout_centerHorizontal="true"
                android:layout_gravity="right"
                android:clickable="true"
android:background="@null"
 android:scaleType="centerInside"
                android:src="@drawable/basgreen" />

        </RelativeLayout>

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

如何使工具栏出现图像按钮和文本视图中心？

How to make imagebutton appear and textview center for toolbar?

android

imagebutton

android-actionbar