тень Android/край поля

Question

У меня есть кнопка и изображение в одной строке. Но Button имеет преимущество. И я использую простой фон.

часть кода 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> 

Теперь эта часть выглядит следующим образом:

Но это должно выглядеть следующим образом:

Как исправить эту тень/поле кнопки?

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" />