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实现标签,自定义样式显示标签
1432 0
Threejs实现标签,自定义样式显示标签
|
3月前
|
前端开发 搜索推荐 容器
创意按钮,触手可及:CSS不规则形状效果揭秘!
创意按钮,触手可及:CSS不规则形状效果揭秘!
|
6月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
46 1
|
6月前
|
前端开发 JavaScript 程序员
掌握这个技术, 轮播图和文本还能更优雅
掌握这个技术, 轮播图和文本还能更优雅
41 0
|
前端开发 数据可视化
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
89 1
|
前端开发 JavaScript UED
CSS神奇的卡片悬停交互效果
CSS神奇的卡片悬停交互效果
109 0
|
前端开发 定位技术
百度地图标注提示框CSS气泡对话框实现属性解决方案
百度地图标注提示框CSS气泡对话框实现属性解决方案
125 0
|
前端开发 JavaScript API
交互设计:隐藏或显示大段文本的UI组件有哪些?
应用场景: 在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件 A: 这里可以用,模态对话框,弹出提示,工具提示这类组件。模态对话框的好处,就是用关闭的按钮,用户操作方便;而弹出提示和工具提示只能通过点击来切换   模态对话框: http://v2.bootcss.com/javascript.html#modals http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。
1528 0
|
iOS开发
模态(modal)画面的显示方法
模态(modal)画面的显示方法
407 0
为NProgress增加模态层,更完美的应用于复杂网页的细长进度条
为NProgress增加模态层,更完美的应用于复杂网页的细长进度条
119 0