modal

//通过modal显示一个控制器

[self presentViewControl: animated: completion: {}];

//将控制器隐藏

[self dismissViewControlAnimated: completion:{}];

modal出来的控制器View是从底部钻出来的, 且该控制器是添加到窗口(window)上的

//自己实现Modal效果

//1. 获取window

UIViewController *vc =[ [UIViewController alloc] init];

//2. 将modal 出来的控制器的view添加到窗口上

UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;

[keyWindow addSubView: vc.view];

//3. 实现从底部转出钻出的动画效果

//注: vc需要强引用(系统modal出来的控制器不需要强引用是因为系统中有一个presentedViewController强引用住当前modal出来的控制器),并且vc是用户自定义的控制器,且向外提供dismissViewController接口

CGRect frame = vc.view.frame;

frame.origin.y = [UIScreen mainScreen].bounds.size.height;

vc.view.frame = frame;

[UIView animationWithDuration:0.5 animations:^{

  CGRect frame = vc.view.frame;

  frame.origin.y = 0;

  vc.view.frame = frame;

}];

时间: 2024-12-18 19:58:46

modal的相关文章

点击modal确定键后删除tr

做第一个笔记,关于 “书单”.2016-09-03关于一个表格调用modal后,在点击表格中的删除按钮弹出modal,点击确定删除后,将一整行tr 删除的功能. 以下内容为table,表示为某班学生. 1 <table class="table table-bordered Stu-tab " id="Stu-tab"> 2 <tr > <td colspan="7" align="left"&g

Bootstrap源码:modal.js

modal.js对应的是bs的模态框组件.该组件主要有以下特点: 并不是绝对居中于浏览器窗口,而是水平居中,同时顶部距离浏览器顶部有一定的距离,其原因是因为modal框的内容可能出现滚动,垂直居中不太可能,它没有做成模态框内部滚动的效果: 动画是通过css3的translate实现的:transform: translate(0, -25%); 遮罩层的元素不是包含在modal里面的,而是与modal元素平级,都是body元素的子元素 不支持在已弹出的modal上继续弹框,主要是遮罩层叠加的问题

bootstrap modal

在此输入代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <!--IE--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&q

Ionic最佳实践-使用模态窗口modal

原文地址:Ionic最佳实践-使用模态窗口modal 模态窗口的结构 在Ionic中,模态窗口通过$ionicModal提供.他易于使用且非常强大,详细信息请参考$ionicModal文档.Ionic中的模态窗口可以使用模板字符串或URL创建.本文将使用URL. 模态窗口创建时绑定到一个scope,这个scope可以用来传递数据.然而,在更复杂的情况下,通过服务来访问共享数据是最好的做法. 制作模态窗口的标记 创建模态窗口非常简单.首先,让我们来创建我们的用户界面.这个小例子将会展示一条联系人信

【原创】基于Bootstrap的Modal二次封装

前言 Bootstrap:Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架 官方网站:http://www.bootcss.com/ 1.Bootstrap Modals(模态框)基本用法 使用bootstrap之前需要应用jquery.js和bootstrap.js以及bootstrap.css 注意:最新版的bootstrap需要和jquery1.9以上版本配合使用 <!-- 按

IOS-Storyboard控制器切换之Modal(1)

Modal模式是指模态切换,新开的界面会挡住之前的界面,使之不能获取焦点. 创建一个singleView模板的程序,打开storyboard文件,拖动2个UIViewController到界面中,按住control,从按钮处直接拖动到第2个vc如图: 然后放开,选择modal模式:  意思就是只要点击按钮 就能从下到上弹出第2个界面 对于每个uiviewController,都可以设置其所对应的文件, 其头部显示的文字可在右边面板中设置: IOS-Storyboard控制器切换之Modal(1)

IOS学习笔记 -- Modal和Quartz2D

一. Modal1.Modal的默认效果:新控制器从屏幕的最底部往上钻,直到盖住之前的控制器为止;Modal只是改变了View的现实,没有改变rootViewController 2.常用方法1>.以Modal的形式展示控制器- (void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^)(void))completion2>.关

【UIKit】控制器之间的切换1 【Modal】

[Modal][?Code] 1.首先有2个控制器,并且都拥有视图界面. ? 2.点击登录后,第二个页面会从下方上移,那就得在第一个界面中首先创建另外一个界面.然后转向 首先得加载一个协议,这个就是第二个页面的代理. <LoginViewControllerDelegate> 2).点击登录进行转向 - (IBAction)Login { // 初始化控制器 LoginViewController *login=[[LoginViewController alloc]init]; login.

自己定义modal动画

在非常多场景中.我们都须要实现各种动画.这回我们来尝试搞一下控制器间跳转的modal动画. - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { ZYSecondViewController *second = [[ZYSecondViewController alloc]init]; second.modalTransitionStyle = UIModalTransitionStyleFl

污染Bootstrap modal 通过 css选择器 避免

w 对框架的掌握.改进. 0-存在重复代码,需要改正,js timepicker框架传入类名: 1-大量的点击块,怎样避免对每个块重复写modal? <style> .w > td { width: 24.6px; background-color: #fff; overflow: hidden; font-size: 80%; word-wrap: break-word; padding: 0; } #w, #w + tr, .w > td { border: 1px solid