如何实现以下 xml 布局？

Question

我做的布局

我要实现的布局

orange_hollow_fill_round_corner.xml（自定义可绘制对象）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

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

    <stroke
        android:width="1dp"
        android:color="@color/orange" />

    <size
        android:width="80dp"
        android:height="20dp" />

</shape>

我想制作如下所示的自定义可绘制对象，这样它就不会剪切 Earned Badges 文本视图。

请忽略我的布局和我想要实现的布局在角和颜色上的差异。

Answer 1

您只需将背景添加到 textView（获得的徽章）即可做到这一点，此背景有角和黑色 android:background="@drawable/your_custom_button" 它会重叠在橙色鹳上。

希望对您有所帮助。

Answer 2

@noureldien mohamed 的方法目前看来可行，但如果你真的想像你提到的那样创建可绘制对象，你应该尝试制作矢量。这是你喜欢的。

<vector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:aapt="http://schemas.android.com/aapt"
android:viewportWidth="326.33"
android:viewportHeight="76.25"
android:width="326.33dp"
android:height="76.25dp">
<path
    android:pathData="M201.13 2h109.2c7.7 0 14 6 14 13.25V61c0 7.29 -6.3 13.25 -14 13.25H16c-7.7 0 -14 -6 -14 -13.25V15.25C2 8 8.3 2 16 2h92.42"
    android:strokeColor="#FC7F2D"
    android:strokeWidth="3"
    android:strokeLineCap="round"
    android:strokeLineJoin="round" />

输出

如何实现以下 xml 布局？

How do I achieve the following xml layout?

android-layout

android-xml

android-custom-drawable