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)

(三)代码示例

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

目录
相关文章
|
7天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
28 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
7月前
|
设计模式 测试技术 vr&ar
提升你的Android开发技能:从AR/VR沉浸到UI设计和故障排除(三)
提升你的Android开发技能:从AR/VR沉浸到UI设计和故障排除
|
7月前
|
人工智能 机器人 区块链
提升你的Android开发技能:从AR/VR沉浸到UI设计和故障排除(二)
提升你的Android开发技能:从AR/VR沉浸到UI设计和故障排除
|
6天前
|
Android开发 缓存 双11
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
|
7天前
UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡
UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡
10 2
|
7天前
|
前端开发 测试技术 持续交付
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
【4月更文挑战第30天】本文探讨了 Flutter 应用中UI测试和自动化测试的重要性,包括保障质量、提高效率和增强开发信心。Flutter提供`flutter_test`库进行Widget测试,以及`flutter_driver`进行集成测试。UI测试涵盖界面布局、交互和状态变化的验证,最佳实践建议尽早引入测试、保持用例简洁,并结合手动测试。未来,随着Flutter技术发展,UI测试和自动化测试将更加完善,助力开发高质量应用。
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
|
7天前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
|
7天前
|
XML 开发工具 Android开发
构建高效的安卓应用:使用Jetpack Compose优化UI开发
【4月更文挑战第7天】 随着Android开发不断进化,开发者面临着提高应用性能与简化UI构建流程的双重挑战。本文将探讨如何使用Jetpack Compose这一现代UI工具包来优化安卓应用的开发流程,并提升用户界面的流畅性与一致性。通过介绍Jetpack Compose的核心概念、与传统方法的区别以及实际集成步骤,我们旨在提供一种高效且可靠的解决方案,以帮助开发者构建响应迅速且用户体验优良的安卓应用。
QGS
|
7天前
|
前端开发 数据可视化 Java
手拉手JavaFX UI控件与springboot3+FX桌面开发(下)
手拉手JavaFX UI控件与springboot3+FX桌面开发
QGS
90 0
QGS
|
7天前
|
前端开发
手拉手JavaFX UI控件与springboot3+FX桌面开发(中)
手拉手JavaFX UI控件与springboot3+FX桌面开发
QGS
121 0