AUButton provides buttons of different patterns.
Sample image
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
<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
<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.
<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
<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" />