SwiftUI和Firestore - 腾讯云开发者社区

文章/答案/技术大牛

发布

如何结合 Core Data 和 SwiftUI

core data stack SwiftUI 和 Core Data 之间相差将近十年 —— SwiftUI 随着 iOS 13 面世而 Core Data 则是 iPhoneOS 3 的产物；...AppDelegate.swift 和 SceneDelegate.swift 中现在有用于设置 Core Data 的额外代码。...接下来，单击 “Attributes”表正下方的+按钮以添加两个属性：“id”作为 UUID 和 “name” 作为字符串。...现在，您可能认为这需要大量的学习，但并不会带来很多结果，但是您现在知道什么是实体和属性，知道什么是托管对象和请求，并且已经了解了如何保存更改。...: https://www.hackingwithswift.com/books/ios-swiftui/how-to-combine-core-data-and-swiftui

13K3 0

SwiftUI：使用 ImagePaint 制作边框和填充

SwiftUI严重依赖于协议，使用绘图时可能会有些混乱。例如，我们可以将Color用作视图，但它也符合ShapeStyle——用于填充，笔触和边框的另一种协议。...为了解决这个问题，SwiftUI为我们提供了一种专用类型，该类型可以完全控制应如何渲染图像的方式包装图像，这又意味着我们可以将它们用于边框和填充而不会出现问题。...这些第二和第三个参数具有合理的默认值“整个图像”和“ 100％比例”，因此有时您可以忽略它们。....border(ImagePaint(image: Image("Example"), scale: 0.2), width: 30) 如果要尝试使用sourceRect参数，请确保传入相对大小和位置的...sourceRect: CGRect(x: 0, y: 0.25, width: 1, height: 0.5), scale: 0.1), width: 30) 值得一提的是，ImagePaint可用于查看背景和描边形状

2.3K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

SwiftUI 之 HStack 和 VStack 的切换

前言 SwiftUI 的各种堆栈是许多框架中最基本的布局工具，能够让我们定义组视图，这些组视图可以按照水平、垂直或覆盖视图对齐。...当涉及到水平和垂直的变体时( HStack 和 VStack )，我们需要在这两者之间动态的切换。...这样做的好处不仅仅是在引入 GeometeryReader 之前保留同样紧凑的布局，并且会使 DynamicStack 在开始的时候以一种和系统组件类似的方式在所有设备和方向上构建。...这都是因为事实证明 Layout 不仅仅是我们第三方开发者的 API ，Apple 也让 SwiftUI 自己的布局容器使用这个新协议。...在我们的例子中，这意味着我们能同时把 HStack 和 VStack 传递给它，并且代表我们在它们中间自动切换。

3.9K1 0

SwiftUI：视图的显示和隐藏动画

SwiftUI最强大的功能之一是能够自定义视图的显示和隐藏方式。以前，您已经了解了如何使用常规if条件有条件地包含视图，这意味着当条件更改时，我们可以从视图层次结构中插入或移除视图。...转换控制插入和删除的方式，我们可以使用内置转换，以不同的方式组合它们，甚至创建完全自定义的转换。....fill(Color.red) .frame(width: 200, height: 200) } 最后，我们可以在按钮的点击事件中将isShowingRed在“true”和“...没有动画；它只是突然出现和消失。...通过使用withAnimation（）包装状态更改，我们可以获得SwiftUI的默认视图转换，如下所示： withAnimation { self.isShowingRed.toggle() }

6.3K3 0

Hello, SwiftUI

