温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

iOS如何实现应用悬浮窗效果

发布时间:2021-09-13 18:42:30 来源:亿速云 阅读:1901 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关iOS如何实现应用悬浮窗效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

需求

在一个app应用的最顶部添加一个悬浮窗,就像ios系统AssistiveTouch 可以左右滑动,但是最终会停在左边或右边。

实现思路

在应用的视图的最顶层添加一个UIWindow,用这个UIWindow 充当悬浮窗,给UIWindow添加移动的手势监听,让悬浮窗随着手指移动,释放的时候,让它以动画的方式靠边

代码

//悬浮窗测试 //创建一个悬浮窗口 mwindow = [[AssistiveTouch alloc]initWithFrame:CGRectMake(100, 200, 40, 40) imageName:@"1.png"]; //ios9 window要设置rootview 不然崩溃 UIViewController *controller = [[UIViewController alloc] init]; mwindow.rootViewController = controller; //展示悬浮窗。。 [self.window makeKeyAndVisible];
//添加移动的手势 UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(locationChange:)];  pan.delaysTouchesBegan = YES;  [self addGestureRecognizer:pan];
//改变位置 -(void)locationChange:(UIPanGestureRecognizer*)p {     //[[UIApplication sharedApplication] keyWindow]     CGPoint panPoint = [p locationInView:[[UIApplication sharedApplication] keyWindow]];     if(p.state == UIGestureRecognizerStateBegan)     {         [NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(changeColor) object:nil];         _imageView.alpha = 0.8;     }     else if (p.state == UIGestureRecognizerStateEnded)     {         [self performSelector:@selector(changeColor) withObject:nil afterDelay:4.0];     }     if(p.state == UIGestureRecognizerStateChanged)     {         self.center = CGPointMake(panPoint.x, panPoint.y);     }     else if(p.state == UIGestureRecognizerStateEnded)     {         if(panPoint.x <= kScreenWidth/2)         {             if(panPoint.y <= 40+HEIGHT/2 && panPoint.x >= 20+WIDTH/2)             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(panPoint.x, HEIGHT/2);                 }];             }             else if(panPoint.y >= kScreenHeight-HEIGHT/2-40 && panPoint.x >= 20+WIDTH/2)             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(panPoint.x, kScreenHeight-HEIGHT/2);                 }];             }             else if (panPoint.x < WIDTH/2+15 && panPoint.y > kScreenHeight-HEIGHT/2)             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(WIDTH/2, kScreenHeight-HEIGHT/2);                 }];             }             else             {                 CGFloat pointy = panPoint.y < HEIGHT/2 ? HEIGHT/2 :panPoint.y;                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(WIDTH/2, pointy);                 }];             }         }         else if(panPoint.x > kScreenWidth/2)         {             if(panPoint.y <= 40+HEIGHT/2 && panPoint.x < kScreenWidth-WIDTH/2-20 )             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(panPoint.x, HEIGHT/2);                 }];             }             else if(panPoint.y >= kScreenHeight-40-HEIGHT/2 && panPoint.x < kScreenWidth-WIDTH/2-20)             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(panPoint.x, 480-HEIGHT/2);                 }];             }             else if (panPoint.x > kScreenWidth-WIDTH/2-15 && panPoint.y < HEIGHT/2)             {                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(kScreenWidth-WIDTH/2, HEIGHT/2);                 }];             }             else             {                 CGFloat pointy = panPoint.y > kScreenHeight-HEIGHT/2 ? kScreenHeight-HEIGHT/2 :panPoint.y;                 [UIView animateWithDuration:0.2 animations:^{                     self.center = CGPointMake(320-WIDTH/2, pointy);                 }];             }         }     } }

关于“iOS如何实现应用悬浮窗效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios
AI