Modal(模态)呈现样式

简介: Modal(模态)呈现样式

iPhone开发中

Modal是一种常见的切换控制器的方式

默认是从屏幕底部往上弹出,直到完全盖住后面的内容为止

在iPad开发中

Modal的使用频率也是非常高的

对比iPhone开发,Modal在iPad开发中多了一些用法

呈现样式

什么叫呈现样式

Modal出来的控制器,最终显示出来的样子

Modal常见有4种呈现样式

UIModalPresentationFullScreen:全屏显示(默认)

UIModalPresentationPageSheet

宽度:竖屏时的宽度(768)

高度:当前屏幕的高度(填充整个高度)

UIModalPresentationFormSheet:占据屏幕中间的一小块

UIModalPresentationCurrentContext:跟随父控制器的呈现样式

过渡样式

什么叫过渡样式

Modal出来的控制器,是以怎样的动画呈现出来

Modal一共4种过渡样式

UIModalTransitionStyleCoverVertical:从底部往上钻(默认)

UIModalTransitionStyleFlipHorizontal:三维翻转

UIModalTransitionStyleCrossDissolve:淡入淡出

UIModalTransitionStylePartialCurl:翻页(只显示部分,使用前提:呈现样式必须是UIModalPresentationFullScreen)


相关文章
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1378 0
Threejs实现标签,自定义样式显示标签
|
2月前
|
前端开发 搜索推荐 容器
创意按钮,触手可及:CSS不规则形状效果揭秘!
创意按钮,触手可及:CSS不规则形状效果揭秘!
|
2月前
|
前端开发 容器
CSS实现多行文本的展开收起
CSS实现多行文本的展开收起
27 0
|
3月前
|
JavaScript
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
|
5月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
40 1
|
5月前
|
前端开发 JavaScript 程序员
掌握这个技术, 轮播图和文本还能更优雅
掌握这个技术, 轮播图和文本还能更优雅
31 0
|
5月前
|
移动开发 UED HTML5
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
|
前端开发 数据可视化
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
82 1
|
前端开发
Bootstrap-文本,背景,按钮样式
Bootstrap-文本,背景,按钮样式
93 0
|
移动开发 前端开发 HTML5
8、HTML5新增标签(布局、媒体、画布、矢量)
8、HTML5新增标签(布局、媒体、画布、矢量)
99 0