草庐IT

swiftui-navigationlink

全部标签

SwiftUI 简明教程之合理使用 EquatableView

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。EquatableView使用在实际开发中,很多界面可能是不需要频繁刷新的。虽然SwiftUI中的视图非常廉价,但是,如果有一种方法能减少只有在特定条件下需要刷新的视图的重绘,那么何乐而不为呢?而EquatableView可以

SwiftUI 简明教程之合理使用 EquatableView

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。EquatableView使用在实际开发中,很多界面可能是不需要频繁刷新的。虽然SwiftUI中的视图非常廉价,但是,如果有一种方法能减少只有在特定条件下需要刷新的视图的重绘,那么何乐而不为呢?而EquatableView可以

SwiftUI 简明教程之 GeometryReader、PreferenceKey

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。GeometryReaderGeometryReader是一个通过闭包来构建视图的容器,可以返回一个GeometryProxy类型的结构体,它包含如下属性和方法,由此我们可以获取当前视图容器(即父视图)的尺寸和位置,绘制以其为

SwiftUI 简明教程之 GeometryReader、PreferenceKey

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。GeometryReaderGeometryReader是一个通过闭包来构建视图的容器,可以返回一个GeometryProxy类型的结构体,它包含如下属性和方法,由此我们可以获取当前视图容器(即父视图)的尺寸和位置,绘制以其为

SwiftUI 简明教程之滑动视图

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。List构建基础构建方法List最基本的构建方法:List{Text("Sun")Text("Cloud")Text("Snow")}数据源通常我们的列表并非静态,而是与动态的数据源绑定的。List可以通过传入data来实现,

SwiftUI 简明教程之滑动视图

本文为Eul样章,如果您喜欢,请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode12+、iOS14+,macOS11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识,使读者能快速掌握并在iOS开发中实践。List构建基础构建方法List最基本的构建方法:List{Text("Sun")Text("Cloud")Text("Snow")}数据源通常我们的列表并非静态,而是与动态的数据源绑定的。List可以通过传入data来实现,

使用 SwiftUI 的 Eager Grids

介绍早在2020年,我们就拥有了在SwiftUI(LazyVGrid和LazyHGrid)中绘制网格的新视图控件。两年后,我们又获得了另一种在网格(Grid)中显示视图的视图控件。但是,这些新增功能非常不同,不仅在您使用它的方式上,而且在它内部的行为方式上。2020年的观点很懒惰。这些新人很热心。lazygrids不会渲染甚至实例化屏幕外的视图。单元格视图仅在它们被滚动时创建,并且在它们滚动时停止计算。这篇文章的主题EagerGrids正好相反。SwiftUI不在乎它们是在屏幕上还是在屏幕外。所有视图都被同等对待。这可能会出现大量单元的性能问题。然而,多少是一个很大的数字是一个不可能回答的问题

使用 SwiftUI 的 Eager Grids

介绍早在2020年,我们就拥有了在SwiftUI(LazyVGrid和LazyHGrid)中绘制网格的新视图控件。两年后,我们又获得了另一种在网格(Grid)中显示视图的视图控件。但是,这些新增功能非常不同,不仅在您使用它的方式上,而且在它内部的行为方式上。2020年的观点很懒惰。这些新人很热心。lazygrids不会渲染甚至实例化屏幕外的视图。单元格视图仅在它们被滚动时创建,并且在它们滚动时停止计算。这篇文章的主题EagerGrids正好相反。SwiftUI不在乎它们是在屏幕上还是在屏幕外。所有视图都被同等对待。这可能会出现大量单元的性能问题。然而,多少是一个很大的数字是一个不可能回答的问题

如何在 SwiftUI 中创建条形图

​前言条形图以矩形条的形式呈现数据的类别,其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图,其中矩形的高度将代表每个类别的值。开始图表布局SwiftUI对探索不同布局和预览实时视图结果是很友好的。很容易将部分内容提取到子视图中,以便每个部分都很小且易于维护。从将包含 BarChartView​ 以及可能的其他文本或数据的视图开始。这个 BarChartView 包含一个标题和一个图表区,它们由文本和圆角矩形表示。structChartView1:View{varbody:someView{VStack{Text("SampleBarChart").font(.title)Ba

如何在 SwiftUI 中创建条形图

​前言条形图以矩形条的形式呈现数据的类别,其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图,其中矩形的高度将代表每个类别的值。开始图表布局SwiftUI对探索不同布局和预览实时视图结果是很友好的。很容易将部分内容提取到子视图中,以便每个部分都很小且易于维护。从将包含 BarChartView​ 以及可能的其他文本或数据的视图开始。这个 BarChartView 包含一个标题和一个图表区,它们由文本和圆角矩形表示。structChartView1:View{varbody:someView{VStack{Text("SampleBarChart").font(.title)Ba