IOS悬浮窗口之——Popover实现原理分析

最新推荐文章于 2020-11-02 17:21:44 发布
最新推荐文章于 2020-11-02 17:21:44 发布
阅读量1.6w 收藏 5
点赞数
分类专栏： iOS开发技术系列专栏 文章标签： ios uiview iphone menu ipad
目前那些popover的menu，loadingview之类的都是搞view，可以解决。但显示的时候其实挺麻烦的，得先保证全屏，在addsubview，消失时又得removefromsuperview，还得保证这个view在最上层，代码得可重用度也不高。

其实iphone程序是支持多窗口显示得，而且还支持分层显示，就是设置window得windowlevel。Mac上有类似的属性可以得到很多不同效果的window显示。

那我们完全可以alloc一个window，并让之成为keywindow，那么所有的touch事件都会被它捕获到。并且它是个view啊，那就可以addsubview，可以设置backgroundcolor，那么问题就简单了，大家应该可以理解ipad 上的popoverwindow原理了。

那就是生成一个fullscreen的windowlevel为UIWindowAlertLevel的window，且backgroundcolor为clearcolor，然后把要显示的controller的view加到subview，并且在drawrect中围绕这个view的周围画上边框，在弹出点画上个箭头，最后以动画的方式显示出来就好啦，然后点击window空白地方时让它动画消失即可。

那UIAlertView就更简单了，虽然它是继承自UIView，但它的实现应该跟UIWindow差不到哪里去，其实它内部也应该是个window，根据不同的subviews设置不同的内容高度，调整内容的size等。


代码实现地址：http://www.cocoachina.com/bbs/read.php?tid-30657.html

