阿里云移动开发平台mPaaS按钮基本类

  • AUButton 遵照新的 UED 需求完成,目前包含两种样式,与 APCommonUI 中的 APButton 不能完全互通。
  • 这两种样式不包括效果图中的警告类操作按钮。

效果图

button

依赖

AUButton 的依赖如下:

  1. import <UIKit/UIKit.h>

接口说明

  1. /**
  2. 初始化方法
  3. @param style 样式
  4. @return 创建的初始化对象
  5. */
  6. + (instancetype)buttonWithStyle:(AUButtonStyle)style;
  7. /**
  8. * 初始化的辅助方法,用于创建并初始化一个按钮的对象。
  9. *
  10. * @param buttonType 按钮类型,必须是定义在 AUButtonStyle 中的其中一个值。
  11. * @param title 铵钮标题
  12. * @param target 响应按钮点击事件的对象
  13. * @param action 响应按钮点击事件的函数
  14. *
  15. * @return 新创建并经过初始化的按钮对象。
  16. *
  17. * 此方法初始化的对象 需要设置frame
  18. */
  19. + (instancetype)buttonWithStyle:(AUButtonStyle)style title:(NSString *)title target:(id)target action:(SEL)action;
  20. /**
  21. 在按钮上展示菊花动画和文字,左菊花右文字,无文字时菊花居中
  22. @param loadingTitle 展示菊花时候的文字,设置 nil 或者空串不展示,菊花居中
  23. @param currentVC 当前 VC,为了 loading 结束的去掉遮罩
  24. */
  25. - (void)startLoadingWithTitle:(NSString *)loadingTitle currentViewController:(UIViewController *)currentVC;
  26. /**
  27. 停止转菊花
  28. */
  29. - (void)stopLoading;

自定义属性

属性名 用途
AUButtonStyleNone 系统默认
AUButtonStyle1 蓝底,白字,无边框,大按钮样式
AUButtonStyle2 白底,黑字,浅灰色边框,大按钮样式
AUButtonStyle3 透明底,蓝字,蓝色边框,小按钮字样
AUButtonStyle4 白底,默认带上下分割线,字是红色的;使用场景(取消关注)等页面底部操作,默认高度 44 单位,宽度为屏幕宽度
AUButtonStyle5 白底,默认带上下分割线,字是蚂蚁蓝;使用场景(更多服务)等页面底部操作,默认高度 44 单位,宽度为屏幕宽度
AUButtonStyle6 红底白字,警告类操作,大按钮样式
AUButtonStyle7 白底,黑字,浅灰色边框,小按钮样式
AUButtonStyle8 蓝底,白字,无边框,小按钮样式

代码示例

  1. AUButton *button = [AUButton buttonWithStyle:AUButtonStyle2 title:@"AUButtonStyle2" target:self action:@selector(onButtonClicked:)];
  2. button.frame = CGRectMake(XX, XX,XX, XX);
  3. AUButton *buttonDisable = [AUButton buttonWithStyle:AUButtonStyle1];
  4. buttonDisable.enabled = NO;
  5. [buttonDisable setTitle:@"Style1disable" forState:UIControlStateNormal];
  6. buttonDisable.frame = CGRectMake(XX, XX,XX, XX);
  7. // button 上需要旋转菊花
  8. [button startLoadingWithTitle:@"Loading" currentViewController:self];
  9. // button 菊花停止
  10. [button stopLoading];

原创文章,作者:网友投稿,如若转载,请注明出处:https://www.cloudads.cn/archives/33405.html

发表评论

登录后才能评论