使 TextView 与父布局一样大答案

【问题标题】：Make TextView as big as parent layout使 TextView 与父布局一样大
【发布时间】：2018-06-28 05:21:35
【问题描述】：

我有一个如下所示的 LinearLayout XML，我希望布局中的最后一个 TextView 与线性布局的整个宽度相匹配。我在 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 - 下面给出了我想要实现的目标。注意底部的深蓝色背景。

【问题讨论】：

您对此有任何预期的设计形象吗？
"rounded_corner_red" 这个 XML 是可绘制的还是图像？
rounded_corner_red.xml 里面会有填充。删除它。
不，我是说线框
是的。原因是文本视图的边距或父布局的填充。

标签： android android-layout android-linearlayout textview

【解决方案1】：

大多数矢量可绘制对象可能包含自己的填充。您可能需要更改 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>

【讨论】：

我的drawable不包含任何填充。
糟糕。那么我会给你另一种解决方案。
您的解决方案有效。父布局的背景可绘制对象中有填充。 TextView drawable 很好。
是的，rounded_corner_red.xml。
抱歉，没听懂。

【解决方案2】：

从父 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>

【讨论】：

我也试过了。从父级删除边距给了我与上面相同的结果。
LinearLayout 前景和背景形状中是否有填充或边距？还要检查 TextView 中的 drawablePadding。

【解决方案3】：

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

【讨论】：