iOS 弹性动画之弹出分享菜单的实现
来源:互联网 发布:美国人口普查历年数据 编辑:程序博客网 时间:2024/05/18 16:16
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completionNS_AVAILABLE_IOS(7_0);
上诉方法是常用的弹性动画方法,其中duration,delay,dampingRatio,velocity分别设置了动画的持续时间,延时,振荡,初始速度.dampingRatio为1时动画无振荡平稳减速.
实现弹出分享菜单的关键就是上诉方法,来确定菜单中每个按钮的出现及消失动画(注意设定动画相应的延时).总体思路是:设定一个弹出组件,提供弹出菜单所需的参数的初始化方法(如图标,名称,列数等),根据上诉参数依次实例化按钮.提供显示菜单及隐藏菜单方法中就是对获得的参数数组进行动画操作,用循环语句依次设定其动画要素如延时,振荡与否等.
部分代码如下:
- (instancetype)initWithFrame:(CGRect)frame andButtonTitleAndImages:(NSArray<NSDictionary *> *)titleAndImages withColumnNums:(NSInteger)columnNum withBlock:(BaseSendTextBlock)block{ self = [super initWithFrame:frame]; if (self) { self.myBlock = block; self.alpha = 0.f; self.animateTime = 0.7; self.backgroundColor = RGB(0, 0, 0, 0.7); if (titleAndImages.count > 0) { NSInteger columnMaxNum = ((frame.size.width - BTN_FRAME_X * 2.0 - BTN_MINI_SPACE * 2.0) / BTN_WIDTH); self.columnNum = (columnNum >= 3)?columnNum:3; self.columnNum = (columnNum <= columnMaxNum)?columnNum:columnMaxNum; _btnViewSize = CGSizeMake(BTN_WIDTH, BTN_WIDTH + 40.0); _btnRowNum = (titleAndImages.count + self.columnNum - 1) / self.columnNum; _btnFrameX = (frame.size.width - BTN_WIDTH * self.columnNum) / (self.columnNum + 1); _btnFrameY = frame.size.height / 2.0 - _btnViewSize.height * _btnRowNum / 2.0; _btnItemSpace = _btnFrameX; for (int i = 0; i < titleAndImages.count; i++) { NSString *titleStr = [[titleAndImages objectAtIndex:i] objectForKey:@"title"]; NSString *imageStr = [[titleAndImages objectAtIndex:i] objectForKey:@"image"]; BaseSendBtnView *btnView = [[BaseSendBtnView alloc]initWithFrame:CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height)]; btnView.viewInfo = [titleAndImages objectAtIndex:i]; //[btnView.btnImageView sd_setImageWithURL:[NSURL URLWithString:imageStr] placeholderImage:nil]; btnView.btnImageView.image = [UIImage imageNamed:imageStr]; btnView.btnTitleLabel.text = titleStr; btnView.sendViewButton.tag = i; [btnView.sendViewButton addTarget:self action:@selector(sendViewButtonClicked:) forControlEvents:UIControlEventTouchUpInside]; [self addSubview:btnView]; [self.btnViewArray addObject:btnView]; } } } return self;}
- (void)showSendTextView{ self.alpha = 1.0f; CGFloat delyTime = 0.08; for (int i = 0; i < self.btnViewArray.count; i++) { __strong BaseSendBtnView *btnView = [self.btnViewArray objectAtIndex:i]; if (i == self.btnViewArray.count - 1) { [UIView animateWithDuration:self.animateTime delay:delyTime * i usingSpringWithDamping:0.6 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{ btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), _btnFrameY + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height); } completion:^(BOOL finished) { }]; }else{ [UIView animateWithDuration:self.animateTime delay:delyTime * i usingSpringWithDamping:0.6 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{ btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), _btnFrameY + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height); } completion:^(BOOL finished) { }]; } }}- (void)hiddenSendTextView{ CGFloat delyTime = 0.08; for (int i = 0; i < self.btnViewArray.count; i++) { __strong BaseSendBtnView *btnView = [self.btnViewArray objectAtIndex:i]; if (i == self.btnViewArray.count - 1) { [UIView animateWithDuration:self.animateTime delay:delyTime * (self.btnViewArray.count - i - 1) usingSpringWithDamping:0.7 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{ btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), self.frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height); } completion:^(BOOL finished) { self.alpha = 0.f; }]; }else{ [UIView animateWithDuration:self.animateTime delay:delyTime * (self.btnViewArray.count - i - 1) usingSpringWithDamping:0.7 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{ btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), self.frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height); } completion:^(BOOL finished) { }]; } }}
附:
[UIView animateWithDuration:view.animateTime /2.0animations:^{
_btn.transform =CGAffineTransformMakeRotation(M_PI_4);
} completion:^(BOOL finished) {}
- iOS 弹性动画之弹出分享菜单的实现
- iOS-一个弹出菜单动画视图开源项目分享
- svg动画实现弹性侧栏菜单
- iOS进阶之编写弹性动画
- iOS进阶之编写弹性动画
- PopupWindow 实现仿微信底部弹出的分享菜单
- iOS 一个小小的弹性动画CASpringAnimation
- JQUERY打造隐藏在左侧的弹性弹出菜单
- IOS 实现UIAlertView弹出动画
- 安卓仿 ios 弹性动画 。
- Android自定义弹出菜单+动画实现
- 包教包会-弹性动画的原理与实现
- IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单)
- IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单)
- Android 之实现仿IOS弹性ScrollView
- IOS-弹出框实现 官方UIAlertView的动画
- iOS 实现QQ未读消息数量弹性按钮动画
- android一个弹出菜单的动画(一)
- [硬件]树莓派2代无显示器安装系统(固定IP+VNC开机自启动)
- 纯原生js 贪吃蛇(锻炼你逻辑思维)
- 问号
- 微信公众号开发---群发消息
- 如何编写linux下nand flash驱动
- iOS 弹性动画之弹出分享菜单的实现
- jquery根据name属性查找
- Android O 行为变更
- easyui datagrid 增删改查分页 导出 先上传后导入 NPOI批量导入 导出EXCEL
- tomcat配置项目的图片路径不在项目下的处理
- hdu 1576 拓展欧几里得 (乘法逆元) A/B
- 方法的重写 和多态
- hdu 4771 Stealing Harry Potter's Precious(bfs+dfs)
- C++实验5-项目1-数组分离