Как создать кнопку с рамкой и прозрачным фоном Android

Question

Как я могу создать этот тип кнопки в Android, которая имеет только границы и прозрачна, как кнопка «ДОБАВИТЬ» на рисунке ниже?

Answer 1

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"
        />

Answer 2

Этого можно добиться с помощью 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 - это значок, который понадобится вашему проекту.

Answer 3

Вы должны создать форму в 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>