zoukankan      html  css  js  c++  java
  • iOS开发UI篇—iPad开发中得modal介绍

    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)

    (三)代码示例

      

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

      

  • 相关阅读:
    JS中的call_user_func封装
    js中insertAdjacentHTML的玩法
    小tip: DOM appendHTML实现及insertAdjacentHTML
    js获取和设置属性的方法
    安装Yeoman,遇到的问题
    HTML中Select的使用详解
    jQuery Ajax异步处理Json数据详解
    chrome浏览器Uncaught TypeError: object is not a function问题解决
    SpringBoot Web实现文件上传下载功能实例解析
    SpringMVC Web实现文件上传下载功能实例解析
  • 原文地址:https://www.cnblogs.com/wendingding/p/3922307.html
Copyright © 2011-2022 走看看