工具栏中的自定义 TextView 被剪裁

Question

我正在使用自定义工具栏布局，其中放置了用于搜索的 EditText。文本框在顶部被剪裁。请查看随附的屏幕截图，

这是工具栏的布局文件。

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/appColor"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Toolbar Title"
        android:layout_gravity="center"
        android:textColor="#ffffff"
        android:textSize="10pt"
        android:visibility="gone"
        android:id="@+id/toolbar_title" />

        <ImageButton
            android:id="@+id/btn_MapFlip"
            android:layout_width="32dp"
            android:layout_height="28dp"
            android:tag="0"
            android:background="@null"
            android:scaleType="fitXY"
            android:src="@drawable/post_job_slide"
            android:layout_alignParentRight="true"
            android:layout_gravity="right"
            android:layout_marginRight="10dp"
        />
    <RelativeLayout
        android:id="@+id/layout_Background"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:background="@drawable/search_field">
        <EditText android:id="@+id/searchBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#000000"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
            android:hint="@string/search_hint"
            android:inputType="text">
            <requestFocus />
        </EditText>
        </RelativeLayout>


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

为什么文本在顶部被剪掉了？这是在工具栏中添加 EditText 的正确方法吗？

谢谢。

Answer 1

将相对布局的高度从 30 dp 更改为 wrap_content。由于编辑文本的父级相对布局的高度为 30dp，因此编辑文本的高度也将变为 30dp。

<RelativeLayout
        android:id="@+id/layout_Background"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/search_field">
        <EditText android:id="@+id/searchBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#000000"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
            android:hint="@string/search_hint"
            android:inputType="text">
            <requestFocus />
        </EditText>
        </RelativeLayout>

工具栏中的自定义 TextView 被剪裁

Custom TextView in ToolBar getting Clipped

android

android-edittext

android-toolbar