Android：带有自定义标题的圆角TextView XML布局

Posted 2023-04-13

【中文标题】Android：带有自定义标题的圆角TextView XML布局

【英文标题】：Android: Rounded Corners TextView XML Layout with custom Header

【发布时间】：2013-10-28 04:27:04

【问题描述】：

我想为我的 TextView 创建一个自定义 XML 布局，使用圆角和自定义标题，例如这个示例。

我发现这个useful link 会产生以下非常相似的结果。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Bottom 2dp Shadow -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#d8d8d8" />
            <corners android:radius="7dp" />
        </shape>
    </item>

    <!-- White Top color -->
    <item android:bottom="3px">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="7dp" />
        </shape>
    </item>
</layer-list>

我想知道是否可以修改上面的 XML 布局以获得标题“ADD FRIEND”样式，即深灰色背景以及标题 textview（“ADD FRIEND”）和下面的 textview（那个包含“昵称或电子邮件”和“搜索”按钮）。

我认为使用图像/可绘制背景可能更容易做到这一点，但用 XML 完成它会很棒（例如在可重用性方面）。

非常欢迎任何有关如何进行的帮助或建议！

【问题讨论】：

为什么不只使用两个 TextView 并将其设置为布局的背景？

这可能是个好主意，我需要尝试一下，谢谢。

你解决了吗？如果是这样，您可以分享答案并接受它。

【参考方案1】：

如果您不为此使用图像，则需要三个可绘制的 xml 并创建这种类型的布局： 1 线性布局_background.xml

<?xml version="1.0" encoding="utf-8"?>

<item>
    <shape android:shape="rectangle" >
        <solid android:color="#CABBBBBB" />

        <corners android:radius="2dp" />
    </shape>
</item>
<item
    android:bottom="2dp"
    android:left="0dp"
    android:right="0dp"
    android:top="0dp">
    <shape android:shape="rectangle" >
        <solid android:color="@android:color/white" />

        <corners android:radius="2dp" />
    </shape>
</item>

header_background：

    <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" />

    <solid android:color="@color/off_black1" />
</shape></item>

按钮背景

    <corners android:radius="5dp" />

    <solid android:color="#00000000" />

    <stroke android: android:color="@color/off_white2" />
</shape></item>