第9章第25节:自定义一个视图用来显示用户学习状态 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 在打开的文件模板窗口中,选择此处的SwiftUI视图模板。 点击此处的下一步按钮,进入下一步设置页面。 然后在文件名称输入框里,输入文件的名称。 选择此处的组名,作为文件保存的位置。 最后点击创建...
第3章第22节:制作一份漂亮而强大的表单 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 SwiftUI提供了强大而快速的表单制作功能,您将在本节课制作一份漂亮而强大的表单。 首先为ContentView结构体添加一个数组属性,作为拾取器的数据源。 然后添加一个整型属性,作为拾取器里的处于选择状态的选项...
第9章第11节:实现从服务器获取新闻列表的功能 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课开始制作新闻列表页面,新闻列表页面用于向用户展示最近的活动或资讯。首先点击此处的图标,显示项目导航面板。 ... ...在打开的文件模板窗口中,选择此处的文件模板。...接着定义一个指定名称的类..
第8章第11节:完成三张漂亮的冰激凌卡片的制作 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课延续上一节课的内容,您将完成三张漂亮的冰激凌卡片的制作。 三张卡片是由上而下排列的,所以添加一个VStack视图,作为子视图的容器。 基于卡片的结构,添加一个ZStack视图,作为子视图的容器,并且绘制...
第4章第12节:通过修改渐变颜色的色相制作华丽的色彩动画 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 您将在本节课制作一份非常漂亮的渐变动画,通过修改渐变颜色的色相,制作华丽的色彩动画。 首先添加一个布尔类型的属性,标识是否开始播放动画。 添加一个VStack视图,作为子视图的容器。...
第2章第2节:方便用户选择日期的DatePicker日期拾取器 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 本节课演示DatePicker视图的使用,DatePicker和UIKit中的UIDatePicker类似,主要用于提供一个日期和时间列表,方便用户的选择。 首先添加一个日期格式化类型的属性,您将用它对用户所选的日期和时间进行格式化,...
第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画。文本视图的上方是一个长方形,用来执行由左至右缩小的动画。 首先添加一个布尔属性,标识是否进行色彩变换的动画。...
第2章第25节:通过Path路径绘制不规则的线条和图形 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 将路径的起点移到此处的坐标位置,也就是水平坐标为30,垂直坐标为0的位置。 然后通过addLine方法,从路径的起点,绘制一条直线,直线的终点坐标为{30, 200}。 接着从点{30, 200}开始,向右侧绘制一条直线,...
第9章第23节:完成消息列表页面的制作 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 您已经完成了消息视图的制作,现在可以继续制作客服信息列表了。首先返回客服信息列表页面。 然后在循环语句里,添加刚刚创建的消息视图。 ...初始化一个消息视图,并根据属性的值,设置用户的类型。...
第7章第21节:给页面里的内容添加动画效果 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课延续上一节课的内容,您将给所有的页面内容添加动画效果。例如选项卡的滑动切换动画,表单的显示和隐藏动画。 添加一个HStack视图,作为页面底部视图的容器。 ...设置文本视图的字体大小为14,并且根据屏幕...
第4章第11节:三维旋转、缩放和偏移三合一的复合动画 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示三维旋转、缩放和偏移复合动画的制作,并使用插值弹性动画的效果。 首先添加一个双精度类型的属性,作为...接着调用scaleEffect方法,将图像视图缩放到指定的比例。 最后添加三维旋转效果方法,在..
第6章第5节:如何在导航视图的底部放置一排工具栏 [SwiftUI快速入门到实战] 标签: html5 swift swiftui 本节演示如何在导航视图的底部放置一排工具栏,现在开始编写代码,实现这项功能。 首先定义一个结构体,作为工具栏的容器视图。 添加一个body属性,用来绘制工具栏的界面。...继续添加一个HStack视图,作为三个...
第2章第23节:矩形和圆角矩形的绘制以及给图形添加描边 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示矩形和圆角矩形等图形的绘制,以及如何给图形添加描边效果。 首先绘制一个简单的...使用相同的方式,绘制第三个橙色的矩形,并将它缩小到原来的0.6倍。这样就绘制了在垂直屏幕的方向上进行叠加的三个..
第4章第14节:如何利用裁剪图形制作常见的聚焦动画 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示如何利用裁剪图形的滑动,制作常见的聚焦动画。 首先添加一个布尔类型的属性,标识是否开始播放...当开始动画时,圆形将滑动到女士的头部,从而实现聚焦重点部位的效果。 给图像视图添加动画效果,..
第9章第16节:实现从服务器获取刷题类别列表的功能 [SwiftUI快速入门到实战] 标签: swiftui swiftui教程 ios开发 本节课开始制作刷题类别页面,当用户点击底部的刷题选项卡,将进入刷题类别页面,用来显示编程、设计等类别的笔试题、面试题。 ... 在打开的文件模板窗口中,选择此处的文件模板。...遵循Codable协议是为了将对象和...
第4章第3节:制作渐缓时间曲线的位移动画 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示位移动画的制作,并且位移动画以渐缓的时间曲线进行。 首先添加一个双精度类型的属性,作为图像视图的位移距离。 添加一个VStack视图,作为子视图的容器。然后通过图像视图,读取项目里的指定名称的...
第6章第2节:如何在PreviewProvider中使用导航视图 [SwiftUI快速入门到实战] 标签: swift swiftui教程 ios开发 选择此处的VStack选项,将视图嵌入到VStack视图里。 接着开始编写代码,往VStack里添加子视图。 通过图像视图,读取项目里的指定名称的图片。 然后给图像视图添加一个导航栏标题。 在图像视图的下方,...
第9章第30节:获取课程缓存大小并实现缓存文件的删除 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示清除缓存页面的制作,用户可以在该页面清除从云端下载的互动课程。... ... ...现在开始编写代码,不仅要实现界面的制作, 还要完成清除沙箱里的缓存文件的功能。...依次添加两个属性,第一个属性用来保存所有缓存...
第6章第16节:使用@AppStorage将属性的值同步到UserDefaults [SwiftUI快速入门到实战] 标签: ios ios开发 swift SwiftUI 2.0带来的@AppStorage属性包装器,可以很方便的将属性的值同步到UserDefaults中。 定义一个属性,它拥有一个默认值,并且使用了@AppStorage属性包装器,这样对该属性的存储和读取操作,都将映射到键名为...
第1章第9节:使用TextField文本输入框接收用户的数据 [SwiftUI快速入门到实战] 标签: swift swiftui 本节课演示TextField的使用,TextField是一个用来显示可编辑...当属性的值发生变化时,SwiftUI会立即通知绑定的视觉元素进行内容的更新。 由于给ContentView结构体添加了两个属性,所以需要更新PreviewProvider..
第3章第19节:创建一个水平方向上的滚动视图 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 添加一个循环语句,循环的范围是从1到7。 根据循环的索引值,从资源文件夹里读取指定名称的图片,并设置图像视图的高度为160。 设置允许自由调整图像视图的尺寸。 接着在保持图像视图高度为..
第5章第9节:使用@ScaledMetric使数值匹配Dynamic Type size [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 SwiftUI 2.0带来了@ScaledMetric属性包装器,使用@ScaledMetric包装的数值属性,可以跟随系统的Dynamic Type size同步变化。 这对于动态调整用户界面中的字号、视图间距非常有用。这里定义一个被@ScaledMetric...
第3章第2节:使用HStack在水平方向排列视图 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 选择此处的HStack选项,将文本视图嵌入到HStack视图里。 接着在HStack视图中,添加更多的子视图。 添加一个图像视图,显示一枚书本图标。此时图像视图和文本视图在水平方向上进行等距排列。 继续添加一个...
第2章第24节:使用胶囊图形绘制一朵漂亮的彩色花瓣 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示Capsule胶囊图形的绘制,最终还将利用多个胶囊图形,绘制一朵非常漂亮的彩色花瓣。 首先绘制一枚胶囊图形,它的默认填充色为黑色。 设置胶囊图形的内边距为20,并观察右侧预览窗口的变化。...
第7章第18节:给页面里的内容添加动画效果 [SwiftUI快速入门到实战] 标签: 动画 swift swiftui 本节课延续上一节课的内容,您将给所有的页面内容添加动画效果。 首先修改PreviewProvider里的内容,以在预览窗口显示ContentView。 添加一个布尔类型的属性,标识是否打开弹出窗口。...添加一个布尔类型的属性,...
第2章第9节:使用TabView包含和切换多个页面 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 本节课演示TabView标签视图的使用,标签视图位于屏幕的底部,可以让用户在几个页面之间进行快速的切换,效果类似于UITabBarController。 标签视图所控制的页面位于大括号之内。TabView仅支持类型为文本、图像或...
第5章第11节:预览视图在正常模式和黑暗模式下的效果 [SwiftUI快速入门到实战] 标签: ios swift swiftui 预览项目在黑暗模式下的效果是非常方便的。您将在本节课,在预览窗口观察文本、图标和图像在正常模式和黑暗模式下的效果。...然后分别将正常和黑暗模式下的图片素材,拖动到指定的位置,首先拖放..
第9章第21节:定义消息类型并实现从服务器下载消息的功能 [SwiftUI快速入门到实战] 标签: swift swiftui swiftui教程 在制作客服页面之前,首先来定义一个消息类型,并且实现从服务器下载消息的功能。首先在此处的组名上点击鼠标的右键,打开... ... ...在打开的文件模板窗口中,选择此处的文件模板。...遵循Codable协议是为了将对象和JS..
第2章第26节:使用渐变提高视觉的冲击力:绘制线性渐变 [SwiftUI快速入门到实战] 标签: swift swiftui ios开发 和单纯的颜色相比,运用渐变技术能使画面更加丰富,给人更强的视觉冲击力。本节课演示线性渐变的使用。 首先修改此处的文本视图,线性渐变将作为文本视图的背景。 ...设置文本视图的字体尺寸为36,增加文字的尺寸...
第2章第27节:使用角度渐变制作顺时针的扇形渐变颜色 [SwiftUI快速入门到实战] 标签: ios开发 swift swiftui 角度渐变是指从起点到终点,颜色按顺时针做扇形渐变,即发射形渐变。 首先修改此处的文本视图,角度渐变将作为文本视图的背景。 设置文本视图的字体尺寸为36,增加文字的尺寸。同时设置文本视图的间距,增加...