Question

我有一个LinearLayout XML，如下所示，并且我希望布局中的最后一个TextView与线性布局的整个宽度匹配。我已经添加了一个drawable作为TextView的背景。这是XML文件（我省略了不必要的代码）-

    <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent"
    android:id="@+id/received_interaction_row_layout"
    android:layout_height="wrap_content"
    android:foreground="?selectableItemBackground"
    android:focusable="true"
    android:clickable="true"
    android:orientation="vertical"
    android:background="@drawable/rounded_corner_red"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:layout_marginTop="8dp"
    android:elevation="3dp"
    android:layout_marginBottom="8dp">
    <TextView
        android:drawableStart="@drawable/ic_contact"
        android:drawingCacheQuality="high"
        android:drawablePadding="15dp" ..... />
    <TextView
        android:layout_marginTop="@dimen/row_padding_vertical"
        android:layout_marginBottom="@dimen/row_padding_vertical"
        android:drawableStart="@drawable/ic_event" ..... />
    <TextView
        android:layout_marginBottom="@dimen/row_padding_vertical"
        android:drawableStart="@drawable/ic_feedback"
        android:drawablePadding="15dp" ...... />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/rounded_bottom_pink"/>
    </LinearLayout>

这是当前的样子-

我想要删除最后一个TextView（背景较暗的那个）的填充，并使它看起来像父布局一样宽。我也想删除底部的填充。

可绘制背景中有一些填充，但是我也尝试将其删除，但没有用。

编辑1-以下是我要实现的目标。请注意底部的深蓝色背景。

Answer 1

从父级LinearLayout移除边距。将这些边距添加到TextView。

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent"
android:id="@+id/received_interaction_row_layout"
android:layout_height="wrap_content"
android:foreground="?selectableItemBackground"
android:focusable="true"
android:clickable="true"
android:orientation="vertical"
android:background="@drawable/rounded_corner_red"
android:layout_marginTop="8dp"
android:elevation="3dp"
>
<TextView
    android:drawableStart="@drawable/ic_contact"
    android:drawingCacheQuality="high"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:drawablePadding="15dp" ..... />
<TextView
    android:layout_marginTop="@dimen/row_padding_vertical"
    android:layout_marginBottom="@dimen/row_padding_vertical"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:drawableStart="@drawable/ic_event" ..... />
<TextView
    android:layout_marginBottom="@dimen/row_padding_vertical"
    android:drawableStart="@drawable/ic_feedback"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:drawablePadding="15dp" ...... />
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_marginBottom="8dp"
    android:background="@drawable/rounded_bottom_pink"/>
</LinearLayout>

Answer 2

大多数可绘制向量可能包含其自身的填充。您可能需要更改rounded_corner_red.xml。检查下面的矢量文件

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ff0090" />
<corners
    android:radius="5dp" />
<padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp" />
</shape>

您需要使用矢量文件而无需填充，请参考以下

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ff0090" />
<corners
    android:radius="5dp" />
</shape>

Answer 3

我终于解决了。原来在父级LinearLayout的背景中存在填充，这导致了此问题。 TextView的可绘制背景不包含填充，但是LinearLayout的背景包含填充，这导致了上述问题。我从父布局背景的“ rounded_corner_red”可绘制对象中删除了填充。

使TextView与父布局一样大

3 个答案: