热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

iOS自定义button抖动效果并实现右上角删除按钮

这篇文章主要为大家详细介绍了iOS自定义button抖动效果并实现右上角删除按钮的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

遇到过这种需求要做成类似与苹果删除软件时的动态效果。

1.长按抖动;
2.抖动时出现一个X;
3.点击x,删除button;
4.抖动时,点击按钮,停止抖动;

下面是我的设计思路:

1.继承UIButton;
2.给button在右上角添加一个按钮;
3.给button添加长按手势;
4.给button添加遮盖,抖动时可以拦截点击事件;

有更好的做法,还请斧正。

// .m文件

#import "DZDeleteButton.h"
#import "UIView+Extension.h" // 这个只是为了方便取宽高的一个分类,代码就不贴了

@interface DZDeleteButton ()

// 是否抖动
@property (nonatomic, assign, getter=isShaking) BOOL shaking;
// 右上角的按钮,
@property (nonatomic, weak) UIImageView *iconBtn;
// 遮盖,在抖动时出现
@property (nonatomic, weak) UIView *coverView;
@end

@implementation DZDeleteButton

- (UIImageView *)iconBtn {
 if (!_iconBtn) {
  UIImageView *icOnBtn= [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"delete"]];
  iconBtn.userInteractiOnEnabled= YES;
  iconBtn.hidden = YES;
  _icOnBtn= iconBtn;
  UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(iconClick)];
  [iconBtn addGestureRecognizer:tap];
  [self addSubview:iconBtn];
 }
 return _iconBtn;
}

- (UIView *)coverView {
 if (!_coverView) {
  UIView *view = [[UIView alloc] init];
  view.backgroundColor = [UIColor clearColor];
  view.hidden = YES;
  UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(coverClick)];
  [view addGestureRecognizer:tap];
  [self addSubview:view];
  _coverView = view;
 }
 return _coverView;
}

- (instancetype)initWithFrame:(CGRect)frame
{
 self = [super initWithFrame:frame];
 if (self) {
  [self addLongPressGestureRecognizer];
 }
 return self;
}

- (instancetype)init
{
 self = [super init];
 if (self) {
  [self addLongPressGestureRecognizer];
 }
 return self;
}

- (instancetype)initWithCoder:(NSCoder *)coder
{
 self = [super initWithCoder:coder];
 if (self) {
  [self addLongPressGestureRecognizer];
 }
 return self;
}

// 添加长按手势
- (void)addLongPressGestureRecognizer {
 UILongPressGestureRecognizer *lOngPress= [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longClick)];
 [self addGestureRecognizer:longPress];
}

- (void)delete {
 [self.iconBtn.superview removeFromSuperview];
}

// 是否执行动画
- (void)setShaking:(BOOL)shaking {
 if (shaking) {
  [self shakingAnimation];
  self.coverView.hidden = NO;
  self.iconBtn.hidden = NO;
 } else {
  [self.layer removeAllAnimations];
  self.coverView.hidden = YES;
  self.iconBtn.hidden = YES;
 }
}

#pragma mark - 抖动动画
#define Angle2Radian(angle) ((angle) / 180.0 * M_PI)
- (void)shakingAnimation {
 CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
 anim.keyPath = @"transform.rotation";

 anim.values = @[@(Angle2Radian(-5)), @(Angle2Radian(5)), @(Angle2Radian(-5))];
 anim.duration = 0.25;

 // 动画次数设置为最大
 anim.repeatCount = MAXFLOAT;
 // 保持动画执行完毕后的状态
 anim.removedOnCompletion= NO;
 anim.fillMode = kCAFillModeForwards;

 [self.layer addAnimation:anim forKey:@"shake"];
}

- (void)longClick {
 if (self.shaking) return;
 self.shaking = YES;
}

// 点击右上角按钮
- (void)iconClick {
 [self removeFromSuperview];
// 设计一个代理,为了在自己被删除后做一些事情(例如,对页面进行布局)
 if ([self.delegate respondsToSelector:@selector(deleteButtonRemoveSelf:)]) {
  [self.delegate deleteButtonRemoveSelf:self];
 }
}

- (void)coverClick {
 self.shaking = NO;
}

- (void)layoutSubviews {
 [super layoutSubviews];

 // 调整位置
 self.imageView.x = 0;
 self.imageView.y = 0;
 self.imageView.width = self.width;
 self.imageView.height = self.width;

 self.titleLabel.x = 0;
 self.titleLabel.width = self.width;
 if (self.width >= self.height) {
  self.titleLabel.height = 20;
  self.titleLabel.y = self.height - self.titleLabel.height;
 } else {
  self.titleLabel.y = self.imageView.height;
  self.titleLabel.height = self.height - self.titleLabel.y;
 }

 self.titleLabel.textAlignment = NSTextAlignmentCenter;
 self.iconBtn.size = CGSizeMake(self.width * 0.3, self.width * 0.3);
 self.iconBtn.x = self.width - self.iconBtn.width;
 self.iconBtn.y = 0;

 self.coverView.frame = self.bounds;
 [self bringSubviewToFront:self.iconBtn];
}

@end
// .h文件 只有一个代理
#import 

@class DZDeleteButton;
@protocol DZDeleteButtonDelegate 
@optional
- (void)deleteButtonRemoveSelf:(DZDeleteButton *)button;
@end

@interface DZDeleteButton : UIButton
@property (nonatomic, weak) id delegate;

@end

上面效果图在vc中的代码

