`
iaiai
  • 浏览: 2195277 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[iphone] modal/push/custom区别

 
阅读更多
在storyboard中,segue有几种不同的类型,在iphone和ipad的开发中,segue的类型是不同的。
在iphone中,segue有:push,modal,和custom三种不同的类型,这些类型的区别在与新页面出现的方式。
而在ipad中,有push,modal,popover,replace和custom五种不同的类型。


modal 模态转换

最常用的场景,新的场景完全盖住了旧的那个。用户无法再与上一个场景交互,除非他们先关闭这个场景。
是在viewController中的标准切换的方式,包括淡出什么的,可以选切换动画。
Modalview:就是会弹出一个view,你只能在该view上操作,而不能切换到其他view,除非你关闭了modalview.
Modal View对应的segue type就是modal segue。
*Modal:Transition to another scene for the purposes of completing a task.当user在弹出的modalview里操作完后,就应该dismiss the modal view scene然后切换回the originalview.


push

Push类型一般是需要头一个界面是个Navigation Controller的。
是在navigation View Controller中下一级时使用的那种从右侧划入的方式
*Push:Create a chain of scenes where the user can move forward or back.该segue type是和navigation viewcontrollers一起使用。

popover(iPad only)

popover 类型,就是采用浮动窗的形式把新页面展示出来
*Popover(iPad only):Displays the scene in a pop-up “window” over top of the current view.

*Replace (iPad only):

替换当前scene,
Replace the current scene with another. This is used in some specialized iPad viewcontrollers (e.g. split-view controller).

custom

就是自定义跳转方式啦。
*Custom:Used for programming a customtransition between scenes.
在Storyboard中使用自定义的segue类型
分享到:
评论

相关推荐

    羊绒/PTT/Modal/精棉针织纱的研制 (2006年)

    羊绒、PTT和Modal等纤维均具有优良的特能,但由于它们之间的物理指标差异较大,做混纺纱存在很多困难。文章针对混纺产品存在纤维间抱合力差、纺纱静电严重、湿度敏感等一系列问题,介绍了羊绒/PTT/Modal/精棉 15/20/25/...

    iphone开发实例 02-Modal Alert.

    在iOS应用开发中,"iPhone开发实例 02-Modal Alert"主要涉及到的是苹果设备上显示模态警告视图(Modal Alert)的技术。模态警告视图是一种常见的人机交互方式,它会在用户当前操作的界面之上弹出一个临时窗口,以...

    Modal Pushover的改进方法及误差评估 (2009年)

    在对Modal Pushover方法的原理及误差进行评价的基础上,结合与整体目标位移延性系数相对应的钢筋混凝土框架构件刚度折减系数的合理取值,提出了Modal Pushover的改进方法。为考察高阶振型参与程度的影响规律,以10 ...

    微信小程序模态窗modal组件

    可以通过设置`modal`组件的`custom-style`属性添加内联样式,或者在全局样式表中定义类名并用`class`属性引用。 ### 5. 使用第三方库wx-easyModal 在提供的压缩包文件名`wx-easyModal-master`中,可能包含了一个第...

    Moa Modal一款轻巧的modal弹出层插件

    Moa Modal是一款专为前端开发者设计的轻量级modal弹出层插件,它的主要功能是提供一种简洁而高效的方式来在网页上创建模态对话框。模态窗口通常用于显示重要的通知、询问用户确认或展示更复杂的内容,而无需离开当前...

    bootstrap-modal

    Bootstrap Modal是基于jQuery的一款强大的模态对话框插件,它被广泛应用于Web开发中,以提供弹出式窗口的功能,通常用于显示警告、确认信息、展示详细内容或进行表单输入等场景。这个插件是Bootstrap框架的一个核心...

    ModalLayer模态框插件js弹出框

    **ModalLayer模态框插件js弹出框详解** 在网页设计和开发中,模态框(Modal Layer)是一种常用的设计元素,它用于在当前页面上弹出一个半透明的覆盖层,显示额外的信息或者进行交互操作,而不会中断用户与主页面的...

    angular-bs-modal

    这个插件为 AngularJS 提供了 Bootstrap Modal 的扩展 安装 bower install angular-bs-modal --save 用法 链接bower_components文件夹中的脚本。 < script src =" /bower_components/angular-bs-modal/dist/js...

    BootStrap中的模态框(modal,弹出层)功能示例代码

    在Bootstrap框架中,模态框(Modal)是一种非常实用的组件,它允许用户在当前页面上弹出一个对话框,而无需离开当前上下文。模态框提供了丰富的交互性和自定义选项,使得开发者能够轻松创建各种类型的弹出窗口,如...

    CoCreate-modal:Vanilla javascript中的一个简单模态组件。 使用HTML5数据属性和_或JavaScript API轻松配置

    协同创建模式 ...$ npm i @cocreate/modal 目录 目录 公告内容 路线图 如何贡献 关于 执照 公告内容 该库的所有更新都记录在我们的CHANGELOG和发行版中。 您也可以订阅电子邮件以获取发行和重大更改。 路线图

    iPhone开发【八】多视图技术总结之一:ModalView(模态视图)

    本文将深入探讨"iPhone开发【八】多视图技术总结之一:ModalView(模态视图)"这一主题,旨在帮助开发者更好地理解和运用模态视图在实际项目中的应用。 首先,模态视图(Modal View)是一种在当前视图之上显示一个...

    自定义modal(组件形式).zip

    在前端开发中,Modal(模态对话框)是一种常见的UI元素,用于向用户展示重要的信息或需要用户确认的操作。在本教程中,我们将深入探讨如何在JavaScript或React等框架中自定义一个Modal组件。让我们从基础开始,逐步...

    custom-modal:自定义灯箱式模式,可使用键盘和鼠标

    "custom-modal" 提供了一种自定义这种模式的方法,允许用户通过键盘和鼠标进行操作,提升了用户体验。本文将详细讲解这一技术及其相关的JavaScript知识点。 首先,模态对话框通常由HTML、CSS和JavaScript共同构建。...

    popModal自动弹框

    "popModal"是一种流行的弹出窗插件,它提供了多种类型的弹出功能,包括弹出窗口、通知弹出、工具提示、模态对话框以及titleModal。这些功能在网页应用和桌面应用中广泛使用,以增强用户体验并提供信息反馈。 1. **...

    react-st-modal:用于React JS的简单灵活的模式对话框组件

    React St Modal是一个简单而灵活的库,用于实现模式对话框。产品特点简单易用的API 与移动设备兼容已实施的标准交互功能:警报,确认,提示异步/等待语法通过CSS变量自定义辅助功能和焦点控制动态调用模式对话框,不...

    jQuery弹出层插件Moa Modal

    **jQuery弹出层插件Moa Modal详解** Moa Modal是一款基于jQuery的弹出层插件,它为网页设计者和开发者提供了丰富的弹出层效果,以满足不同场景下的交互需求。这款插件以其良好的兼容性和易用性,受到许多开发者的...

    custom_modal

    "custom_modal"这个主题,根据其标题和描述,很可能是指如何在JavaScript中创建自定义模态框。模态框(Modal)是一种常见的UI设计元素,用于显示需要用户注意或确认的信息,同时阻止用户与页面其他部分进行交互。 ...

    ng-morphing-modal:角度变形模态

    这个怎么运作安装使用 Bower 安装npm update -g bowerbower install ng-morphing-modal --save包括脚本 < script src =" bower_components/velocity/velocity.min.js " > </ script >< script src =...

    zymodal微信小程序自定义modal弹窗可带图片

    本文将详细解析"zymodal",这是一个专为微信小程序设计的自定义Modal弹窗组件,尤其适合在需要显示带有图片信息的场景下使用。 一、zymodal组件简介 zymodal是基于JavaScript的微信小程序组件,它提供了丰富的定制...

    react-native-country-picker-modal-custom

    $ yarn add react-native-country-picker-modal 基本用法 有关更完整的示例,请打开 import React , { useState } from 'react' import { View , Text , StyleSheet , PixelRatio , Switch } from 'react-native' ...

Global site tag (gtag.js) - Google Analytics