如何创建带有边框和透明背景的按钮

时间:2018-12-07 12:01:31

标签: android ios android-studio user-interface button

我该如何在只有边框且透明的android中创建这种类型的按钮,如下面图片中的“ ADD”按钮?

P.S。这是Ludmila Shevchenko的旅行应用程序中的照片。虽然屏幕截图是ios的,但我想在android中实现。我该怎么办?

3 个答案:

答案 0 :(得分:1)

您应该在如下所示的xml文件中创建形状,并将其设置为按钮背景

 <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle"
        >
        <solid android:color="@android:color/transparent" />

        <stroke
            android:width="2dp"
            android:color="@color/your_border_color" />
    </shape>

答案 1 :(得分:0)

button_round.xml

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

<item android:state_pressed="true" >

    <shape android:shape="rectangle">
        <corners android:radius="5dp"/>
        <stroke android:width="1dp"
                android:color="@color/yellow"/>
    </shape>

</item>

<item>

    <shape android:shape="rectangle">
        <corners android:radius="4dp"/>
        <stroke android:width="1dp"
                android:color="@color/yellow"/>

    </shape>
</item>
</selector>

现在将其应用于您的按钮背景

<Button
                android:id="@+id/button_id"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="USE Button"
                android:background="@drawable/button_round"
                android:textColor="@color/yellow"
        />

答案 2 :(得分:0)

您可以使用Shape Drawable来实现。

在可绘制文件夹中创建形状button_background.xml,如下所示:

<shape shape="rectangle">
    <stroke width="2dp" color="@android:color/white" /> // You may change color as per your need
    <solid color="@android:color/transparent" />
</shape>

将此可绘制对象应用于按钮背景属性,如下所示:

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_background"
    android:drawableStart="@drawable/ic_plus" />

ic_plus是项目所需的图标。