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)


相关文章
|
5月前
|
前端开发 JavaScript UED
过渡效果的艺术:CSS transition 让网页交互更平滑(上)
过渡效果的艺术:CSS transition 让网页交互更平滑(上)
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1377 0
Threejs实现标签,自定义样式显示标签
|
2月前
|
前端开发 搜索推荐 容器
创意按钮,触手可及:CSS不规则形状效果揭秘!
创意按钮,触手可及:CSS不规则形状效果揭秘!
|
5月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
40 1
|
5月前
|
Web App开发 前端开发 JavaScript
过渡效果的艺术:CSS transition 让网页交互更平滑(下)
过渡效果的艺术:CSS transition 让网页交互更平滑(下)
|
5月前
|
前端开发 JavaScript 程序员
掌握这个技术, 轮播图和文本还能更优雅
掌握这个技术, 轮播图和文本还能更优雅
31 0
|
前端开发 数据可视化
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
82 1
|
前端开发 JavaScript UED
CSS神奇的卡片悬停交互效果
CSS神奇的卡片悬停交互效果
100 0
|
前端开发
CSS流动布局-页面自适应
CSS流动布局-页面自适应
124 0
|
前端开发
CSS学习笔记(四) 框模型
CSS学习笔记(四) 框模型
76 0