按钮组件

AUButton 组件用于提供不同样式的按钮。

效果图

Style 接口

属性名

说明

mainButtonStyle

页面主按钮

subButtonStyle

页面次按钮

warnButtonStyle

警告按钮

assMainButtonStyle

辅助主按钮

assButtonStyle

辅助次按钮

listButtonStyle

列表按钮

代码示例

  • 页面主按钮

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="页面主按钮 Normal" />

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/mainButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="页面主按钮 Disable"
    app:dynamicThemeDisable="true" />
  • 页面次按钮

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/subButtonStyle"
    android:layout_margin="12dp"
    android:clickable="true"
    android:text="页面次要操作 Normal" />

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

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

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/warnButtonStyle"
    android:layout_margin="12dp"
    android:enabled="false"
    android:text="警告按钮 Disable" />
  • 辅助主按钮

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

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

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assMainButtonStyle"
    android:layout_margin="12dp"
    android:text="辅助主按钮" />
  • 辅助次按钮

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

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

<com.alipay.mobile.antui.basic.AUButton
    style="@com.alipay.mobile.antui:style/assButtonStyle"
    android:layout_margin="12dp"
    android:text="辅助按钮" />
  • 列表按钮

<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="取消关注" />

<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="更多服务" />
阿里云首页 移动开发平台 mPaaS 相关技术圈