Android 按钮 shadow/margin 置顶

Question

我在一行中有一个 Button 和一个 ImageView。但是 Button 有 margin to top。我使用一个简单的可绘制背景。

部分XML代码：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="20dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_weight="4"
        android:background="@color/main_green"
        android:text="@string/from"
        android:gravity="center"
        android:textSize="22dp"
        android:textColor="@color/text_color_white"/>

    <Button
        android:id="@+id/fromCityButton"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_weight="1"
        android:hint="From"
        android:background="@drawable/button_blank_border"/>    

</LinearLayout>

按钮背景可绘制代码：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="@color/main_background"/>
            <stroke android:width="1px" android:color="#000000" />
        </shape>
    </item>
</selector>

现在这部分看起来像这样：

但它应该是这样的：

我应该如何修复按钮的 shadow/margin？

Answer 1

这应该有效

    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#008080"
        android:layout_weight="4"
        android:gravity="center"
        android:layout_gravity="center"  <--------
        android:text="IS"
        android:textColor="#FFFFFF"
        android:textSize="22dp" />

Android 按钮 shadow/margin 置顶

Android button shadow/margin top

android

button

shadow