首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

打造可适配多平台的 SwiftUI 应用

100% 基于 SwiftUI 开发,目前支持三个平台: iPhone、iPad 和 macOS。使用者可以通过它来浏览电影信息,包括正在上映以及即将上映的影片。...相较于 iPhone 版本,iPad 版本除了为了利用更大的屏幕空间对布局做出了一定的调整外,还提供了多窗口运行的能力,使用者可以在每个窗口中独立进行操作。...但是,如果开发者不能理解 SwiftUI 的这个“限制”,并提前做一些准备工作,可能会为之后的多平台开发工作带来一些隐患和增加不必要的工作量。以“电影猎手”的 iPad 版本为例。...在 iPad 中,使用者可以调整应用的窗口尺寸。...这是因为 horizontalSizeClass 只表示当前视图的横向尺寸类别,也就是说,如果在一个横向尺寸被限定的视图中( 例如 NavigationSplitView 的 Sidebar 视图 )获取

3K80
您找到你想要的搜索结果了吗?
是的
没有找到

打造可适配多平台的 SwiftUI 应用

有关本次活动的情况,可以参阅 我在北京参加 SwiftUI 技术沙龙[1] 一文。...100% 基于 SwiftUI 开发,目前支持三个平台: iPhone、iPad 和 macOS。 使用者可以通过它来浏览电影信息,包括正在上映以及即将上映的影片。...但是,如果开发者不能理解 SwiftUI 的这个“限制”,并提前做一些准备工作,可能会为之后的多平台开发工作带来一些隐患和增加不必要的工作量。 以“电影猎手”的 iPad 版本为例。...在 iPad 中,使用者可以调整应用的窗口尺寸。...这是因为 horizontalSizeClass 只表示当前视图的横向尺寸类别,也就是说,如果在一个横向尺寸被限定的视图中( 例如 NavigationSplitView 的 Sidebar 视图 )获取

1.9K10

用NavigationViewKit增强SwiftUI的导航视图

由于SwiftUI原生提供的导航手段能力有限,因此在之前的版本中,NavigationView总是使用的不是那么的顺手。...该扩展遵循以下几个原则: •非破坏性任何新添加的功能都不能影响当前SwiftUI提供的原生功能,尤其是不能影响例如Toolbar、NavigationLink在NavigationView中的表现•尽可能便于使用需极少的代码便可使用新增功能...•SwiftUI原生风格扩展功能的调用方法尽可能同原生SwiftUI方式类似 请访问Github下载NavigationViewKit[4] NavigationViewManager 简介 开发者对NavigationView...当iPhone Max横屏时,NavigationView的表现会同iPad一样双列显示,让应用程序在不同iPhone上的表现不一致。...TipOnceDoubleColumnNavigationViewStyle会在iPad首次进入竖屏状态时,将左侧栏显示在右侧栏上方,提醒使用者。该提醒只会进行一次。

3.2K20

苹果全新UI框架来了!可视化编程,自动化减少20%代码量

那么,SwiftUI解决了哪些痛点?带来哪些好处?代码风格如何?敬请阅读本文。 刚刚结束的苹果WWDC推出了一个对于开发者非常重要的框架:SwiftUI。...让Xcode for iPad更上一层楼 开发者对Interface Builder的抱怨不是一天两天了,它大大增加了分解视图块以及从视图控制器(view controller)使用视图的工作量,导致出现体积臃肿的视图控制器...此前,无论什么尺寸屏幕的iPad,总是很难将Interface Builder的大小放到iOS上。而拥有更简单,更快速,更安全的SwiftUI为开发人员实现真正的平台独立性迈出了一大步。...感受一下SwiftUI的代码风格 ? Github一个repo整理了在WWDC 2019发布的SwiftUI布局框架的一些官方示例: SwiftUI Essentials 创建和组合视图: ?...比如,它只支持Swift,你不能在Obj-C里使用SwiftUISwiftUI目前还不是很成熟,正在从事iOS开发的程序员可能更应该继续使用Obj-C,直到SwiftUI足够成熟。

5.3K20

肘子的 Swift 周报 #031 |苹果用 M4 来展现拥抱 AI 的决心

肘子的话 苹果用 M4 来展现拥抱 AI 的决心 在 5 月 7 日,苹果终于在时隔一年半后更新了 iPad 系列,其中最引人注目的是,新款 iPad Pro 直接搭载了最新的 M4 芯片。...在 iPad Pro 上首发 M 系列最新芯片,苹果此举打破传统,充分显示了其在 AI 时代赶超其他厂商的决心。 随着 M4 芯片的引入,我对苹果今年可能发布的 Mac 产品线充满期待。...搭载 M4 芯片的 iPad Pro 将更加专注于能够突显其 “Pro” 级别定位的场景。...对大多数用户来说,具备了一定 AI 能力且性价比更高的基于 M2 芯片的新 iPad Air 或许是更合适的选择。...团队面临的主要问题包括:与 SwiftUI 和现代 Swift 包的兼容性问题、Xcode SwiftUI 预览功能中断、storyboards 加载缓慢、以及 Podfile 复杂性增加和依赖维护困难等

13210

SwiftUI TextField进阶——格式与校验

