iOS可复用控件之悬浮按钮

GitHub地址：https://github.com/runThor/HTAssistiveTouchButton

类似于iOS系统的AssistiveTouch，不过点击效果是弹出子按钮，而不是系统的菜单方式。

效果：

实现：

//  HTAssistiveTouchButton.h#import <UIKit/UIKit.h>@interface HTAssistiveTouchButton : UIButton@property (nonatomic, strong) NSMutableArray *childButtons;  // 可弹出的子按钮@end

//  HTAssistiveTouchButton.m#import "HTAssistiveTouchButton.h"#define kScreenWidth    [UIScreen mainScreen].bounds.size.width#define kScreenHeight   [UIScreen mainScreen].bounds.size.height@interface HTAssistiveTouchButton ()@property (nonatomic, assign) BOOL isMoving;  // button是否处于移动状态@property (nonatomic, assign) CGPoint beginPosition;  // button触摸开始时的触摸点坐标@property (nonatomic, assign) float offsetX;  // x坐标偏移量@property (nonatomic, assign) float offsetY;  // y坐标偏移量@end@implementation HTAssistiveTouchButton- (instancetype)initWithFrame:(CGRect)frame {    if (self = [super initWithFrame:frame]) {        self.childButtons = [[NSMutableArray alloc] init];                [self addTarget:self action:@selector(buttonClicked) forControlEvents:UIControlEventTouchUpInside];        [self addTarget:self action:@selector(buttonDrag) forControlEvents:UIControlEventTouchDragInside];    }        return self;}// 点击按钮- (void)buttonClicked {    if (3 != self.childButtons.count) {        return;    }        if (!self.isMoving) {        if ([self.childButtons[0] isHidden]) {            // 弹出子按钮            for (UIButton *btn in self.childButtons) {                [btn setCenter:self.center];                btn.hidden = NO;            }                        [UIView animateWithDuration:0.3                                  delay:0                                options:UIViewAnimationOptionCurveEaseOut                             animations:^{                                 [self setChildButtonsFrame];                             }                             completion:nil];        } else {            // 收起子按钮            [UIView animateWithDuration:0.3                                  delay:0                                options:UIViewAnimationOptionCurveEaseOut                             animations:^{                                 for (UIButton *btn in self.childButtons) {                                     [btn setCenter:self.center];                                 }                             }                             completion:^(BOOL finished) {                                 for (UIButton *btn in self.childButtons) {                                     btn.hidden = YES;                                 }                             }];        }    }}// 拖拽按钮- (void)buttonDrag {    if (self.isMoving) {        for (UIButton *btn in self.childButtons) {            btn.hidden = YES;        }    }}// 确定弹出后子按钮的位置- (void)setChildButtonsFrame {    if (self.frame.origin.x < kScreenWidth/2)    {        // 悬浮按钮位于屏幕左侧中部        if (self.frame.origin.y >= 100 && self.frame.origin.y + self.frame.size.height <= kScreenHeight - 80)        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x + 80, self.center.y - 80)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x + 90, self.center.y)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x + 80, self.center.y + 80)];                }            }        }        // 悬浮按钮位于屏幕左上角        else if (self.frame.origin.y < 100)        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x + 80, self.center.y)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x + 70, self.center.y + 70)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x, self.center.y + 80)];                }            }        }        // 悬浮按钮位于屏幕左下角        else        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x, self.center.y - 80)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x + 70, self.center.y - 70)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x + 80, self.center.y)];                }            }        }    }    else    {        // 悬浮按钮位于屏幕右侧中部        if (self.frame.origin.y >= 100 && self.frame.origin.y + self.frame.size.height <= kScreenHeight - 80)        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x - 80, self.center.y - 80)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x - 90, self.center.y)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x - 80, self.center.y + 80)];                }            }        }        // 悬浮按钮位于屏幕右上角        else if (self.frame.origin.y < 100)        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x - 80, self.center.y)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x - 70, self.center.y + 70)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x, self.center.y + 80)];                }            }        }        // 悬浮按钮位于屏幕右下角        else        {            for (int i = 0; i < self.childButtons.count; i++) {                if (0 == i) {                    [self.childButtons[0] setCenter:CGPointMake(self.center.x, self.center.y - 80)];                } else if (1 == i) {                    [self.childButtons[1] setCenter:CGPointMake(self.center.x - 70, self.center.y - 70)];                } else {                    [self.childButtons[2] setCenter:CGPointMake(self.center.x - 80, self.center.y)];                }            }        }    }}// 开始触摸按钮 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {    [super touchesBegan:touches withEvent:event];        self.isMoving = NO;  // 开始触摸时为非移动状态        UITouch *touch = [touches anyObject];    self.beginPosition = [touch locationInView:self];  // 触摸开始点的坐标}// 按钮拖动事件- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {    [super touchesMoved:touches withEvent:event];        UITouch *touch = [touches anyObject];    CGPoint currentPosition = [touch locationInView:self];  // 当前触摸点的坐标        // 位置偏移量    self.offsetX = currentPosition.x - self.beginPosition.x;    self.offsetY = currentPosition.y - self.beginPosition.y;        // 如果按钮偏移量很微小，视为没有移动    if (self.offsetX > 1 || self.offsetX < -1 || self.offsetY > 1 || self.offsetY < -1) {        self.isMoving = YES;    }        [self setCenter:CGPointMake(self.center.x + self.offsetX, self.center.y + self.offsetY)];  // 移动后的中心坐标        // 按钮左右方向极限坐标    if (self.center.x > kScreenWidth) {        [self setCenter:CGPointMake(kScreenWidth, self.center.y)];    }    else if (self.center.x < 0) {        [self setCenter:CGPointMake(0, self.center.y)];    }        // 按钮上下方向极限坐标    if (self.center.y > kScreenHeight) {        [self setCenter:CGPointMake(self.center.x, kScreenHeight)];    }    else if (self.center.y < (self.frame.size.height/2 + 20)) {        [self setCenter:CGPointMake(self.center.x, self.frame.size.height/2 + 20)];    }}// 结束触摸按钮- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {    [super touchesEnded:touches withEvent:event];        // 悬浮按钮始终贴在屏幕的一侧    if (self.center.x > kScreenWidth/2) {        // 吸附在右侧        if (self.frame.origin.y + 40 + self.frame.size.height <= kScreenHeight) {            [UIView animateWithDuration:0.5                                  delay:0                                options:UIViewAnimationOptionCurveEaseInOut                             animations:^{                 [self setCenter:CGPointMake(kScreenWidth - 15, self.center.y)];             }                             completion:nil];        }        // 吸附在右下角        else {            [UIView animateWithDuration:0.5                                  delay:0                                options:UIViewAnimationOptionCurveEaseInOut                             animations:^{                 [self setCenter:CGPointMake(kScreenWidth - 15, kScreenHeight - 15)];             }                             completion:nil];                    }    }    else {        // 吸附在左侧        if (self.frame.origin.y + 40 + self.frame.size.height <= kScreenHeight) {            [UIView animateWithDuration:0.5                                  delay:0                                options:UIViewAnimationOptionCurveEaseInOut                             animations:^{                 [self setCenter:CGPointMake(15, self.center.y)];             }                             completion:nil];                    }        // 吸附在左下角        else {            [UIView animateWithDuration:0.5                                  delay:0                                options:UIViewAnimationOptionCurveEaseInOut                             animations:^             {                 [self setCenter:CGPointMake(15, kScreenHeight - 15)];             }                             completion:nil];        }    }}@end

