您的位置:首页 > 产品设计 > UI/UE

iOS开发UI篇—iPad开发中得modal介绍

2015-10-22 20:39 323 查看
一、简单介绍

说明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)

(三)代码示例

  


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

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: