All Products
Search
Document Center

Mobile Platform as a Service:Button component

Last Updated:Jan 23, 2026

The AUButton widget provides buttons in different styles.

Preview

image

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

    image

    <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

    image

    <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

    image

    <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

    image

    <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

    image

    <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

    image

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