使用：

//  ViewController.m#import "ViewController.h"#import "HTAssistiveTouchButton.h"@interface ViewController ()@property (nonatomic, strong) HTAssistiveTouchButton *ATButton;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];}- (void)viewDidAppear:(BOOL)animated {    [super viewDidAppear:animated];        // 创建悬浮按钮    self.ATButton = [[HTAssistiveTouchButton alloc] initWithFrame:CGRectMake(0, 0, 52, 52)];    [self.ATButton setCenter:CGPointMake([UIScreen mainScreen].bounds.size.width - 15, 100)];    [self.ATButton setBackgroundImage:[UIImage imageNamed:@"ATButton"] forState:UIControlStateNormal];    self.ATButton.alpha = 0.8;    [[UIApplication sharedApplication].keyWindow addSubview:self.ATButton];        // 创建子按钮    UIButton *backBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 52, 52)];    [backBtn setBackgroundImage:[UIImage imageNamed:@"back"] forState:UIControlStateNormal];    backBtn.hidden = YES;    [[UIApplication sharedApplication].keyWindow addSubview:backBtn];    backBtn.alpha = 0.8;    [self.ATButton.childButtons addObject:backBtn];        UIButton *settingBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 52, 52)];    [settingBtn setBackgroundImage:[UIImage imageNamed:@"setting"] forState:UIControlStateNormal];    settingBtn.hidden = YES;    [[UIApplication sharedApplication].keyWindow addSubview:settingBtn];    settingBtn.alpha = 0.8;    [self.ATButton.childButtons addObject:settingBtn];        UIButton *homeBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 52, 52)];    [homeBtn setBackgroundImage:[UIImage imageNamed:@"home"] forState:UIControlStateNormal];    homeBtn.hidden = YES;    [[UIApplication sharedApplication].keyWindow addSubview:homeBtn];    homeBtn.alpha = 0.8;    [self.ATButton.childButtons addObject:homeBtn];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end