来体验一把声明式语法吧 import SwiftUI struct ContentView: View { var body: some View { VStack { MapView()...var body: some View { struct ContentView: View { PreviewProvider 那么能够时时预览那么肯定跟这三个哥们有关系下面我们先看看这View在swiftUI...var body: Self.Body { get } } 和明显这个所谓的body就是我们实时预览的真正实体接着我们看PreviewProvider @available(iOS 13.0, OSX...get } } 咋看之下混混然，仔细一看有一个 static var previews: Self.Previews { get } 还是个static变量，从而我们可以臆断这个就是渲染的主要地方和实现...name: "Default Configuration", sessionRole: connectingSceneSession.role) } 自从新的功能就基本串联起来，后续我研究怎么使用swiftUI

1.7K2 0

SwiftUI-GeometryReader

— 一个容器View，根据其自身大小和坐标定义其内容。解读本身也是一个容器类型的View。可以自己决定内容的大小与位置。...可以通过frame()获取屏幕坐标系的 x 和 y 坐标。...frame(width: screenRect.width, height: screenRect.width) } } } 案例二在一个VStack中垂直摆放两个元素Text和DIYRectangle

2.2K2 0

SwiftUI案例：天气

SwiftUI案例：天气效果目标实现静态的仿iOS天气APP程序文件与配置外观配置外观配置需要从 '代码' 中下载文件并提取对应的图片需要配置在 Assets.xcassets...在工作区的项目文件夹下创建名为 Model 的 Group 并在其中创建 Forecast.swift 视图与模板实现 ContentView.swift 这是应用视图的总体框架布局，需要自适应屏幕尺寸 import SwiftUI...PreviewProvider { static var previews: some View { ContentView() } } Home.swift import SwiftUI...node.particlePositionRange.dx = UIScreen.main.bounds.width - 30 } } WeatherDataView.swift import SwiftUI...CGSize(width: radius, height: radius)) return Path(path.cgPath) } } Forecast.swift import SwiftUI

5.7K2 1

SwiftUI-Preference

在 SwiftUI 中，组件间的数据传递通常依赖于如 @State、@Binding、@Environment 等机制。但如果希望将子视图中的某些状态或信息传递给父视图，该如何处理呢？...import SwiftUI // 模拟实现 // 1.遵守协议 struct NavigationBarTitleKey: PreferenceKey { static var defaultValue...import SwiftUI struct ContentView: View { var body: some View { NavigationView { /...} } PreferenceKey协议 SwiftUI 并没有提供 @Preference 这样简单的属性包装器，想要使用 Preference，必须定义一个结构体遵守 PreferenceKey 协议...中一个极其强大但也容易被忽视的功能，虽然用法稍显繁琐，但它能大幅拓展 SwiftUI 的表达力，尤其是在自定义复杂组件时。

3691 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了。...革命性的动画和视觉效果升级 SwiftUI 原本欠缺一些高级的动画和视觉功能在本次升级中一并被补上了，而且苹果大幅更新了动画、转场、Shape、效果等方面的内部实现。...从我这两天的使用来看，在其功能和稳定性得到进一步改善和增强的情况下，它确实会给开发者带来更多的便利。...在接下来的一段时间里，我将在博客中介绍和探讨 SwiftUI、SwiftData 以及几个我比较感兴趣的新框架 TipKit 和 CKSyncEngine。

1.7K2 0

SwiftUI @State @Published @ObservedObject 深入理解和使用

1.SwiftUI 是Apple 新出面向未来、跨多端解决方案、声明式编程 SwiftUI最新版本 2.0 但是需要 IOS 14 支持，多数现在还用的是IOS 13 所以很多不完善的东西都用SwiftUIX...@State允许我们绕过结构体的限制：我们知道不能更改它们的属性，因为结构是固定的，但是@State允许SwiftUI将该值单独存储在可以修改的地方。...但是相信我，这是值得的：随着你的进步，你会了解到SwiftUI经常破坏和重新创建你的结构体，所以保持它们的小而简单的结构对性能很重要。...提示：在SwiftUI中存储程序状态有几种方法，您将学习所有这些方法。@State是专门为存储在一个视图中的简单属性而设计的。...@Published + @ObservedObject 介绍 @Published是SwiftUI最有用的包装之一，允许我们创建出能够被自动观察的对象属性，SwiftUI会自动监视这个属性，一旦发生了改变

4.3K1 0

