(IOS)悬浮按钮Demo

时间:2022-07-13 23:12:23

思路:传入一个底层的view,将悬浮按钮(用view实现)和展开的子按钮列表add在其上,子按钮列表开始将坐标和悬浮按钮对应好后先将其隐藏,悬浮按钮识别到tap手势后触发展示子按钮列表的方法。通过在touchMove中实现子按钮列表和悬浮按钮的中心坐标同步更新,实现同时一起拖动,其中限定了悬浮按钮在手指拿起后的坐标,通过在touchEnd作判断调整。关键点是tap手势有时会将touchBegan之后的方法砍断,在调用tap的回调函数后会执行touchCancel方法,所以tap的回调函数中必须带上touchEnd中的功能,将UI的效果恢复和位置纠正。

源码:

#import "SuspendedButton.h"
#import <QuartzCore/QuartzCore.h> #define BUTTON_AVAILABLE @"BUTTONAVAILABLE" @interface SuspendedButton ()
{
BOOL _isShowingButtonList;
BOOL _isOnLeft;
BOOL _isBackUp;
BOOL _isTest;
CGPoint _tempCenter;
CGPoint _originalPosition;
CGRect _windowSize;
UIView *_buttonListView;
UIView *_baseView;
} @property (nonatomic,retain) UIView *buttonListView;
@property (nonatomic,retain) UIView *baseView;
@end @implementation SuspendedButton
@synthesize buttonListView = _buttonListView;
@synthesize baseView = _baseView; static SuspendedButton *_instance = nil; #pragma mark - 继承方法
- (id)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame])
{
_isShowingButtonList = NO;
//_isBackUp = NO;
//self.hidden = YES;
//_isTest = NO;
//[self httpRequest]; [[NSNotificationCenter defaultCenter] removeObserver:self name:BUTTON_AVAILABLE object:nil];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(showButton) name:BUTTON_AVAILABLE object:nil];
}
return self;
} - (void)dealloc
{
[_buttonListView release];
[_baseView release];
  
    [[NSNotificationCenterdefaultCenter] removeObserver:self]; [super dealloc];
} - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//NSLog(@"touchBegan"); _originalPosition = [[touches anyObject] locationInView:self];
_tempCenter = self.center; self.backgroundColor = [UIColor blueColor]; CGAffineTransform toBig = CGAffineTransformMakeScale(1.2, 1.2); [UIView animateWithDuration:0.1 animations:^{
// Translate bigger
self.transform = toBig; } completion:^(BOOL finished) {}];
} - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
//NSLog(@"touchMove"); CGPoint currentPosition = [[touches anyObject] locationInView:self];
float detaX = currentPosition.x - _originalPosition.x;
float detaY = currentPosition.y - _originalPosition.y; CGPoint targetPositionSelf = self.center;
CGPoint targetPositionButtonList = _buttonListView.center;
targetPositionSelf.x += detaX;
targetPositionSelf.y += detaY;
targetPositionButtonList.x += detaX;
targetPositionButtonList.y += detaY; self.center = targetPositionSelf;
_buttonListView.center = targetPositionButtonList;
} - (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
{
//NSLog(@"touchCancell"); // 触发touchBegan后,tap手势被识别后会将touchMove和touchEnd的事件截取掉触发自身手势回调,然后运行touchCancell。touchBegan中设置的按钮状态在touchEnd和按钮触发方法两者中分别设置还原。
} - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
//NSLog(@"touchEnd"); CGAffineTransform toNormal = CGAffineTransformTranslate(CGAffineTransformIdentity, /1.2, /1.2);
CGPoint newPosition = [self correctPosition:self.frame.origin]; [UIView animateWithDuration:0.1 animations:^{ // Translate normal
self.transform = toNormal;
self.backgroundColor = [UIColor greenColor]; } completion:^(BOOL finished) { [UIView animateWithDuration:0.4 animations:^{
self.frame = CGRectMake(newPosition.x, newPosition.y, self.bounds.size.width, self.bounds.size.height);
[self adjustButtonListView];
}]; }];
} #pragma mark - 类方法
+ (SuspendedButton *)suspendedButtonWithCGPoint:(CGPoint)pos inView:(UIView *)baseview
{
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
_instance = [[SuspendedButton alloc] initWithCGPoint:pos];
_instance.baseView = baseview;
[_instance constructUI];
[baseview addSubview:_instance];
[_instance release];
}); return _instance;
} + (void)deleteSuspendedButton
{
[_instance removeFromSuperview];
} #pragma mark - 辅助方法
- (id)initWithCGPoint:(CGPoint)pos
{
_windowSize = [SDKFunctionLib rectFromWinSize_CurrentWinSize]; //封装了获取屏幕Size的方法 CGPoint newPosition = [self correctPosition:pos]; return [self initWithFrame:CGRectMake(newPosition.x, newPosition.y, , )];
} - (CGPoint)correctPosition:(CGPoint)pos
{
CGPoint newPosition; if ((pos.x + > _windowSize.size.width) || (pos.x > _windowSize.size.width/-)) {
newPosition.x = _windowSize.size.width - ;
_isOnLeft = NO;
} else {
newPosition.x = ;
_isOnLeft = YES;
} (pos.y + > _windowSize.size.height)?(newPosition.y = _windowSize.size.height - ):((pos.y < )?newPosition.y = :(newPosition.y = pos.y)); return newPosition;
} - (void)constructUI
{
self.backgroundColor = [UIColor greenColor];
self.alpha = 0.6;
self.layer.cornerRadius = ; UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tiggerButtonList)];
tap.numberOfTapsRequired = ;
tap.numberOfTouchesRequired = ;
[self addGestureRecognizer:tap];
[tap release]; NSUInteger numOfButton = ;
self.buttonListView = [[[UIView alloc] initWithFrame:CGRectMake(, , numOfButton*, )] autorelease];
_buttonListView.backgroundColor = [UIColor blueColor];
_buttonListView.alpha = ;
_buttonListView.layer.cornerRadius = ; [self createButtonByNumber:numOfButton withSize:CGSizeMake(, ) inView:(UIView *)_buttonListView];
_buttonListView.hidden = YES;
[_baseView addSubview:_buttonListView];
} - (void)createButtonByNumber:(NSUInteger)number withSize:(CGSize)size inView:(UIView *)view
{
//子按钮的UI效果自定义
for (NSUInteger i = ; i < number; i++)
{
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[button addTarget:self action:@selector(optionsButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
button.tag = i + ;
button.frame = CGRectMake( + i*size.width, , size.width, size.height);
button.tintColor = [UIColor redColor];
[view addSubview:button];
}
} - (void)adjustButtonListView
{
if (_isOnLeft) {
_buttonListView.frame = CGRectMake(, self.center.y - , _buttonListView.bounds.size.width, _buttonListView.bounds.size.height);
} else {
_buttonListView.frame = CGRectMake((_windowSize.size.width - - _buttonListView.bounds.size.width), self.center.y - , _buttonListView.bounds.size.width, _buttonListView.bounds.size.height);
}
} #pragma mark - 按钮回调
- (void)tiggerButtonList
{
//NSLog(@"tiggerTap"); _isShowingButtonList = !_isShowingButtonList; CGAffineTransform toNormal = CGAffineTransformTranslate(CGAffineTransformIdentity, /1.2, /1.2);
[UIView animateWithDuration:0.1 animations:^{
// Translate normal
self.transform = toNormal;
self.backgroundColor = [UIColor greenColor];
} completion:^(BOOL finished) { [UIView animateWithDuration:0.1 animations:^{
self.center = _tempCenter;
[self adjustButtonListView];
} completion:^(BOOL finished) { [UIView animateWithDuration:0.5 animations:^{
_buttonListView.hidden = !_isShowingButtonList;
_isShowingButtonList ? (_buttonListView.alpha = 0.6) : (_buttonListView.alpha = );
}];
}];
}];
} - (void)optionsButtonPressed:(UIButton *)button
{
//NSLog(@"buttonNumberPressed:%d",button.tag); switch (button.tag) {
case :
break;
case :
break;
case :
break;
case :
break;
default:
break;
}
} #pragma mark - 网络请求方法
-(void)httpRequest
{
NSMutableString *tempURL = [[NSMutableString alloc] init];
NSString *requesURL = URL_SUSPENDED_BUTTON;
//自定义需求的目标url [UIApplication sharedApplication].networkActivityIndicatorVisible=YES;
//封装了网络请求的方法
[HttpRequest getRequestWithURLString:tempURL isSynchronism:NO andFinishHandle:^(NSData *data, NSError *error) { if (error)
{ if (!_isBackUp)
{
_isBackUp = YES;
[self httpRequest];
}
else
{
_isBackUp = NO;
[UIApplication sharedApplication].networkActivityIndicatorVisible=NO;
}
} else {
_isBackUp = NO;
NSDictionary *requestDic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableLeaves error:Nil];
NSString *code = [requestDic objectForKey:@"code"]; if ([code isEqualToString:@""]) {
[[NSNotificationCenter defaultCenter] postNotificationName:BUTTON_AVAILABLE object:nil];
}
}
}];
[tempURL release];
} #pragma mark - 网络请求回调
- (void)showButton
{
self.hidden = NO;
} @end

效果:

(IOS)悬浮按钮Demo

(IOS)悬浮按钮Demo

(IOS)悬浮按钮Demo