第2章第21节:使用ViewModifier视图修饰符集成多个样式 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 ViewModifier视图修饰符和网页设计里的CSS类似,主要要用于整合一组常用的视图样式。 当项目拥有很多具有相同样式的视图时,你可以将这些样式组合成ViewModifier。这样只需给图片应用这个统一的ViewModifier即可...
第2章第15节:如何通过定时器实现环形进度条的定时隐藏 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 在上一节课,通过定时器实现环形进度条的定时隐藏。我们将在本节课借助...@Published属性包装器经常和ObservableObject配合使用,允许可观察对象里的属性被监听,从而起到和@State类似的作用。 AnyCa..
第9章第2节:集中存放应用程序所有视图通用的修饰符 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 SwiftUI里的修饰符,类似于网站设计里的CSS层叠样式表,主要用来修饰界面上的元素。本节课将创建一个文件,用来集中存放应用程序通用的修饰符。 《互动教程》应用的页面很多,它们都具有统一的风格,因此很多页面...
第9章第24节:创建用户档案列表的数据模型和数据源 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课开始创建用户档案列表页面,主要显示用户账号信息、收藏的课程列表和小技巧列表、资源下载、清除缓存和评分等功能。 首先创建一个数据类型,作为用户档案列表的数据模型和数据源。... ...在打开的文件模板窗口...
第3章第11节:如何往一个List列表里插入新的记录 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示如何配合NavigationView导航视图,往一个List列表里插入新的记录。 首先添加一个数组属性,作为列表的数据源。 接着添加一个导航视图,导航视图的功能类似于UINavigationController,主要用于多个...
第7章第22节:开始制作一份网站访问量的统计页面 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 从本节课开始,您将制作一份网站访问量的统计页面。完成统计页面的制作之后,您将掌握甜甜圈图表动画的设计,...除了背景之外的元素都是从上到下排列的,因此添加一个VStack视图,作为子视图的容器。 由于顶部标题..
第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 然后跳转到小组件视图所在的位置。 接着对小组件的外观进行一些修改。 将文本视图放置在ZStack视图中。 在文本视图的底部放置一张图片,并设置图片的内容模式为填充模式。 增加文字的尺寸,并将文字修改...
第4章第17节:利用动画的延迟特性完成序列动画的制作 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 序列动画是指在一个动画结束或即将结束时,执行另一段动画,这是一种非常实用和常见的动画形式。本节课将利用动画的延迟特性,完成序列动画的制作。 添加一个属性,作为视图移动的距离。 ...添加一个数组属性,...
第8章第8节:完成由曲线、面积、柱形图表组成的复合图表 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 除了背景之外的图表元素都是从上到下排列的,因此添加一个VStack视图,作为子视图的容器。 添加一个文本视图,用来显示指定的标题文字。然后设置文字的对齐方式,并增加文字的字号。 设置文字的颜色和文本视图...
第1章第2节:使用Text视图显示指定的文字 [SwiftUI快速入门到实战] 标签: swiftui 本节课演示最基本的Text视图...body属性的类型为View协议,View是SwiftUI所有界面元素的基础类型。遵循View协议并实现必需的body属性,即可给视图提供自定义的内容和行为。 从右侧的同步预览区可以看出,此时在界..
第1章第3节:Text视图的段落属性 [SwiftUI快速入门到实战] 标签: swiftui swift 本节课演示文本视图的段落属性,通过这些段落属性可以调整文字的字距、行距、偏移值、框架和对齐方式等视觉样式。 添加一个文本视图,并使用字距属性设置它的字距为10,同时观察右侧同步预览区的变化。...
第1章第4节:Text视图的填充属性 [SwiftUI快速入门到实战] 标签: swift swiftui 本节课演示文本视图的内部填充属性,开发者可以使用填充属性,修改文字内容和文本视图边框之间的距离,即修改文本视图的上下左右的内边距。 为了更加清楚的显示填充属性,首先给文本视图设置黑色作为背景颜色,...
第3章第10节:使用List列表在垂直方向显示一系列的内容 [SwiftUI快速入门到实战] 选择此处的List选项,将视图嵌入到List视图里。 这样就创建了一个列表,该列表在默认状态下拥有五行内容。继续编写代码,演示List视图的其它用法。 首先创建一个List视图。 通过在List视图里添加三个文本...
第3章第15节:使用section将列表分为几个组 [SwiftUI快速入门到实战] 标签: ios开发 选择此处的列表选项,将视图嵌入到列表里。 接着对列表进行一些修改操作。 首先删除列表的范围属性。 在列表里添加三个文本视图,这组文本视图用来显示一些水果列表。 继续添加四个文本视图,这一组文本...
第3章第23节:使用Section对表单进行分组 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 您在本章的第13节使用Section视图,对数据较多的List视图进行分组。当表单里的选项较多时,同样可以使用Section对表单进行分组。 按下键盘上的回车键,将光标下移一行。 ...您将通过库窗口,在光标位置插入Section...
第1章第13节:通过Button打开一个模态窗口 [SwiftUI快速入门到实战] 标签: swiftui swift swiftui教程 本节课将使用Button控件的sheet方法,打开一个指定内容的模态窗口。首先给当前的结构体对象添加一个属性。 该属性是布尔类型,用于决定模态窗口的显示和隐藏。 ...接着添加一个按钮控件,并设置它的标题文字。...
第2章第20节:如何通过AnyView返回任意类型的视图 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示AnyView的使用,首先为当前的结构体,添加一个布尔属性。 布尔属性用于判断显示哪一个视图,它的值是一个随机的布尔值。 作为View协议唯一的属性,body需要return一个View。return关键词默认被省略...
第3章第12节:如何删除List列表里的记录 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 本节课演示如何配合NavigationView,删除List列表里的元素。 添加一个导航视图,导航视图的功能类似于UINavigationController,主要用于多个视图之间的跳转。 然后创建一个列表视图,用于演示往这个列表里插入...
第1章第16节:使用图像视图强大的色彩调整功能 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 SwiftUI提供了大量的图像特效,从而使用户不需借助专业的图像处理软件,也可以给图像添加丰富多彩的梦幻效果。首先加载项目里的图片。 依次添加两个图像视图,以方便进行特效的对比。其中第一个视图是原始图片,...
第1章第19节:如何对图像视图进行缩放和旋转 [SwiftUI快速入门到实战] 标签: swiftui swift swiftui教程 本节课将演示图像视图的缩放和旋转,当前项目已经拥有了一个图像视图。 添加一个新的图像视图,并将它缩小为原来的0.8倍。在右侧的预览窗口,观察上下两张图片的不同。 ...您可以对图像视图的宽度和高度应用不同的...
第1章第17节:两个图像视图之间的色彩混合 [SwiftUI快速入门到实战] 标签: swiftui swift swiftui教程 本节课演示多个图像视图之间的混合效果。... 选择此处的资源文件夹选项,打开项目的资源文件夹。 ...当前资源文件夹包含两张图片,作为图像之间混合的演示素材。如果您需要使用这两张素材图片,请使用我们的课程源码...
第3章第25节:如何切换部分表单项目的可见性 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示如何切换部分表单的可见性,从而实现根据用户的选择,给用户提供不同的表单项目。现在开始编写代码,实现这项功能。 添加一个布尔属性,用来标识是否隐藏表单。由于具有@State的属性,需要和子视图进行...
第1章第18节:如何给图像视图添加遮罩以突出主题 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示如何给图像添加遮罩,使用遮罩可以突出显示图片的主题内容,我们在第四章还将利用遮罩制作非常漂亮的动画。 首先添加一个图像视图,显示项目中的一张图片素材。 然后通过调用裁剪图形方法,给图像...
第2章第8节:使用Toggle开关控件开启或取消某个选项 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 Toggle开关控件的使用非常普遍,例如手机设置页面的蓝牙和飞行模式等功能的选项开关。主要用于标识是否选择某个选项,或者是否激活某项功能。 首先添加一个布尔类型的属性,并设置它的初始值为真。...
第1章第6节:如何对Text视图里的日期进行格式化 [SwiftUI快速入门到实战] 标签: swift swiftui swift教程 本节课演示如何对日期内容进行格式化,并显示在文本视图中。首先给当前的ContentView结构体,添加一个日期属性。 该日期属性的初始值,是设备的当前日期。 ...接着添加一个日期格式化类型的属性,对日期内容进行...
第3章第14节:如何使列表同时支持删除和移动记录的功能 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示如何给一个列表,添加同时支持删除和移动记录的功能。 首先添加一个数组属性,作为列表的数据源。 接着添加一个导航视图,从而在导航栏添加标题和编辑按钮。...然后创建一个List视图,用于演示往这个...
第2章第6节:使用Slider滑杆在指定的范围内选择一个数值 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 Slider视图的使用非常简单,用户可以在最小值和最大值的范围内,通过拖动滑块进行数值的快速设置,所以常用于音量调整、播放进度和拍照缩放等场合。 首先添加一个浮点类型的属性,并设置它的初始值为0。该属性...
第2章第28节:使用径向渐变制作从原点向外扩散的渐变颜色 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 径向渐变从原点开始,以椭圆形状向外扩散,渐变由两部分组成:椭圆和颜色组。椭圆用来控制渐变的位置和形状,而颜色组用来控制渐变的颜色变化。 首先修改此处的文本视图,径向渐变将作为文本视图的背景。...
第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示Stepper步进器的使用,步进器由一个增加按钮、一个减小按钮和一个数值标签组成,非常适用于在小范围内进行数值的精确调整。 首先添加一个浮点类型的属性,并设置它的初始值为0。该属性拥有@State属性...
第8章第22节:完成理财类别九宫格视图的制作 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课延续上一节课的内容,您将完成理财类别九宫格的制作。 首先添加一个VStack视图,作为九宫格视图的容器。 添加一个HStack视图,作为九宫格第一排图标的容器。 添加一个按钮控件,作为九宫格的...然后..