- (void)viewDidLoad {
 [super viewDidLoad];

 DZDeleteButton *button = [[DZDeleteButton alloc] init];
 [button setImage:[UIImage imageNamed:@"bj"] forState:UIControlStateNormal];
 [button setTitle:@"百思" forState:UIControlStateNormal];
 button.delegate = self;
 button.frame = CGRectMake(20, 20, 60, 80);
 [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
 [button addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:button];
}

- (void)btnClick {
 NSLog(@"点击button");
}

- (void)deleteButtonRemoveSelf:(DZDeleteButton *)button {
 NSLog(@"已经删除,要做什么事");
}

以上就是本文的全部内容,希望对大家的学习有所帮助。


推荐阅读
  • 阿里面试题解析:分库分表后的无限扩容瓶颈与解决方案
    本文探讨了在分布式系统中,分库分表后的无限扩容问题及其解决方案。通过分析不同阶段的服务架构演变,提出了单元化作为解决数据库连接数过多的有效方法。 ... [详细]
  • 如何在Windows上使用Gitee创建远程仓库
    本文详细记录了在Windows系统上使用Gitee创建远程仓库的步骤,帮助解决无法注册GitHub的问题。 ... [详细]
  • 本文详细介绍了在 Ubuntu 系统上搭建 Hadoop 集群时遇到的 SSH 密钥认证问题及其解决方案。通过本文,读者可以了解如何在多台虚拟机之间实现无密码 SSH 登录,从而顺利启动 Hadoop 集群。 ... [详细]
  • 本文将详细介绍如何注册码云账号、配置SSH公钥、安装必要的开发工具,并逐步讲解如何下载、编译 HarmonyOS 2.0 源码。通过本文,您将能够顺利完成 HarmonyOS 2.0 的环境搭建和源码编译。 ... [详细]
  • 本文深入解析了 Kubernetes 控制平面(特别是 API 服务器)与集群节点之间的通信机制,并对其通信路径进行了详细分类。旨在帮助用户更好地理解和定制其安装配置,从而增强网络安全性,确保集群的稳定运行。 ... [详细]
  • 本文介绍了如何使用Python的Paramiko库批量更新多台服务器的登录密码。通过示例代码展示了具体实现方法,确保了操作的高效性和安全性。Paramiko库提供了强大的SSH2协议支持,使得远程服务器管理变得更加便捷。此外,文章还详细说明了代码的各个部分,帮助读者更好地理解和应用这一技术。 ... [详细]
  • 如何在Windows内置的Ubuntu系统中更改SSH服务的端口号设置
    如何在Windows内置的Ubuntu系统中更改SSH服务的端口号设置 ... [详细]
  • 本文详细探讨了几种常用的Java后端开发框架组合及其具体应用场景。通过对比分析Spring Boot、MyBatis、Hibernate等框架的特点和优势,结合实际项目需求,为开发者提供了选择合适框架组合的参考依据。同时,文章还介绍了这些框架在微服务架构中的应用,帮助读者更好地理解和运用这些技术。 ... [详细]
  • SecureCRT是一款功能强大的终端仿真软件,支持SSH1和SSH2协议,适用于在Windows环境下高效连接和管理Linux服务器。该工具不仅提供了稳定的连接性能,还具备丰富的配置选项,能够满足不同用户的需求。通过SecureCRT,用户可以轻松实现对远程Linux系统的安全访问和操作。 ... [详细]
  • 服务器部署中的安全策略实践与优化
    服务器部署中的安全策略实践与优化 ... [详细]
  • 本文介绍了如何利用Shell脚本高效地部署MHA(MySQL High Availability)高可用集群。通过详细的脚本编写和配置示例,展示了自动化部署过程中的关键步骤和注意事项。该方法不仅简化了集群的部署流程,还提高了系统的稳定性和可用性。 ... [详细]
  • FreeBSD环境下PHP GD库安装问题的详细解决方案
    在 FreeBSD 环境下,安装 PHP GD 库时可能会遇到一些常见的问题。本文详细介绍了从配置到编译的完整步骤,包括解决依赖关系、配置选项以及常见错误的处理方法。通过这些详细的指导,开发者可以顺利地在 FreeBSD 上完成 PHP GD 库的安装,确保其正常运行。此外,本文还提供了一些优化建议,帮助提高安装过程的效率和稳定性。 ... [详细]
  • V8不仅是一款著名的八缸发动机,广泛应用于道奇Charger、宾利Continental GT和BossHoss摩托车中。自2008年以来,作为Chromium项目的一部分,V8 JavaScript引擎在性能优化和技术创新方面取得了显著进展。该引擎通过先进的编译技术和高效的垃圾回收机制,显著提升了JavaScript的执行效率,为现代Web应用提供了强大的支持。持续的优化和创新使得V8在处理复杂计算和大规模数据时表现更加出色,成为众多开发者和企业的首选。 ... [详细]
  • Nginx作为前端服务器时,Tomcat与Apache作为后端,War包应部署在何处? ... [详细]
  • 如何安装和使用 WinSCP 与 PuTTY:连接 Linux 系统的专业工具指南
    本指南详细介绍了如何在Windows环境中安装和使用WinSCP与PuTTY,以实现与Linux系统的安全连接。WinSCP是一款开源的图形化SFTP客户端,支持SSH和SCP协议,主要用于在本地和远程计算机之间安全地传输文件。用户可以通过官方下载页面获取最新版本的WinSCP和PuTTY,按照简单的步骤完成安装,并利用这些工具进行高效的文件管理和远程操作。 ... [详细]
author-avatar
阁下贵姓
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有