iOS自定義button抖動(dòng)效果并實(shí)現(xiàn)右上角刪除按鈕
遇到過(guò)這種需求要做成類(lèi)似與蘋(píng)果刪除軟件時(shí)的動(dòng)態(tài)效果。

1.長(zhǎng)按抖動(dòng);
2.抖動(dòng)時(shí)出現(xiàn)一個(gè)X;
3.點(diǎn)擊x,刪除button;
4.抖動(dòng)時(shí),點(diǎn)擊按鈕,停止抖動(dòng);
下面是我的設(shè)計(jì)思路:
1.繼承UIButton;
2.給button在右上角添加一個(gè)按鈕;
3.給button添加長(zhǎng)按手勢(shì);
4.給button添加遮蓋,抖動(dòng)時(shí)可以攔截點(diǎn)擊事件;
有更好的做法,還請(qǐng)斧正。
// .m文件
#import "DZDeleteButton.h"
#import "UIView+Extension.h" // 這個(gè)只是為了方便取寬高的一個(gè)分類(lèi),代碼就不貼了
@interface DZDeleteButton ()
// 是否抖動(dòng)
@property (nonatomic, assign, getter=isShaking) BOOL shaking;
// 右上角的按鈕,
@property (nonatomic, weak) UIImageView *iconBtn;
// 遮蓋,在抖動(dòng)時(shí)出現(xiàn)
@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;
}
// 添加長(zhǎng)按手勢(shì)
- (void)addLongPressGestureRecognizer {
UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longClick)];
[self addGestureRecognizer:longPress];
}
- (void)delete {
[self.iconBtn.superview removeFromSuperview];
}
// 是否執(zhí)行動(dòng)畫(huà)
- (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 - 抖動(dòng)動(dòng)畫(huà)
#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;
// 動(dòng)畫(huà)次數(shù)設(shè)置為最大
anim.repeatCount = MAXFLOAT;
// 保持動(dòng)畫(huà)執(zhí)行完畢后的狀態(tài)
anim.removedOnCompletion = NO;
anim.fillMode = kCAFillModeForwards;
[self.layer addAnimation:anim forKey:@"shake"];
}
- (void)longClick {
if (self.shaking) return;
self.shaking = YES;
}
// 點(diǎn)擊右上角按鈕
- (void)iconClick {
[self removeFromSuperview];
// 設(shè)計(jì)一個(gè)代理,為了在自己被刪除后做一些事情(例如,對(duì)頁(yè)面進(jìn)行布局)
if ([self.delegate respondsToSelector:@selector(deleteButtonRemoveSelf:)]) {
[self.delegate deleteButtonRemoveSelf:self];
}
}
- (void)coverClick {
self.shaking = NO;
}
- (void)layoutSubviews {
[super layoutSubviews];
// 調(diào)整位置
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文件 只有一個(gè)代理 #import <UIKit/UIKit.h> @class DZDeleteButton; @protocol DZDeleteButtonDelegate <NSObject> @optional - (void)deleteButtonRemoveSelf:(DZDeleteButton *)button; @end @interface DZDeleteButton : UIButton @property (nonatomic, weak) id<DZDeleteButtonDelegate> 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(@"點(diǎn)擊button");
}
- (void)deleteButtonRemoveSelf:(DZDeleteButton *)button {
NSLog(@"已經(jīng)刪除,要做什么事");
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。
- iOS實(shí)現(xiàn)支付寶螞蟻森林隨機(jī)按鈕及抖動(dòng)效果
- 詳解iOS中position:fixed吸底時(shí)的滑動(dòng)出現(xiàn)抖動(dòng)的解決方案
- iOS動(dòng)畫(huà)-定時(shí)對(duì)UIView進(jìn)行翻轉(zhuǎn)和抖動(dòng)的方法
- iOS實(shí)現(xiàn)自定義購(gòu)物車(chē)角標(biāo)顯示購(gòu)物數(shù)量(添加商品時(shí)角標(biāo)抖動(dòng) Vie)
- iOS字體抖動(dòng)動(dòng)畫(huà)的實(shí)現(xiàn)代碼
- IOS倒計(jì)時(shí)設(shè)置UIButton標(biāo)題title的抖動(dòng)問(wèn)題
- 仿iOS圖標(biāo)抖動(dòng)
- iOS實(shí)現(xiàn)圖片抖動(dòng)效果
相關(guān)文章
iOS 仿微博客戶端紅包加載界面 XLDotLoading效果
這篇文章主要介紹了iOS 仿微博客戶端紅包加載界面 XLDotLoading,需要的朋友可以參考下2017-02-02
iOS App中調(diào)用相冊(cè)中圖片及獲取最近的一張圖片的方法
這篇文章主要介紹了iOS App中調(diào)用相冊(cè)中圖片及獲取最近的一張圖片的方法,示例代碼為傳統(tǒng)的Objective-C語(yǔ)言,需要的朋友可以參考下2016-03-03
淺談iOS 關(guān)于小數(shù)精確計(jì)算(NSDecimalNumber)
本篇文章主要介紹了淺談iOS 關(guān)于小數(shù)精確計(jì)算(NSDecimalNumber),具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08
Flutter之TabBarView組件項(xiàng)目實(shí)戰(zhàn)示例
這篇文章主要為大家介紹了Flutter之TabBarView組件項(xiàng)目實(shí)戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10
剖析iOS開(kāi)發(fā)中Cocos2d-x的內(nèi)存管理相關(guān)操作
這篇文章主要介紹了剖析iOS開(kāi)發(fā)中Cocos2d-x的內(nèi)存管理相關(guān)操作,Cocos2d-x是開(kāi)發(fā)游戲的利器,需要的朋友可以參考下2015-10-10
iOS音樂(lè)播放器實(shí)現(xiàn)代碼完整版
這篇文章主要為大家詳細(xì)介紹了iOS音樂(lè)播放器實(shí)現(xiàn)代碼完整版,包括音頻列表、播放器、后臺(tái)播放、鎖屏播放,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05
iOS中的NSURLCache數(shù)據(jù)緩存類(lèi)用法解析
iOS App中具體緩存操作的管理我們通常是用NSURLCache類(lèi)來(lái)實(shí)現(xiàn)的,下面我們就來(lái)看一下iOS中的NSURLCache數(shù)據(jù)緩存類(lèi)用法解析:2016-06-06

