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]
b028
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