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


    一、简单介绍

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

    (三)代码示例

      

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

      

     
  • 相关阅读:
    【Auto.js images.matchTemplate() 函数的特点】
    Jquery动态bind绑定已有函数,函数自动执行的问题解决方法
    浅谈javascript的运行机制
    Git
    下拉框的点击事件
    点击其他区域菜单消失
    Chrome 中的 JavaScript 断点设置和调试技巧
    前端编辑工具有感
    我的jsonp跨域问题
    浅谈Json和jsonp
  • 原文地址:https://www.cnblogs.com/duyuiOS/p/4929530.html
Copyright © 2020-2023  润新知