Benutzerdefinierte abgerundete Schaltfläche für die Form der Android-Entwicklungssteuerung (drei Formen)

Schritt 1: Erstellen Sie eine Beschreibungsdatei für die Schaltflächenform btn_shape.xml unter der Zeichendatei

btn1.xml

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

    <!-- 实心长方形 -->
    <solid android:color="#FF9999" />

    <!-- 设置弧度 -->
    <corners android:radius="10dp" />

</shape>

btn2.xml

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

    <!-- 空心长方形 -->
    <stroke
        android:width="1dp"
        android:color="#AA55AA" />

    <!-- 设置弧度 -->
    <corners android:radius="8dp" />
    
</shape>

btn3.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
		
    <!-- 点击时候的按钮样式 -->
<item android:state_pressed="true"> 
        <shape>
            <solid android:color="#FFFFFF" />

            <corners android:radius="20dp" />
        </shape>
    </item>
<!-- 不点击时候的按钮样式 -->

    <item android:state_pressed="false">    
        <shape>
            <solid android:color="#F3F7C0" />

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

</selector>

Schritt 2: Beziehen Sie sich in der Layoutdatei „layout.xml“ auf einen der oben genannten drei Typen von btn1.xml, um die Schaltflächenform festzulegen:

android:background="@drawable/btn1">

Renderings:

vor dem Klick nach dem Klick

 

 

Analysieren Sie das Attribut android:shape in der Shape-Datei:

 Android:shape=["rectangle" | "oval" | "line" | "ring"] darunter Rechteck, Rechteck, ovale Ellipse, Linie horizontale gerade Linie, Ringring

Hinweis:
Zu den häufig verwendeten Root-Elementen gehören:
1.Shape definiert hauptsächlich eine Form, die dann auf eine Schaltfläche als Hintergrund festgelegt werden kann, und das am häufigsten verwendete Element ist die abgerundete Schaltfläche.
2. Der Selektor definiert hauptsächlich den Hintergrund verschiedener Statusschaltflächen.