第二种思路,则是不使用黑魔法,通过SwiftUI的原生方式,在录入文本发生变化时,对文本进行格式化。本文的方案二是该思路的具体实现。...如何在TextField中屏蔽无效字符 现有屏蔽字符方法 在SwiftUI中,可以通过设置使用特定的键盘类型来实现一定程度上的录入限制。...•只支持部分类型的设备•支持的键盘类型有限 例如在iPad下keyboardType是无效的,在苹果鼓励应用程序对多设备类型支持的今天,让用户在不同的设备上享受到相同的体验至关重要。...两种方案的比较 •效率由于方案一在每次录入时需刷新一次视图,因此理论上其执行效率要高于方案二,不过在实际使用中,二者都可以提供流畅、及时的交互效果。...本文涉及了TextField的部分内容,在【SwiftUI TextField进阶】的其他篇幅中,我们将探讨更多的技巧和思路,让开发者在SwiftUI中创建不一样的文本录入体验。

8K20

SwiftUI:“看我展示52张扑克牌,很快啊!”

思路 使用 SwiftUI 创建 UI 结构; 使用 swift 的枚举和结构体实现数据生成,通过 viewModel 整合数据用于展示(交互暂时未做,因此不涉及 MVVM 设计模式中的数据绑定)。...-20 下午6.00.37] 运行 iphone11 黑暗模式效果图: [Simulator Screen Shot - iPhone 11 - 2020-11-25 at 11.25.13] 运行 ipad...air 模拟器效果图: [Simulator Screen Shot - iPad Air (4th generation) - 2020-11-23 at 11.42.50] 相关代码解析 枚举创建扑克牌号码...SwiftUI 使用声明式方法构建 UI,代码方面简洁了很多,一套代码,三端适用(iOS,iPadOS,macOS(M1))。而且支持实时预览,大大提高了 UI 开发效率!...距离 APP 支持最低版本 iOS13 应该也不远了(微信目前最低支持 iOS11.0),iOSer 们,是时候学习一波 SwiftUI 了!随便再温习下 swift 相关语法。

95750

用 Table 在 SwiftUI 下创建表格

4.0 的第一个测试版本中( Xcode 14.0 beta (14A5228q) ),Table 在 iPad OS 上的表现不佳,存在不少的 Bug 。...货币符号", value: \.currencySymbol) } image-20220620150114288 其他未指定列宽的列( 标识符、货币代码、货币符号),将会根据 Table 中剩余的横向尺寸进行平分...在 macOS 上,如果 Table 中的内容( 行宽度 )超过了 Table 的宽度,Table 将自动开启横向滚动支持。...样式 SwiftUI 为 Table 提供了几种样式选择,遗憾的是目前只有 .inset 可以用于 iPadOS 。...出现上述问题的主要原因是,苹果没有采用其他 SwiftUI 控件常用的编写方式( 原生的 SwiftUI 容器或包装 UIKit 控件),开创性地使用了 result builder 为 Table 编写了自己的

3.9K30

SwiftUI 中用 Text 实现图文混排

一个和一组在 SwiftUI 中,Text 是使用频率最高的几个组件之一,几乎所有的文字显示操作均由其完成。随着 SwiftUI 版本的不断提升,Text 的功能也得到持续地增强。...在下面的代码中,尽管我们通过布局容器视图将 Text 横向排列到一起,但 SwiftUI 仍会将它们视作多个 Text 视图( 一组 ),对每个 Text 分别进行换行操作:struct TempView...}@Sendablefunc createPlaceHolder() async { let size = CGSize(width: tagSize.width, height: 1) // 横向占位...size) let image = Image(uiImage: uiImage) placeHolder = Text(image)}方案二的优缺点无须预制图片标签的内容、复杂度等不再受限适用于当前的特殊案例...4 提供的 ImageRenderer 完成视图至图片的转换,因此支持 iOS 16+在低版本的 SwiftUI 中,可以通过用 UIHostingController 包裹视图的方式,在 UIKit

4.2K30

解析SwiftUI布局细节(一)

前言 ---- 在前面的文章中谈了谈对SwiftUI的基本的认识,以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI,具体的文章可以在SwiftUI分类部分查找...,这篇我准备在写UI的时候从SwiftUI角度我们具体的应该怎样去做,或者说是用SwiftUI我们该从什么角度去解析一个页面。...以及对SwiftUI里面的其中一些细节知识做一下分析总结。...我们首先得认识一下它俩:VStack (竖直) HStack (横向) 它们俩我最能接受的方式就是把他们理解成容器(受Cocos影响),一个纵向 (vertical) 容器,一个横向(horizontal...当然这个横向和纵向也是相对你手机屏幕的是竖直还是水平的,不是绝对的,这个理解一下也容易!

2.3K10

iPadOS生产力翻身,Mac Pro官方攒机 | 软、硬皆出彩的WWDC19

除了重头戏 IOS13操作系统更新之外,还有全新的TV OS,提供了全新的多用户管理;Apple Watch有了独立的App Store和独立应用接口;针对iPad,IOS13被重新命名为iPad OS...这是iPad 基于 iOS的全新发布 ,但从此不再叫 iOS 了。iPad OS针对此前iOS在iPad上面的多个短板进行了拟补。 ?...iPad 如今更加桌面化,一个桌面可以显示更多的图标,还能把小插件页面直接放到主页左侧。 ?...开发者福利,新框架SwiftUI ? 开发语言Swift建立的新框架——SwiftUI,让开发者们更快更简单的写出代码。对比传统的编程语言代码要短很多。...Xcode 11 包含更直观的新设计工具,可让开发者通过拖拽的方式使用 SwiftUI 构建界面,在这过程中可以直接设置控件的相关属性,实现了左边代码,右边呈现效果。

1.2K40
领券