iOS:模态弹出窗控制器UIPopoverPresentationController
模态弹出窗控制器:UIPopoverPresentationController
实质:就是将内容控制器包装成PopoverPresentationController的形式,然后再模态出来,必须指定来源视图及其frame区域,也即指向谁。
功能:它也是一个弹出窗控制器,它在iOS8中替代了UIPopoverController,它在功能上与旧的controller完全等同,并且新增了一些内置的适配特性,可以自动适配iPad与iPhone。当然它也需要一个继承于UIViewController的控制器作为内容控制器,然后模态它的窗口,即显示弹出窗。
枚举:模态显示类型
typedef NS_ENUM(NSInteger, UIModalPresentationStyle) {
UIModalPresentationFullScreen = 0,
UIModalPresentationPageSheet ,
UIModalPresentationFormSheet ,
UIModalPresentationCurrentContext ,
UIModalPresentationCustom ,
UIModalPresentationOverFullScreen ,
UIModalPresentationOverCurrentContext ,
UIModalPresentationPopover , //模态显示弹出窗
UIModalPresentationNone = -1,
};
模态弹出窗控制器介绍:
@interface UIPopoverPresentationController : UIPresentationController
属性:
//模态弹出窗控制器代理
@property (nonatomic, assign) id <UIPopoverPresentationControllerDelegate> delegate;
//弹出窗箭头方向
@property (nonatomic, assign) UIPopoverArrowDirection permittedArrowDirections;
//弹出窗显示的视图资源
@property (nonatomic, retain) UIView *sourceView;
//弹出窗显示的区域
@property (nonatomic, assign) CGRect sourceRect;
//工具条按钮
@property (nonatomic, retain) UIBarButtonItem *barButtonItem;
//弹出窗箭头方向(只读)
@property (nonatomic, readonly) UIPopoverArrowDirection arrowDirection;
//过滤视图控件,设置不可与用户做交互
@property (nonatomic, copy) NSArray *passthroughViews;
//弹出窗背景颜色
@property (nonatomic, copy) UIColor *backgroundColor;
//弹出窗偏移位置
@property (nonatomic, readwrite) UIEdgeInsets popoverLayoutMargins;
//弹出窗背景视图的类
@property (nonatomic, readwrite, retain) Class <UIPopoverBackgroundViewMethods> popoverBackgroundViewClass;
@end
协议:
@protocol UIPopoverPresentationControllerDelegate
@optional
//模态弹出窗窗口时触发的方法,可以进行数据传输
- (void)prepareForPopoverPresentation:(UIPopoverPresentationController*)popoverPresentationController;
//将要关闭弹出窗窗口时触发的方法
- (BOOL)popoverPresentationControllerShouldDismissPopover:(UIPopoverPresentationController*)popoverPresentationController;
//已经关闭弹出窗窗口时触发的方法
- (void)popoverPresentationControllerDidDismissPopover (UIPopoverPresentationController*) popoverPresentationController;
//弹出窗将要复位到指定视图区域时触发的方法
- (void)popoverPresentationController:(UIPopoverPresentationController*)popoverPresentationController willRepositionPopoverToRect:(inout CGRect *)rect inView:(inout UIView**)view;
@end
视图控制器类
@interface UIViewController
//设置内容控制器大小
@property (nonatomic) CGSize preferredContentSize
//模态显示类型
@property(nonatomic,assign) UIModalPresentationStyle modalPresentationStyle
@end
视图控制器分类(适配显示)
@interface UIViewController (UIAdaptivePresentations)
//管理模态窗口的显示控制器(presentingViewController、presentedViewController)
@property (nonatomic,readonly) UIPresentationController *presentationController;
//模态弹出窗控制器
@property (nonatomic,readonly) UIPopoverPresentationController *popoverPresentationController ;
@end
演示实例如下:
1.创建一个继承自UIViewController的内容控制器ContentViewController:
2.需要的文件截图为:
3.在内容控制器ContentViewController.m文件中设置模态弹出窗的大小和背景颜色
- (void)viewDidLoad {
[super viewDidLoad]; //设置内容区域大小
self.preferredContentSize = CGSizeMake(, ); //设置内容背景颜色
self.view.backgroundColor = [UIColor blueColor];
}
4.在ViewController.m文件中操作的代码如下:
//声明必要的属性
@interface ViewController ()
@property (strong,nonatomic)UIPopoverPresentationController *popoverPresentVC;//声明模态弹出窗控制器
@property (strong,nonatomic)UIPopoverController *popoverVC; //声明弹出窗控制器
@property (strong,nonatomic)ContentViewController *contentVC; //声明内容控制器
@end
//创建按钮,并添加按钮事件,用来打开模态弹出窗
//创建按钮
UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(, , , )]; //设置按钮背景颜色
button.backgroundColor = [UIColor purpleColor]; //设置按钮标题
[button setTitle:@"打开" forState:UIControlStateNormal]; //添加按钮事件
[button addTarget:self action:@selector(Open:) forControlEvents:UIControlEventTouchUpInside]; //将按钮添加到视图中
[self.view addSubview:button];
//实现按钮事件
#pragma mark -打开弹窗(将内容控制器以模态窗口的形式打开和关闭)
-(void)Open:(UIButton *)sender
{
if (!self.popoverVC.isPopoverVisible)
{
//创建内容控制器
self.contentVC = [[ContentViewController alloc]init]; //设置内容控制器模态显示类型为模态弹出窗
self.contentVC.modalPresentationStyle = UIModalPresentationPopover; //创建popoverPresentVC模态弹出窗控制器,包装内容控制器
self.popoverPresentVC = self.contentVC.popoverPresentationController; //设置一直显示后,即使点击按钮,此时弹窗也关闭不了,所以不这么设置
//[self.popoverPresentVC setPassthroughViews:@[self.view,sender]]; //设置模态弹窗的显示区域
self.popoverPresentVC.sourceView = sender;
self.popoverPresentVC.sourceRect = sender.bounds; //设置箭头方向自适应
self.popoverPresentVC.permittedArrowDirections = UIPopoverArrowDirectionAny; //打开模态窗口
[self presentViewController:self.contentVC animated:YES completion:nil];
}
else
{
//关闭模态弹窗
[self.contentVC dismissViewControllerAnimated:YES completion:nil];
}
}
演示结果截图:
开始时: 点击按钮时,模态出内容弹出窗:
在点击屏幕中任何一处时,都可以关闭模态的弹出窗:
iOS:模态弹出窗控制器UIPopoverPresentationController的更多相关文章
- iOS:弹出窗控制器:UIPopoverController
弹出窗控制器:UIPopoverController 截图: 实质:就是将内容控制器包装成popoverController的形式,然后在模态出来,必须给定指向目标(target.frame). ...
- Bootstrap模态弹出窗
Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="moda ...
- data-参数说明(模态弹出窗的使用)
除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制模态弹出窗.比如说:是否有灰色背景modal-b ...
- bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX
bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34 阅读:4479 评论:0 收藏:0 [ ...
- iOS模态弹出半透明视图控制器
项目中需要实现点击按钮出现的视图全屏覆盖,呈半透明状态可以看到下面的视图? 解决方案: 绕了很多弯路原来可以使用模态弹出一个视图控制器 在iOS8之后只需要设置一个最新的属性 SecondViewCo ...
- bootstrap学习--模态弹出框modals轮子
1.点击按钮型 <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"> ...
- Bootstrap模态弹出框
前面的话 在 Bootstrap 框架中把模态弹出框统一称为 Modal.这种弹出框效果在大多数 Web 网站的交互中都可见.比如点击一个按钮弹出一个框,弹出的框可能是一段文件描述,也可能带有按钮操作 ...
- 玩转Bootstrap(JS插件篇)-第1章 模态弹出框 :1-4 模态弹出框--结构分析
模态弹出框--结构分析 Bootstrap框架中的模态弹出框,分别运用了“modal”.“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-con ...
- 玩转Bootstrap(JS插件篇)-第1章 模态弹出框 :1-3 模态弹出框
模态弹出框(Modals) 这一小节我们先来讲解一个“模态弹出框”,插件的源文件:modal.js. 右侧代码编辑器(30行)就是单独引入 bootstrap 中发布出的“modal.js”文件. 样 ...
随机推荐
- 阿里云服务器mysql修改编码问题
最近在学习struts+spring+hibernate,强烈推荐新手一本书:陈天河<轻量级web应用开发>,这本书是我见过的国内最好的书,初学者可以买本读读. 不说这个了,来说说我的问题 ...
- 01.JSP基础语法
本章主要讲解Java Web与JSP的入门内容,适合有JSP或Java Web基础的读者学习. 1.Web应用与web.xml文件 (1)Java Web应用程序的结构 Java We ...
- 2014_acmicpc_shanghai_google
I http://acm.hust.edu.cn/vjudge/contest/view.action?cid=84975#problem/I 题意:我方有n个士兵,敌方有m个士兵,每个士兵有攻击力和 ...
- [noip2010]关押罪犯 并查集
第一次看的时候想到了并查集,但是不知道怎么实现: 标解,f[i]表示i所属的集合,用f[i+n]表示i所属集合的补集,实现的很巧妙,可以当成一个使用并查集的巧妙应用: #include<iost ...
- 【bzoj1003】[ZJOI2006]物流运输
1003: [ZJOI2006]物流运输 Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 6331 Solved: 2610[Submit][Stat ...
- 项目分析(PLUG)
plug过程 .INIT_PLUG #define INIT_PLUG Plug::InitPlug g_InitPlug(true); //共享内存数据结构 struct PlugShareMemo ...
- Cross Validation done wrong
Cross Validation done wrong Cross validation is an essential tool in statistical learning 1 to estim ...
- Kali Linux 命令集
系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS ...
- sql server 时间
sql server 获取月份天数:1,SELECT 32-DAY(CAST('2015-03-01' as datetime)+32-DAY(CAST('2015-03-01' as datetim ...
- MYSQL注入天书之服务器(两层)架构
Background-6 服务器(两层)架构 首先介绍一下29,30,31这三关的基本情况: 服务器端有两个部分:第一部分为tomcat为引擎的jsp型服务器,第二部分为apache为引擎的php服务 ...