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)


相关文章
|
14天前
|
前端开发 UED
React 文本区域组件 Textarea:深入解析与优化
本文介绍了 React 中 Textarea 组件的基础用法、常见问题及优化方法,包括状态绑定、初始值设置、样式自定义、性能优化和跨浏览器兼容性处理,并提供了代码案例。
41 8
|
4月前
|
前端开发 搜索推荐 容器
创意按钮,触手可及:CSS不规则形状效果揭秘!
创意按钮,触手可及:CSS不规则形状效果揭秘!
|
5月前
|
JavaScript
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
|
7月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
51 1
|
7月前
表格高度根据内容自适应的瀑布流
表格高度根据内容自适应的瀑布流
62 1
|
7月前
UITableView根据表格内容进行高度自适应与使用Masonry实现根据内容进行宽度自适应和高度自适应
UITableView根据表格内容进行高度自适应与使用Masonry实现根据内容进行宽度自适应和高度自适应
101 0
|
7月前
|
前端开发 JavaScript 程序员
掌握这个技术, 轮播图和文本还能更优雅
掌握这个技术, 轮播图和文本还能更优雅
48 0
|
前端开发 数据可视化
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
95 1
|
前端开发 JavaScript API
交互设计:隐藏或显示大段文本的UI组件有哪些?
应用场景: 在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件 A: 这里可以用,模态对话框,弹出提示,工具提示这类组件。模态对话框的好处,就是用关闭的按钮,用户操作方便;而弹出提示和工具提示只能通过点击来切换   模态对话框: http://v2.bootcss.com/javascript.html#modals http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。
1539 0
|
iOS开发
模态(modal)画面的显示方法
模态(modal)画面的显示方法
412 0