SwiftUI：Alert弹窗

如果发生重要事件，通知用户的一种常见方法是使用警报Alert弹窗-根据您的需要，该弹出窗口包含标题，消息和一个或两个按钮。但是请考虑一下：何时应该显示警报以及如何显示Alert？...基本的SwiftUIAlert具有标题，消息和一个关闭按钮，如下所示： Alert(title: Text("Hello SwiftUI!")...SwiftUI将观察showingAlert，并在它变为true时立即显示警报。...= true } .alert(isPresented: $showingAlert) { Alert(title: Text("Hello SwiftUI...仔细看看alert()修饰符： .alert(isPresented: $showingAlert) 这是另一种双向数据绑定，这是因为SwiftUI会在警报解除后自动将showingAlert设置为false

6.3K2 0

SwiftUI-MVVM

最近看了斯坦福大学 2020 春季的 SwiftUI 课程，总结一下 SwiftUI 是如何支持 MVVM 设计模式的。...介绍 MVVM（Model-View-ViewModel）并非一种框架，而是一种架构模式，一种思想，一种组织和管理代码的方法。...原则在 MVVM 架构中 View 和 Model 不能直接通信，必须通过 ViewModel。...SwiftUI中的MVVM SwiftUI + Combine 原生就是 MVVM 架构，且能很容易地支持数据的双向绑定。 Model—>View ?

3.4K4 1

SwiftUI 布局 —— 对齐

在 WWDC 2022 中，苹果为 SwiftUI 增添了 Layout 协议，让我们有了更多的机会了解和验证 SwiftUI 的布局原理。...本文将结合 Layout 协议的内容对 SwiftUI 的 “对齐” 进行梳理，希望能让读者对“对齐”有更加清晰地认识和掌握。...中，分别用 HorizontalAlignment 和 VerticalAlignment 来标识在视图纵轴和横轴方向的参考线，并且可以由两者共同构成对视图中的某个具体的参考点的标识。...在 SwiftUI 中，系统预置对齐指南都提供了对不同布局方向的支持。...主视图将和附加视图按照设定的对齐指南进行对齐。

7.3K2 0

SwiftUI-Environment

介绍 Environment 是 SwiftUI 中一个独特而强大的功能，它不仅可以提供系统层面的环境信息，如colorScheme（颜色模式）、locale（本地化设置）等，还能获取与特定视图相关的状态...通过合理使用 Environment，可以让视图在保持独立性的同时具备对外部上下文的感知能力，是构建可维护 SwiftUI 应用的重要工具。...import SwiftUI struct ContentView: View { // 获取，参数与设置时的KeyPath一致 @Environment(\.colorScheme...import SwiftUI struct ContentView: View { @Environment(\.customColor) var customColor...var body: some View { HStack { Text("Hello") Text("SwiftUI

3030 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...欢迎大家在 Discord 频道[2] 中进行更多地交流 SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了...革命性的动画和视觉效果升级 SwiftUI 原本欠缺一些高级的动画和视觉功能在本次升级中一并被补上了，而且苹果大幅更新了动画、转场、Shape、效果等方面的内部实现。...从我这两天的使用来看，在其功能和稳定性得到进一步改善和增强的情况下，它确实会给开发者带来更多的便利。...在接下来的一段时间里，我将在博客中介绍和探讨 SwiftUI、SwiftData 以及几个我比较感兴趣的新框架 TipKit 和 CKSyncEngine。

1K1 0

SwiftUI：使用 CGAffineTransform 和奇偶填充来变换形状

当您不再满足于简单的形状和路径时，SwiftUI的两个有用功能会合在一起，以极少的工作量创建出漂亮的效果。第一个是CGAffineTransform，它描述了如何旋转，缩放或剪切路径或视图。...旋转变换的移动量等于绘制空间宽度和高度的一半，因此每个花瓣都以我们的形状为中心。为花瓣创建一个新路径，该路径等于特定大小的椭圆。将变换应用到该椭圆，以便将其移到适当位置。...rotation.concatenating(CGAffineTransform(translationX: rect.width / 2, y: rect.height / 2)) // 使用我们的属性以及固定的Y和高度为该花瓣创建路径...一旦开始拖动offset和width滑块，您应该就能清楚地看到代码的工作原理——它只是一系列旋转的椭圆，呈圆形排列。这本身就是有趣的，但是只要稍作改动，我们就可以从有趣升华。

1.9K3 0

SwiftUI-混合开发

在目前阶段，SwiftUI 很难独立开发一款功能强大的 App，还是需要与 UIKit 一起合作，借助 UIKit 成熟完善的知识体系，二者相互嵌套形成混合开发。...UIKit in SwiftUI UIKit SwiftUI UIView UIViewRepresentable UIViewController UIViewControllerRepresentable...updateUIView：根据条件和业务逻辑设置View的状态。...@Binding var selectedSegmentIndex: Int // 下面两个方法都是和 UIKit 相关 func makeUIView(context: Context...updateUIViewController：根据条件和业务逻辑设置UIViewController的状态。

2.9K1 0

SwiftUI-Markdown渲染

SwiftUI 在 iOS 15 中引入了对 Markdown 的原生支持，让开发者能够轻松地在应用中渲染格式化文本。语法 SwiftUI 主要支持以下内联 Markdown 样式。加粗文本。...import SwiftUI struct ContentView: View { let markdownString: String = "**WWDC21** ~~SwiftUI~~"...SwiftUI')`") Text("~~WWDC21 SwiftUI~~") // 链接支持...总结 SwiftUI 对 Markdown 的原生支持，使开发者可以更专注于内容与用户体验，而无需借助额外的富文本库。...未来随着 SwiftUI 的不断演进，我们有望看到更丰富的 Markdown 功能支持。

3331 0

如何在 SwiftUI 视图中显示应用图标和版本

前言在应用中显示应用图标和版本是为用户提供快速识别应用版本和变体的好方法，无论是内部用户（如测试人员或利益相关者）还是外部用户。...在本文中，我将展示如何创建一个可访问的 SwiftUI 视图，既能显示应用图标和版本，又能在各种文本大小和外观下看起来都很好：获取应用图标构建视图的第一步是从主包中获取应用图标。...创建 SwiftUI 视图现在让我们将所有内容结合起来，创建一个 SwiftUI 视图，显示应用图标和版本：AppVersionInformationView.swiftimport SwiftUIstruct...但是，应用图标只能作为命名的 UIImage 检索，所以我们需要先创建 UIImage，然后再转换为 SwiftUI Image。我们在一个垂直堆栈中显示应用版本，包括一个标签和应用版本字符串。...在获取到应用图标和版本信息后，我们创建了一个 SwiftUI 视图来展示这些信息。该视图使用水平堆栈（HStack）布局，将应用图标和版本信息并排显示。

1.8K2 2

SwiftUI监听ViewModel变化

SwiftUI 中 ViewModel 的变化会引起 UI 的变化，如何能做到监听 ViewModel？常见的有如下几种方式。

7301 1

点击加载更多

如何结合 Core Data 和 SwiftUI

SwiftUI：使用 ImagePaint 制作边框和填充

SwiftUI 之 HStack 和 VStack 的切换

SwiftUI：视图的显示和隐藏动画

Hello, SwiftUI

SwiftUI-GeometryReader

SwiftUI案例：天气

SwiftUI-Preference

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

SwiftUI @State @Published @ObservedObject 深入理解和使用

SwiftUI：Alert弹窗

SwiftUI-MVVM

SwiftUI 布局 —— 对齐

SwiftUI-Environment

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

SwiftUI：使用 CGAffineTransform 和奇偶填充来变换形状

SwiftUI-混合开发

SwiftUI-Markdown渲染

如何在 SwiftUI 视图中显示应用图标和版本

SwiftUI监听ViewModel变化

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