All Products
Search
Document Center

Mobile Platform as a Service:Button component

Last Updated:Mar 02, 2023

AUButton provides buttons of different patterns.

Sample image

1

Dependency

See Quick start.

Style API

Property

Description

mainButtonStyle

The main button on a page.

subButtonStyle

The secondary button on a page.

warnButtonStyle

The warning button.

assMainButtonStyle

The auxiliary main button.

assButtonStyle

The auxiliary secondary button.

listButtonStyle

The list button.

Code sample

  • Main button on a page

    2
<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="The main button on a page is normal." />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="The main button on a page is disabled."
    app:dynamicThemeDisable="true" />
  • Secondary button on a page

    4
<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/subButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="The secondary operation on a page is normal." />

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

    3
<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/warnButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="The warning button is normal." />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/warnButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="The warning button is disabled." />
  • Auxiliary main button

    Download2
<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

    Download
<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

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