iOS悬浮窗口（无论界面跳转、View始终在视图上显示，可移动）
2016.09.24 23:52* 字数 71 阅读 5925评论 9喜欢 11
让所有界面都显示，最好还是封装一个继承Window的类：JYCWindow。
先看看效果：
mygif.gif
关键代码如下：
- (instancetype)initWithFrame:(CGRect)frame mainImageName:(NSString*)name bgcolor:(UIColor *)bgcolor animationColor:animationColor
{
if(self = [super initWithFrame:frame])
{
NSAssert(name != nil, @"mainImageName can't be nil !");
self.backgroundColor = [UIColor clearColor];
self.windowLevel = UIWindowLevelAlert + 1; //如果想在 alert 之上，则改成 + 2
self.rootViewController = [UIViewController new];
[self makeKeyAndVisible];
_bgcolor = bgcolor;
_frameWidth = frame.size.width;
_animationColor = animationColor;
_mainImageButton = [UIButton buttonWithType:UIButtonTypeCustom];
[_mainImageButton setFrame:(CGRect){0, 0,frame.size.width, frame.size.height}];
[_mainImageButton setImage:[UIImage imageNamed:name] forState:UIControlStateNormal];
// _mainImageButton.layer.cornerRadius = frame.size.width*0.5;
// _mainImageButton.layer.masksToBounds= YES;
_mainImageButton.alpha = normalAlpha;
[_mainImageButton addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
if (_animationColor) {
[_mainImageButton addTarget:self action:@selector(mainBtnTouchDown) forControlEvents:UIControlEventTouchDown];
}
[self addSubview:_mainImageButton];
// 增加拖动window的手势
_pan = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(locationChange:)];
_pan.delaysTouchesBegan = NO;
[self addGestureRecognizer:_pan];
_tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(click:)];
[self addGestureRecognizer:_tap];
[self performSelector:@selector(justbegin) withObject:nil afterDelay:statusChangeDuration];
}
return self;
}
至于怎么移动，怎么动画，直接看.h和.m文件如下：
JYCWindow.h###
#import <UIKit/UIKit.h>
typedef void(^CallTheService)(void);
@interface JYCWindow : UIWindow
//重要：所有图片都要是圆形的，程序里并没有自动处理成圆形
// warning: frame的长宽必须相等
- (instancetype)initWithFrame:(CGRect)frame mainImageName:(NSString*)name bgcolor:(UIColor *)bgcolor;
// 长按雷达辐射效果
- (instancetype)initWithFrame:(CGRect)frame mainImageName:(NSString*)name bgcolor:(UIColor *)bgcolor animationColor:animationColor;
// 显示（默认）
- (void)showWindow;
// 隐藏
- (void)dissmissWindow;
@property (nonatomic,copy)CallTheService callService;
@end
JYCWindow.m###
#import "JYCWindow.h"
#define kk_WIDTH self.frame.size.width
#define kk_HEIGHT self.frame.size.height
#define kScreenWidth [[UIScreen mainScreen] bounds].size.width
#define kScreenHeight [[UIScreen mainScreen] bounds].size.height
#define animateDuration 0.3 //位置改变动画时间
#define showDuration 0.1 //展开动画时间
#define statusChangeDuration 3.0 //状态改变时间
#define normalAlpha 1.0 //正常状态时背景alpha值
#define sleepAlpha 0.5 //隐藏到边缘时的背景alpha值
#define myBorderWidth 1.0 //外框宽度
#define marginWith 5 //间隔
#define WZFlashInnerCircleInitialRaius 20
@interface JYCWindow ()
@property(nonatomic)NSInteger frameWidth;
@property(nonatomic,strong)UIPanGestureRecognizer *pan;
@property(nonatomic,strong)UITapGestureRecognizer *tap;
@property(nonatomic,strong)UIButton *mainImageButton;
@property(nonatomic,strong)UIColor *bgcolor;
@property(nonatomic,strong)CAAnimationGroup *animationGroup;
@property(nonatomic,strong)CAShapeLayer *circleShape;
@property(nonatomic,strong)UIColor *animationColor;
@end
@implementation JYCWindow
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
}
return self;
}
- (instancetype)initWithFrame:(CGRect)frame mainImageName:(NSString*)name bgcolor:(UIColor *)bgcolor{
return [self initWithFrame:frame mainImageName:name bgcolor:bgcolor animationColor:nil];
}
- (instancetype)initWithFrame:(CGRect)frame mainImageName:(NSString*)name bgcolor:(UIColor *)bgcolor animationColor:animationColor
{
if(self = [super initWithFrame:frame])
{
NSAssert(name != nil, @"mainImageName can't be nil !");
self.backgroundColor = [UIColor clearColor];
self.windowLevel = UIWindowLevelAlert + 1; //如果想在 alert 之上，则改成 + 2
self.rootViewController = [UIViewController new];
[self makeKeyAndVisible];
_bgcolor = bgcolor;
_frameWidth = frame.size.width;
_animationColor = animationColor;
_mainImageButton = [UIButton buttonWithType:UIButtonTypeCustom];
[_mainImageButton setFrame:(CGRect){0, 0,frame.size.width, frame.size.height}];
[_mainImageButton setImage:[UIImage imageNamed:name] forState:UIControlStateNormal];
// _mainImageButton.layer.cornerRadius = frame.size.width*0.5;
// _mainImageButton.layer.masksToBounds= YES;
_mainImageButton.alpha = normalAlpha;
[_mainImageButton addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
if (_animationColor) {
[_mainImageButton addTarget:self action:@selector(mainBtnTouchDown) forControlEvents:UIControlEventTouchDown];
}
[self addSubview:_mainImageButton];
// [self doBorderWidth:myBorderWidth color:nil cornerRadius:_frameWidth/2];
_pan = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(locationChange:)];
_pan.delaysTouchesBegan = NO;
[self addGestureRecognizer:_pan];
_tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(click:)];
[self addGestureRecognizer:_tap];
[self performSelector:@selector(justbegin) withObject:nil afterDelay:statusChangeDuration];
}
return self;
}
- (void)dissmissWindow{
self.hidden = YES;
}
- (void)showWindow{
self.hidden = NO;
}
- (void)justbegin{
[self performSelector:@selector(changeStatus) withObject:nil afterDelay:statusChangeDuration];
CGPoint panPoint = CGPointMake(kScreenWidth-80, kScreenHeight-150);
[self changBoundsabovePanPoint:panPoint];
}
- (void)changBoundsabovePanPoint:(CGPoint)panPoint{
if(panPoint.x <= kScreenWidth/2)
{
if(panPoint.y <= 40+kk_HEIGHT/2 && panPoint.x >= 20+kk_WIDTH/2)
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(panPoint.x, kk_HEIGHT/2);
}];
}
else if(panPoint.y >= kScreenHeight-kk_HEIGHT/2-40 && panPoint.x >= 20+kk_WIDTH/2)
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(panPoint.x, kScreenHeight-kk_HEIGHT/2);
}];
}
else if (panPoint.x < kk_WIDTH/2+20 && panPoint.y > kScreenHeight-kk_HEIGHT/2)
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(kk_WIDTH/2, kScreenHeight-kk_HEIGHT/2);
}];
}
else
{
CGFloat pointy = panPoint.y < kk_HEIGHT/2 ? kk_HEIGHT/2 :panPoint.y;
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(kk_WIDTH/2, pointy);
}];
}
}
else if(panPoint.x > kScreenWidth/2)
{
if(panPoint.y <= 40+kk_HEIGHT/2 && panPoint.x < kScreenWidth-kk_WIDTH/2-20 )
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(panPoint.x, kk_HEIGHT/2);
}];
}
else if(panPoint.y >= kScreenHeight-40-kk_HEIGHT/2 && panPoint.x < kScreenWidth-kk_WIDTH/2-20)
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(panPoint.x, kScreenHeight-kk_HEIGHT/2);
}];
}
else if (panPoint.x > kScreenWidth-kk_WIDTH/2-20 && panPoint.y < kk_HEIGHT/2)
{
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(kScreenWidth-kk_WIDTH/2, kk_HEIGHT/2);
}];
}
else
{
CGFloat pointy = panPoint.y > kScreenHeight-kk_HEIGHT/2 ? kScreenHeight-kk_HEIGHT/2 :panPoint.y;
[UIView animateWithDuration:animateDuration animations:^{
self.center = CGPointMake(kScreenWidth-kk_WIDTH/2, pointy);
}];
}
}
}
//改变位置
- (void)locationChange:(UIPanGestureRecognizer*)p
{
CGPoint panPoint = [p locationInView:[[UIApplication sharedApplication] keyWindow]];
if(p.state == UIGestureRecognizerStateBegan)
{
[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(changeStatus) object:nil];
_mainImageButton.alpha = normalAlpha;
}
if(p.state == UIGestureRecognizerStateChanged)
{
self.center = CGPointMake(panPoint.x, panPoint.y);
}
else if(p.state == UIGestureRecognizerStateEnded)
{
[self stopAnimation];
[self performSelector:@selector(changeStatus) withObject:nil afterDelay:statusChangeDuration];
[self changBoundsabovePanPoint:panPoint];
}
}
//点击事件
- (void)click:(UITapGestureRecognizer*)p
{
[self stopAnimation];
_mainImageButton.alpha = normalAlpha;
//拉出悬浮窗
if (self.center.x == 0) {
self.center = CGPointMake(kk_WIDTH/2, self.center.y);
}else if (self.center.x == kScreenWidth) {
self.center = CGPointMake(kScreenWidth - kk_WIDTH/2, self.center.y);
}else if (self.center.y == 0) {
self.center = CGPointMake(self.center.x, kk_HEIGHT/2);
}else if (self.center.y == kScreenHeight) {
self.center = CGPointMake(self.center.x, kScreenHeight - kk_HEIGHT/2);
}
if (self.callService) {
self.callService();
}
}
- (void)changeStatus
{
[UIView animateWithDuration:1.0 animations:^{
_mainImageButton.alpha = sleepAlpha;
}];
[UIView animateWithDuration:0.5 animations:^{
CGFloat x = self.center.x < 20+kk_WIDTH/2 ? 0 : self.center.x > kScreenWidth - 20 -kk_WIDTH/2 ? kScreenWidth : self.center.x;
CGFloat y = self.center.y < 40 + kk_HEIGHT/2 ? 0 : self.center.y > kScreenHeight - 40 - kk_HEIGHT/2 ? kScreenHeight : self.center.y;
//禁止停留在4个角
if((x == 0 && y ==0) || (x == kScreenWidth && y == 0) || (x == 0 && y == kScreenHeight) || (x == kScreenWidth && y == kScreenHeight)){
y = self.center.y;
}
self.center = CGPointMake(x, y);
}];
}
//- (void)doBorderWidth:(CGFloat)width color:(UIColor *)color cornerRadius:(CGFloat)cornerRadius{
// // self.layer.masksToBounds = YES;
// self.layer.cornerRadius = cornerRadius;
// self.layer.borderWidth = width;
// if (!color) {
// self.layer.borderColor = [UIColor whiteColor].CGColor;
// }else{
// self.layer.borderColor = color.CGColor;
// }
//}
#pragma mark ------- animation -------------
- (void)buttonAnimation{
self.layer.masksToBounds = NO;
CGFloat scale = 1.0f;
//
CGFloat width = self.mainImageButton.bounds.size.width, height = self.mainImageButton.bounds.size.height;
//
CGFloat biggerEdge = width > height ? width : height, smallerEdge = width > height ? height : width;
CGFloat radius = smallerEdge / 2 > WZFlashInnerCircleInitialRaius ? WZFlashInnerCircleInitialRaius : smallerEdge / 2;
scale = biggerEdge / radius + 0.5;
_circleShape = [self createCircleShapeWithPosition:CGPointMake(width/2, height/2)
pathRect:CGRectMake(0, 0, radius * 3, radius * 3)
radius:radius];
// 方形放大效果
// scale = 2.5f;
// _circleShape = [self createCircleShapeWithPosition:CGPointMake(width/2, height/2)
// pathRect:CGRectMake(-CGRectGetMidX(self.mainImageButton.bounds), -CGRectGetMidY(self.mainImageButton.bounds), width, height)
// radius:self.mainImageButton.layer.cornerRadius];
[self.mainImageButton.layer addSublayer:_circleShape];
CAAnimationGroup *groupAnimation = [self createFlashAnimationWithScale:scale duration:1.0f];
[_circleShape addAnimation:groupAnimation forKey:nil];
}
- (void)stopAnimation{
[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(buttonAnimation) object:nil];
if (_circleShape) {
[_circleShape removeFromSuperlayer];
}
}
- (CAShapeLayer *)createCircleShapeWithPosition:(CGPoint)position pathRect:(CGRect)rect radius:(CGFloat)radius
{
CAShapeLayer *circleShape = [CAShapeLayer layer];
circleShape.path = [self createCirclePathWithRadius:rect radius:radius];
circleShape.position = position;
// 雷达覆盖区域
circleShape.bounds = CGRectMake(0, 0, radius * 3, radius * 3);
circleShape.fillColor = _animationColor.CGColor;
// 圆圈放大效果
// circleShape.fillColor = [UIColor clearColor].CGColor;
// circleShape.strokeColor = [UIColor purpleColor].CGColor;
circleShape.opacity = 0;
circleShape.lineWidth = 1;
return circleShape;
}
- (CAAnimationGroup *)createFlashAnimationWithScale:(CGFloat)scale duration:(CGFloat)duration
{
CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
scaleAnimation.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
scaleAnimation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(scale, scale, 1)];
CABasicAnimation *alphaAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
alphaAnimation.fromValue = @1;
alphaAnimation.toValue = @0;
_animationGroup = [CAAnimationGroup animation];
_animationGroup.animations = @[scaleAnimation, alphaAnimation];
_animationGroup.duration = duration;
_animationGroup.repeatCount = INFINITY;
_animationGroup.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
return _animationGroup;
}
- (CGPathRef)createCirclePathWithRadius:(CGRect)frame radius:(CGFloat)radius
{
return [UIBezierPath bezierPathWithRoundedRect:frame cornerRadius:radius].CGPath;
}
- (void)mainBtnTouchDown{
[self performSelector:@selector(buttonAnimation) withObject:nil afterDelay:0.5];
}
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
// Drawing code
}
*/
@end
iOS悬浮窗口（无论界面跳转、View始终在视图上显示，可移动）的更多相关文章
- ios的两种界面跳转方式
1.在界面的跳转有两种方法,一种方法是先删除原来的界面,然后在插入新的界面,使用这种方式无法实现界面跳转时的动画效果. if(self.rootViewController.view.supervie ...
- ios在tableview里面加subview后在ip4和ip5上显示不一样的问题
文章链接:http://quke.org/post/ios-tableview-addsubview-height.html (转载时请注明本文出处及文章链接) 我在在tableview里面加subv ...
- iOS利用代理实现界面跳转
引入代理类头文件和要跳转到的界面头文件 -(void)aaa { //可以插入动画 LYXViewControllor * view = [LYXViewControllor new]; LYXDel ...
- Android 悬浮窗口
Android 悬浮窗口 一.创建悬浮窗口步骤 1.实现一个ViewGroup类,作为悬浮窗口的界面类,以便在里面重写onInterceptTouchEvent和onTouchEvent方法,实 ...
- Atitit. 悬浮窗口的实现 java swing c# .net c++ js html 的实现
Atitit. 悬浮窗口的实现 java swing c# .net c++ js html 的实现 1. 建立悬浮窗口引用代码 1 1.1. 定义悬浮窗口,设置this主窗口引用,是为了在悬浮窗口中 ...
- Android之悬浮窗口实现(WindowManager)
工作中遇到一些项目需要把窗体显示在最上层,像来电弹窗显示电话号码等信息.拦截短信信息显示给用户或者游戏中实现声音的调节,我们想这些数据放在最上层,activity就满足不了我们的需求了,有些开发者使用 ...
- ios中的界面跳转方式
ios中,两种界面跳转方式 1.NavgationController本身可以作为普通ViewController的容器,它有装Controller的栈,所以可以push和pop它们,实现你所说的跳转 ...
- iOS之访问权限以及跳转到系统界面
iOS开发中有时候有这样的需求:当用户设置不允许访问照片.麦克风和相机等系统权限的时候,这时需要直接跳转到系统的隐私界面进行设置. 判断是否开启权限 前面已经说过,我们需要在用户不允许访问的时候跳转, ...
- iOS界面跳转的一些优化方案
原文地址: http://blog.startry.com/2016/02/14/Think-Of-UIViewController-Switch/ iOS界面跳转的一些优化方案 App应用程序开发, ...
随机推荐
- Spring缓存注解@Cacheable、@CacheEvict、@CachePut使用
从3.1开始,Spring引入了对Cache的支持.其使用方法和原理都类似于Spring对事务管理的支持.Spring Cache是作用在方法上的,其核心思想是这样的:当我们在调用一个缓存方法时会把该 ...
- gRPC奇怪的编译命令protoc
举个栗子: protoc -I helloworld/ helloworld/helloworld.proto --go_out=plugins=grpc:helloworld 大神说得没错,读文档就 ...
- JavaScript 概述
什么是JavaScriptJavaScript 是一种具有面向对象能力的.解释型的程序设计语言. 它是基于对象和事件驱动并具有相对安全性的客户端脚本语言. 主要目的是,验证发往服务器端的数据.增加 W ...
- PHP语言在中国的发展前景怎么样？
PHP语言在中国的发展前景怎么样? “在互联网泛滥得今天,想要做好这一行业不是那么容易的,然而,互联网编程语言的发展PHP编程语言的出现也是赢了世界发展的潮流. PHP在我国发展也很快,越来越多的编程 ...
- socket.setSoTimeout(1000);
这个用来设置与socket的inputStream相关的read操作阻塞的等待时间,超过设置的时间了,假如还是阻塞状态,会抛出异常java.net.SocketTimeoutException: Re ...
- Python 字典方法
访问字典的值 字典中的 键/值 实际上就是一种映射关系,只要知道了 “键”,就肯定知道 “值”. >>> my_dict = dict(name = 'zhangsan',other ...
- ELMO模型（Deep contextualized word representation）
1 概述 word embedding 是现在自然语言处理中最常用的 word representation 的方法,常用的word embedding 是word2vec的方法,然而word2vec ...
- Springboot根据浏览器实现网站资源国际化
每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 根据浏览器地区主动选择资源 1.创建资源化文件 resource目录下创建messag ...
- Python：Day44 Javascript
一个完整的Javascript实现是由三个不同的部分组成: 1.核心 ECMA Javascript 2.浏览器对象模型(DOM) document object model (整合JS.html.C ...
- Python：Day19 正则表达式补充
贪婪匹配 贪婪匹配是指字符后面是*+?的时候,都是尽可能多的匹配,如果不想尽可能多的匹配,那么在这三个字符后面加?号即可,这样变成惰性匹配,按最少匹配. ret = re.findall('ab??' ...