全部产品

按钮组件

更新时间:2020-06-19 14:55:03

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

效果图

依赖

参见 快速开始

Style 接口

属性名 说明
mainButtonStyle 页面主按钮
subButtonStyle 页面次按钮
warnButtonStyle 警告按钮
assMainButtonStyle 辅助主按钮
assButtonStyle 辅助次按钮
listButtonStyle 列表按钮

代码示例

  • 页面主按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/mainButtonStyle"
  3. android:layout_margin="12dp"
  4. android:clickable="true"
  5. android:text="页面主按钮 Normal" />
  6. <com.alipay.mobile.antui.basic.AUButton
  7. style="@com.alipay.mobile.antui:style/mainButtonStyle"
  8. android:layout_margin="12dp"
  9. android:enabled="false"
  10. android:text="页面主按钮 Disable"
  11. app:dynamicThemeDisable="true" />
  • 页面次按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/subButtonStyle"
  3. android:layout_margin="12dp"
  4. android:clickable="true"
  5. android:text="页面次要操作 Normal" />
  6. <com.alipay.mobile.antui.basic.AUButton
  7. style="@com.alipay.mobile.antui:style/subButtonStyle"
  8. android:layout_margin="12dp"
  9. android:enabled="false"/>
  • 警告按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/warnButtonStyle"
  3. android:layout_margin="12dp"
  4. android:clickable="true"
  5. android:text="警告按钮 Normal" />
  6. <com.alipay.mobile.antui.basic.AUButton
  7. style="@com.alipay.mobile.antui:style/warnButtonStyle"
  8. android:layout_margin="12dp"
  9. android:enabled="false"
  10. android:text="警告按钮 Disable" />
  • 辅助主按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/assMainButtonStyle"
  3. android:layout_margin="12dp"
  4. android:clickable="true"
  5. android:text="下载" />
  6. <com.alipay.mobile.antui.basic.AUButton
  7. style="@com.alipay.mobile.antui:style/assMainButtonStyle"
  8. android:layout_margin="12dp"
  9. android:enabled="false"
  10. android:text="下载" />
  11. <com.alipay.mobile.antui.basic.AUButton
  12. style="@com.alipay.mobile.antui:style/assMainButtonStyle"
  13. android:layout_margin="12dp"
  14. android:text="辅助主按钮" />
  • 辅助次按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/assButtonStyle"
  3. android:layout_margin="12dp"
  4. android:clickable="true"
  5. android:text="下载" />
  6. <com.alipay.mobile.antui.basic.AUButton
  7. style="@com.alipay.mobile.antui:style/assButtonStyle"
  8. android:layout_margin="12dp"
  9. android:enabled="false"
  10. android:text="下载" />
  11. <com.alipay.mobile.antui.basic.AUButton
  12. style="@com.alipay.mobile.antui:style/assButtonStyle"
  13. android:layout_margin="12dp"
  14. android:text="辅助按钮" />
  • 列表按钮

  1. <com.alipay.mobile.antui.basic.AUButton
  2. style="@com.alipay.mobile.antui:style/listButtonStyle"
  3. android:layout_marginTop="12dp"
  4. android:layout_marginBottom="12dp"
  5. android:clickable="true"
  6. android:text="取消关注" />
  7. <com.alipay.mobile.antui.basic.AUButton
  8. style="@com.alipay.mobile.antui:style/listButtonStyle"
  9. android:layout_marginTop="12dp"
  10. android:layout_marginBottom="12dp"
  11. android:clickable="true"
  12. android:textColor="@com.alipay.mobile.antui:color/AU_COLOR_LINK"
  13. android:text="更多服务" />