Question

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

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

<?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>

如何使图像按钮出现和工具栏的textview中心？

2 个答案: