Android XML：绘制带有菱形/菱形边框的StackOverflow的GraphicDesign的菱形/菱形按钮

Question

我想使用与以下按钮相同的边框：（参见：https://graphicdesign.stackexchange.com/）。是否可以使用radius XML属性（borderLeftTopRadius等）来做到这一点？还是我必须使用一些图片？

Answer 1

只需创建一个Drawable资源文件：custom_button.xml

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="153.77dp"
android:height="41.33dp"
android:viewportWidth="153.77"
android:viewportHeight="41.33">

<path
    android:strokeColor="#e94b5a"
    android:strokeWidth="1"
    android:strokeMiterLimit="10"
    android:pathData="M 9.89 0.5 L 144.22 0.5 L 153.22 20.5 L 144.22 40.83 L 10.22 
40.83 L 0.55 20.5 L 9.89 0.5 Z" />
</vector>

然后将其作为按钮的背景：

 <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="ask question"
    android:textColor="#E94A5A"
    android:background="@drawable/custom_button"/>

屏幕截图：

Screenshot

Answer 2

您可以使用Vectors来实现。它在android studio中可用。单击此链接以获取更多信息。 Add multi-density vector graphics

仅默认的android xml代码将帮助您实现带有一定渐变的圆角和虚线边框。