iJecky
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
使用BootStrap实现悬浮窗口的效果
11-26
在本例中，我们将探讨如何使用Bootstrap的Popover插件来实现悬浮窗口的效果。 首先，要实现这种效果，我们需要确保在HTML文件中引入了Bootstrap的相关CSS和JavaScript文件。这通常包括`bootstrap.css`用于样式定义...
popover插件使用
sayoko06的博客
11-27 1054
贴上代码，回顾用，第一段js是实现点击弹出框其他地方弹出框隐藏的js。 提供官方popover API链接http://getbootstrap.com/docs/4.0/components/popovers/ //点击popover其他地方，就隐藏弹出框 $('body').click(function (event) { var target = $(event.target)...
iOS电商常见动画与布局、微信悬浮窗、音乐播放器、歌词解析、拖动视图等源码...
chuoliufeng3829的博客
08-07 184
iOS精选源码 MXScroll 介绍 混合使用UIScrollView ios 电商demo（实现各种常见动画效果和页面布局） 一行代码集成微信悬浮窗 可拖动，大小的视图，可放置在屏幕边缘。 在使用UIWebView、UIScrollView、UITableView和UICollec...
iOS开发之UICollectionView之悬浮效果实现
zhonggaorong的专栏
09-30 3218
1. 流程大概如下。      1. 获取所有当前屏幕上展示的所有Item. 包含Cell, header, footer; 获取到一个数组。SuperArray     2. 通过遍历上面的数组， 对为cell对象的section进行一个加入到存索引的数组。      3. 用户在滑动屏幕的时候，有一部分header将会被移出屏幕，所以要将这些section 从索引数组进行删除。    
iOS悬浮窗口（无论界面跳转、View始终在视图上显示，可移动）
weixin_30588907的博客
06-29 594
2016.09.24 23:52*字数 71阅读 5925评论 9喜欢 11 让所有界面都显示，最好还是封装一个继承Window的类：JYCWindow。 先看看效果： mygif.gif 关键代码如下： - (instancetype)initWithFrame:(CGRect)frame mainImageName:...
ios-IOS中封装Popover-Swift.zip
07-11
在iOS应用开发中，Popover（弹出视图）是一种常见的用户界面元素，它可以在屏幕上以一个半透明的矩形窗口形式展示内容，通常用于显示详细信息或者提供一系列选择。Swift作为苹果公司推荐的iOS开发语言，封装Popover...
简单好用可任意定制的iOS Popover气泡效果
08-28
本文将深入探讨如何在iOS中实现自定义的Popover气泡效果，以及提供相关的Swift和Objective-C代码示例。 首先，Popover的实现可以通过自定义UIView或者使用第三方库来完成。这里我们参考提供的GitHub项目，它们分别...
IOS应用源码——UIPopoverControllerTest.rar
10-14
通过分析这个名为"UIPopoverControllerTest"的源码，我们可以学习如何在实际项目中设置和控制Popover，理解其工作原理，并优化用户体验。这个源码可能包含了各种用例，如不同内容类型、不同箭头方向的展示，以及对...
iOS上的Popover
VictorZhang
10-04 760
ZRPopoverViewZRPopoverView is a popover view that pop UIView with a list of button by customising events and contents.#1.If you like invoke this events by block so that Choose No.1 .#2.If you like invo
iOS应用内部悬浮窗，可随意拖动
10-14
iOS程序内部悬浮窗demo，可以随意拖动，添加点击手势，自定义悬浮窗
popover:实现一个Popover组件
03-13
TypeScript和样式化组件Next.js示例 这是一个非常简单的项目，展示了Next.js与TypeScript和样式化组件的用法。 自己部署 使用部署示例： 如何使用它？ 使用或执行以引导示例： npx create-next-app --example with-typescript-styled-components with-typescript-styled-components-app # or yarn create next-app --example with-typescript-styled-components with-typescript-styled-components-app 使用将其部署到云（）。 笔记 这是两个现有示例的合并：
ios-FTPopOverMenu, 简单易用的弹出Menu，支持UIButton，UIBarButtonItem，以及任何UIView或CGRect。.zip
07-11
FTPopOverMenu, 简单易用的弹出Menu，支持UIButton，UIBarButtonItem，以及任何UIView或CGRect。Github demo地址：https://github.com/liufengting/FTPopOverMenu
02-Popover代码实现
坤小的专栏
12-08 1225
Popover代码实现 这一小节我们主要通过代码来实现popover跳转来学习popover更多的一些常用属性 效果预览ViewController.swiftimport UIKitclass ViewController: UIViewController { @IBOutlet weak var testButton: UIButton! override func viewDi
ios --- 为程序添加一个悬浮框
奔跑的蜗牛
02-22 3743
一、UIWindow的简介 1.UIWindow是一种特殊的UIView，通常在一个app中只会有一个UIWindow 2.iOS程序启动完毕后，创建的第一个视图控件就是UIWindow，接着创建控制器的view，最后将控制器的view添加到UIWindow上，于是控制器的view就显示在屏幕上了 3.一个iOS程序之所以能显示到屏幕上，完全是因为它有UIWindow。也就说，没有U
iOS中全局悬浮按钮，类似IPhone中的AssistiveTouch （可以替换为视频悬浮窗口）
zhaojinqiang12的博客
04-27 4364
前提：当时看到别人写过这个类似AssistiveTouch的demo，但是有问题，第一改变不了位置、第二切换页面后无法使用、第三运行时偶尔会崩溃。然后自己就去度娘、论坛中都查了一些资料，然后结合起来写了这么一个demo。 思路：实现全局 需要在 AppDelegate.m 文件中 didFinishLaunchingWithOptions 方法里面实现 1、新建一个 继承于 UIWind
iOS关于悬浮窗口的实现
javaskyhr的专栏
06-17 5714
由于项目的需要，需要实现的一个悬浮窗口 ，显示在整个应用界面。 思路一 另创建一个类 继承 uiwindow 设置成为 alter ，使用 makeKeyAndVisible 显示在界面上， 这种方法效果在竖屏上面效果很好，开始的时候感觉 很不错 ，但是问题来了 后面发现支持横屏的话， 这种方法 就会把你坑爽，我一直希望使用这种方法 支持横屏 ，但是我失败了 ，在这个window下面如果是横
iOS开发 --- 添加一个全局悬浮按钮
iOS技术分享与学习博客
03-28 6917
背景介绍 ：在普通的iOS开发组中，一般测试机都不止一台，但是我们在开发的时候，不可能每台测试机时刻保持最新的代码，这就出现了一个问题，当测试测出问题的时候，(或者产品突然拿去点点看的时候出了问题)如果不知道当前的版本，可能不确定是什么时候出的问题。解决方案：如果当前环境是测试服的时候，展示一个全局浮动标签，这样不仅看到此标志就告诉测试(包括我们自己)当前的环境，当出现问题的时候，通过标签，可以快...
ios 悬浮窗_安卓秒变苹果，不换手机也可以体验iOS！?
weixin_39821605的博客
11-02 419
大家晚上好，我是机哥~在前几天，看到国外有用户，将自己的iPhone 7安装上了安卓10系统，看到一些小伙伴问，要是能在安卓上体验iOS就好了。。。其实有一个类似的控制中心的功能，感兴趣的可以看一下。其实，这个很早之前说过，一些新来的可能不知道，这个小工具可以实现，苹果控制中心的功能，其实设置的方法也很简单啦！先来看一下效果，是不是与iOS的很像呢？下面给大家说一下怎样设置，其实在很早...
el-popover实现缩略图
最新发布
08-16
要实现el-popover的缩略图效果，可以使用el-image和el-popover组件结合起来。首先，需要在el-image标签中添加slot="reference"属性，将该el-image组件作为popover的触发元素。然后，在el-popover组件中设置placement属性为适当的位置，如"right"，trigger属性为"hover"，表示鼠标移入时显示popover。在popover的内容中，可以使用el-image组件来展示缩略图的预览图。具体代码如下： <<<el-popover placement="right" trigger="hover"> <el-image src="${request.contextPath}/static/images/class1.png"></el-image> <el-image slot="reference" src="${request.contextPath}/static/images/class1.png" alt="${request.contextPath}/static/images/class1.png" style="max-height: 150px;max-width: 200px"></el-image> </el-popover>>><span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue图片缩略图及图片预览功能](https://blog.csdn.net/moshowgame/article/details/111829281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [element table组件实现鼠标移入hover展示图片大图功能——Popover 弹出框组件的使用](https://blog.csdn.net/yehaocheng520/article/details/117227029)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值