popover带箭头弹框
我们先来看一下效果吧:

分析:这个带箭头的弹框其实是一个控制器,通过Modal方式展现,但跟传统模态方式效果不一样,我们一眼就能看出。
Xib方式实现popover:
1、segue的时候选择Present As Popover

2、我们看下segue的属性:

3、重写prepareforsegue方法:
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
// 1、判断跳转控制器的类型
if segue.destination.isKind(of: YSSportMapModeVC.self){
// 2、验证popover和传统模态之间的区别
// 只有为popover时,popoverPresentationController有值,否则为nil
// print(segue.destination.popoverPresentationController!)
let vc:YSSportMapModeVC = segue.destination as! YSSportMapModeVC
// 3、设置代理
vc.popoverPresentationController?.delegate = self
// 4、其实我们展现的还是segue.destination,popoverPresentationController只是用来设置展现效果的
// 设置展现的控制器的大小,如果width=0,宽度交给系统设置
vc.preferredContentSize = CGSize(width: , height: )
// 5、设置地图视图的显示模式
vc.didSelectedMapMode = {(mapType:MAMapType) in
self.mapView.mapType = mapType
}
// 6、设置vc的当前显示模式
vc.currentMapType = mapView.mapType
}
}
4、实现代理方法:
// MARK: - UIPopoverPresentationControllerDelegate
extension YSSportMapVC:UIPopoverPresentationControllerDelegate{
func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
// 不让系统自适应
return .none
}
}
代码方式实现popover:
#import "ViewController.h" @interface ViewController () <UIPopoverPresentationControllerDelegate> // 通过xib设置的按钮,传统模态展现
@property (weak, nonatomic) IBOutlet UIButton *demoButton; @end @implementation ViewController /**
1. 添加加号按钮
2. 点击加号按钮以popover的方式`展现`一个视图控制器
*/
- (void)viewDidLoad {
[super viewDidLoad]; UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd];
btn.center = self.view.center; [self.view addSubview:btn]; [btn addTarget:self action:@selector(popover:) forControlEvents:UIControlEventTouchUpInside];
} - (void)popover:(UIButton *)sender { UIViewController *vc = [UIViewController new]; vc.view.backgroundColor = [UIColor redColor]; // 1. 在 iPhone 上默认是模态展现,设置展现类型为 popover
vc.modalPresentationStyle = UIModalPresentationPopover; // 设置弹窗视图控制器视图的大小
vc.preferredContentSize = CGSizeMake(, ); // 2. 设置展现的代理
vc.popoverPresentationController.delegate = self; // 3. 指定弹窗的定位控件 - 使用代码开发,必须设置定位控件
vc.popoverPresentationController.sourceView = sender; // 4. 设置箭头方向朝上
vc.popoverPresentationController.permittedArrowDirections = UIPopoverArrowDirectionUp; // 5. 设置箭头的位置,原点可以参照某一个控件的尺寸设置,宽高通常用于设置附加的偏移量,通常传入0即可
CGSize size = sender.bounds.size;
vc.popoverPresentationController.sourceRect = CGRectMake(size.width * 0.5, size.height, , ); // 6. 设置绕开控件,注意,同一时间,只能允许模态展现一个控制器
vc.popoverPresentationController.passthroughViews = @[_demoButton]; // 展现控制器
[self presentViewController:vc animated:YES completion:nil];
} - (UIModalPresentationStyle)adaptivePresentationStyleForPresentationController:(UIPresentationController *)controller {
// 不使用系统默认的展现样式!
return UIModalPresentationNone;
} @end
popover带箭头弹框的更多相关文章
- div+css实现圆形div以及带箭头提示框效果
.img{ width:90px; height:90px; border-radius:45px; margin:0 40%; border:solid rgb(100,100,100) 1px;& ...
- div+css制作带箭头提示框效果图(原创文章)
一直都在看站友们的作品,今天也来给大家分享一个小的效果,第一次发还有点小紧张呢,语言表达能力不是很好,还请见谅…^ 先来个简单点的吧,上效果图 刚开始在网上看到效果图的时候感觉好神奇,当我试着写出来的 ...
- 使用Bootstrap Popover实现一个弹框上三角形的代码记录
$(function () { var options = { trigger: 'manual', content: function ...
- 圆角带箭头的提示框css实现
css是一个很强大的东西,很多网页效果,我们可以通过css直接实现.今天给大家分享的是一个用css实现的圆角带箭头的提示框. 效果如下图: 这一个样式主要涉及到了css的边框样式border的运用和定 ...
- iOS 带箭头菜单选项弹窗LFPopupMenu
一.效果图 由于是模拟器缩得比较小,一些细线可能显示不出来,不是bug哈. 二.用法 LFPopupMenuItem *item1 = [LFPopupMenuItem createWithTitle ...
- 考拉Android统一弹框
作者:钱成杰 背景 在快速开发的背景下,经历了n个版本后的考拉Android App中已经存在了各种各样看似相同却各有差别的弹框样式.其中包括系统弹框和自定义弹框,并且在线上时常会出现IllegalA ...
- 参考bootstrap中的popover.js的css画消息弹框
前段时间小颖的大学同学给小颖发了一张截图,图片类似下面这张图: 小颖当时大概的给她说了下,其实小颖也不知道上面那个三角形怎么画嘻嘻,给她说了DOM结构,具体的css让她自己百度,今天小颖自己参考boo ...
- 使用纯CSS实现带箭头的提示框
爱编程爱分享,原创文章,转载请注明出处,谢谢!http://www.cnblogs.com/fozero/p/6187323.html 1.全部代码 <!DOCTYPE html> < ...
- iOS 新浪微博-2.0 搜索框/标题带箭头/下拉菜单
不管是搜索框还是下拉菜单,我们都需要对背景的图片进行拉伸.定义一个Category分类对图片进行操作. UIImage+Effect.h #import <UIKit/UIKit.h> @ ...
随机推荐
- 如何用Ajax加载服务器的图片
用Ajax请求服务器的图片,并显示在浏览器中 前言 一直在数据库里面存的都是图片在服务器的地址,然后再到浏览器中显示,但是发现两个问题 第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js ...
- Windows Azure Virtual Machine (29) 修改Azure VM 数据磁盘容量
<Windows Azure Platform 系列文章目录> 当我们使用Windows Azure管理界面,创建Azure虚拟机的时候,默认挂载的磁盘是固定大小的 1.比如我创建1个Wi ...
- 精品素材:15套免费的 Photoshop 自定义图形集
网上到处都是 Photoshop 笔刷,图案,纹理素材,最缺少的就是 Photoshop 形状.寻找定制的 Photoshop 形状是真的很难,因为很少有人提供这样的 Photoshop 形状的集合. ...
- [logstash-input-log4j]插件使用详解
Log4j插件可以通过log4j.jar获取Java日志,搭配Log4j的SocketAppender和SocketHubAppender使用,常用于简单的集群日志汇总. 最小化的配置 input { ...
- 【Swift学习】Swift编程之旅---属性(十四)
属性关联特定类.结构或枚举的值,存储属性将存储常量和变量作为实例的一部分,计算属性用于计算一个值,而不进行存储.计算属性可以用于类.结构体和枚举里,存储属性只能用于类和结构体.存储属性和计算属性通常用 ...
- Ajax 学习 - 基础学习
<AJax - Async Javascript and xml - 异步的JavaScript和XML> 一.基础认识 AJax技术的目的:实现页面无刷新数据动态更改 优点: + 不需 ...
- 开源的即时通讯框架 (endv.cn) (一)
先实现几个常用基本功能, 1.富文本编辑器.文字的发送与接收 2.表情选择.插入.发送.读取 3.截图的插入.发送.接收 4.视频的获取.发送.接收 5.内存垃圾回收 客户端模拟服务端发送与接收 源码 ...
- Bootstrap学习笔记系列7-----Bootstrap简单背景CSS及其他辅助类
背景 通过添加下列类,可以快捷的变换背景颜色,如果是链接的话,鼠标移动上去会变暗 bg-primary 被修饰元素将会应到primary类,显示吃淡蓝色,文本颜色会变成白色. bg-success 被 ...
- asp.net webapi 序列化为xml 时实体属性增加<![CDATA[]]>防止特殊字符
有时webapi在序列化xml时,可能需要给某些带有html或特殊字符(如 < > & /)的字段加上<![CDATA[]]> 已防止影响xml正常数据,如果使用.as ...
- [转]以Facebook为案例剖析科技公司应有的工具文化
原文:http://36kr.com/p/146507.html 这是一篇几年前的文章,但对于没有涉及到工具文化这个概念的人来说,还是很新的. 前言 前段时间和大众点评的 CEO 张涛聊天的时候碰到内 ...