IOS modal介绍

来源:互联网 发布:react 使用js插件 编辑:程序博客网 时间:2024/05/19 03:21

一、简单介绍

 

说明1:

  在iPhone开发中,Modal是一种常见的切换控制器的方式

 

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

说明2:

 

在iPad开发中,Modal的使用频率也是非常高的

 

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

 

二、呈现样式 

(一)什么叫呈现样式

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

(二)Modal常见有4种呈现样式

(1)UIModalPresentationFullScreen :全屏显示(默认)

(2)UIModalPresentationPageSheet  宽度:竖屏时的宽度(768)  高度:当前屏幕的高度(填充整个高度)

(3)UIModalPresentationFormSheet :占据屏幕中间的一小块(比较常用

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

(三)代码示例

  

(四)注意点

  说明:给tableView包装一个导航控制器(注意modal谁就设置谁的现实样式)

  

现实效果:

  

 

三、过渡样式

(一)什么叫过渡样式

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

(二)Modal一共4种过渡样式

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

UIModalTransitionStyleFlipHorizontal :三维翻转

UIModalTransitionStyleCrossDissolve :淡入淡出

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

(三)代码示例

  

实现效果(注意页面效果的显示)

  

0 0
原创粉丝点击