Implement button component in Android with AUButton - Mobile Platform as a Service

The AUButton widget provides buttons in different styles.

Preview

Style interface

Property name	Description
mainButtonStyle	Primary page button
subButtonStyle	Secondary page button
warnButtonStyle	Warning button
assMainButtonStyle	Auxiliary primary button
assButtonStyle	Auxiliary secondary button
listButtonStyle	List button

Code examples

Primary button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="Primary Page Button Normal" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="Primary Page Button Disable"
    app:dynamicThemeDisable="true" />

Secondary button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/subButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="Secondary Page Operation Normal" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/subButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"/>

Warning button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/warnButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="Warning Button Normal" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/warnButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="Warning Button Disable" />

Auxiliary primary button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assMainButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="Download" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assMainButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="Download" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assMainButtonStyle"
    android:layout_margin="12dp"
    android:text="Auxiliary Primary Button" />

Auxiliary secondary button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="Download" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="Download" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assButtonStyle"
    android:layout_margin="12dp"
    android:text="Auxiliary Button" />

List button

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/listButtonStyle"
    android:layout_marginTop="12dp"
    android:layout_marginBottom="12dp"
    android:clickable="true"
    android:text="Unfollow" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/listButtonStyle"
    android:layout_marginTop="12dp"
    android:layout_marginBottom="12dp"
    android:clickable="true"
    android:textColor="@com.alipay.mobile.antui:color/AU_COLOR_LINK"
    android:text="More Services" />