自己封装的一个提醒框,包括上拉菜单、警告款。 先上图: ![10.gif](/static/images/essay/13.gif) 一共包括四种形态, 第一种: 最普通的上拉菜单,来看下代码: ``` XActionSheet *sheet = [[XActionSheet alloc]initWithTitleAndDesc:@"这是一个上啦菜单" Desc:@"你可以在这里填写一些详细内容"]; [sheet addCancelButtonWithTitle:@"取消"]; [sheet addButtonwithTitle:@"按钮一"]; [sheet addButtonwithTitle:@"按钮二"]; [sheet addButtonwithTitle:@"按钮三"]; [sheet show]; ``` > 类名叫做XActionSheet 期中包括一个delegate;所有的点击事件都通过这个delegate来传递, -(void)buttonClick:(NSInteger)index; 传递的参数是按钮的tag; 第二种: 带一个我现在看起来很奇葩的动画,来看代码: ``` XActionSheet *sheet = [[XActionSheet alloc]initWithTitleAndDesc:@"这是一个上啦菜单" Desc:@"你可以在这里填写一些详细内容"]; [sheet addCancelButtonWithTitle:@"取消"]; [sheet addButtonwithTitle:@"按钮一"]; [sheet addButtonwithTitle:@"按钮二"]; [sheet addButtonwithTitle:@"按钮三"]; [sheet showInAnimate]; ``` > 和上面唯一的区别就是show的方法不一样,其他都一样。 XActionSheet这个类还有一些其他的属性我们来看一下 ``` - (id)initWithTitleAndDesc:(NSString *)Title Desc:(NSString *)Desc; - (void)addCancelButtonWithTitle:(NSString *)Title; - (void)addButtonwithTitle:(NSString *)Title; - (void)show; - (void)showInAnimate; - (void)close; - (void)closeInAnimate; @property (nonatomic, strong) UILabel *Title; @property (nonatomic, strong) UILabel *Desc; @property (nonatomic, strong) UIButton *CancelButton; @property (nonatomic, strong) NSMutableArray *btnArray; @property (nonatomic, assign) iddelegate; ``` > 看名字都明白是干嘛的啦,期中所有的按钮都放在了btnArray这个数组当中,你们可以使用这个数组来获取到button然后对button进行自定义。 我们再来看一下XAlerView 第一种从上面掉下来的这种动画: ``` XAlertView *alert = [[XAlertView alloc]initWithTitleAndDesc:@"这是一个警告框" Desc:@"这里可以填一些详细内容"]; alert.btnTitleArray = @[@"按钮一",@"按钮二",@"按钮三"]; [alert showAnimation1]; ``` > 你没看错,一共就三行代码 再看第二种: ``` XAlertView *alert = [[XAlertView alloc]init]; alert.containViewHeight = 100; CGFloat width = alert.containView.frame.size.width; UIImageView *avatar = [[UIImageView alloc]initWithFrame:CGRectMake((width - 60)/2, 10, 60, 60)]; avatar.layer.cornerRadius = 30; avatar.layer.masksToBounds = true; avatar.image = [UIImage imageNamed:@"cute_girl"]; [alert.containView addSubview:avatar]; UILabel *name = [[UILabel alloc]initWithFrame:CGRectMake(0, 10 + 60 + 10,width, 20)]; name.text = @"StrongX"; name.textColor = [UIColor darkGrayColor]; name.textAlignment = NSTextAlignmentCenter; [alert.containView addSubview:name]; alert.btnTitleArray = @[@"确定",@"关闭"]; alert.delegate = self; [alert showAnimation2]; ``` > 这个和上面不一样 ,初始化方法就不一样,第一种初始化方法是通过title和desc的方法,会自动创建两个label,和默认的提示框长相类似,但是很多时候我们都希望都能来自定义内容,就像我的gif图中那样,放一个头像,你也可能是放一个textview······你可以通过设定alert.containViewHeight的值来改变 containView的高度,当然这个值是不包括下面的按钮的,所以整个View的高度就是alert.containViewHeight加上50(下面的按钮的高度是50). 同样的所有的按钮我都放在了btnArray这个数组里,你可以用来修改一些东西,点击事件是通过一个delegate来调用的 ``` @protocol XAlertDelegate @optional -(void)btnClicked:(NSInteger)index; @end ``` > 就一个方法,方法就一个参数,参数就是第几个按钮(按钮的tag)。 已经上传github了:https://github.com/StrongX/XAlert