(IOS)悬浮按钮Demo
思路:传入一个底层的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的更多相关文章
- FloatingActionButtonDemo【悬浮按钮的使用,顺带snackBar的使用】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 FloatingActionButton简称FAB. 一. 对于App或某个页面中是否要使用FloatingActionButton ...
- WPF实现窗体中的悬浮按钮
WPF实现窗体中的悬浮按钮,按钮可拖动,吸附停靠在窗体边缘. 控件XAML代码: <Button x:Class="SunCreate.Common.Controls.FloatBut ...
- 在TableView上添加悬浮按钮
如果直接在TableVIewController上贴Button的话会导致这个会随之滚动,下面解决在TableView上实现位置固定悬浮按钮的两种方法: 1.在view上贴tableView,然后将悬 ...
- Android FloatingActionButton(FAB) 悬浮按钮
FloatingActionButton 悬浮按钮 ...
- Android用悬浮按钮实现翻页效果
今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子. 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.LayoutParams.那么在An ...
- 移除IOS下按钮的原生样式
写WAP页面的时候 一定要加上这组样式,以避免在IOS下面按钮被系统原生样式影响 input,textarea {outline-style:none;-webkit-appearance:none ...
- 如何在TableView上添加悬浮按钮
如果直接在TableVIewController上贴Button的话会导致这个会随之滚动,下面解决在TableView上实现位置固定悬浮按钮的两种方法: 1.在view上贴tableView,然后将悬 ...
- Ion-affix & Ion-stick 仿IOS悬浮列表插件
Ion-affix & Ion-stick 仿IOS悬浮列表插件 Ion-affix 1.相关网页 Ion-affix 2.环境准备: 执行命令 bower install ion-affix ...
- Android 5.0新控件——FloatingActionButton(悬浮按钮)
Android 5.0新控件--FloatingActionButton(悬浮按钮) FloatingActionButton是5.0以后的新控件,一个悬浮按钮,之所以叫做悬浮按钮,主要是因为自带阴影 ...
随机推荐
- nyist 303序号互换(数学推理)
题目链接:http://acm.nyist.net/JudgeOnline/problem.php?pid=303 思路: 开始看错题了,以为最多只有两个字母. 字母转数字的表达式很容易看出来是:(2 ...
- SQL学习之计算字段的用法与解析
一.计算字段 1.存储在数据库表中的数据一般不是应用程序所需要的格式.大多数情况下,数据表中的数据都需要进行二次处理.下面举几个例子. (1).我们需要一个字段同时显示公司名和公司地址,但这两个信息存 ...
- C#高效导出Excel(IList转DataTable,DataSet)
微软的Excel操作类导出Excel会很慢,此方法简单的把表中内容以字符串的形式写入到Excel中,用到的一个技巧就是"\t". C#中的\t相当于Tab键,写入到Excel中时就 ...
- jQuery中 prop() attr()使用详解
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 在高版本的jquery引入prop方法后,什么时候该用p ...
- Spark学习之RDD的理解
转自:http://www.infoq.com/cn/articles/spark-core-rdd/ 感谢张逸老师的无私分享 RDD,全称为Resilient Distributed Dataset ...
- poj 3501 Escape from Enemy Territory 预处理+二分+bfs
传送门 给一个起点一个终点, 给出整个地图的宽和高, 给出n个敌人的坐标. 让你找到一条路径, 这条路径上的点距离所有敌人的距离都最短, 输出最短距离. 首先预处理出来地图上的所有点到敌人的最短距离, ...
- javascript 修改css样式
abc.css CSS code .class1 { width:10px; background-color: red; } HTML code <!DOCTYPE ...
- WL(Wear leveling)磨损平衡
前面说过,闪存寿命是以P/E次数来计算的,而WL就是确保闪存内每个块被写入的次数相等的一种机制.若没有这个机制,SSD内的闪存颗粒就无法在同一时间内挂掉,那对用户来说就是灾难. 会出现这种 ...
- QListWidget的QComboBox下拉列表添加复选框及消息处理
要在QComboBox下拉列表项中添加复选框,并进行消息处理,在网上搜索了很久没有找到太多有用的信息和实际的例子,但从中还是找到了一些提示性的资料,根据这些简短的介绍,最终实现了这个功能. QComb ...
- Qt项目管理(33个规则)
2016-06-20 花莫弦 小小杂货铺LY 一.qmake的介绍 qmake是Trolltech公司创建的用来为不同的平台和编译器书写Makefile的工具. 手写Makefile是比较困难并且容易 ...