第7章第4节：制作一款教育应用的漂亮首页 [SwiftUI快速入门到实战]

本节课制作一个模拟手机解锁的动画，我们需要一个文本视图，用来执行色彩变换的动画。文本视图的上方是一个长方形，用来执行由左至右缩小的动画。 首先添加一个布尔属性，标识是否进行色彩变换的动画。 添加一个ZStack视图，作为子视图的容器。 继续添加一个文本视图，作为色彩变换动画的载体。同时增加文字的尺寸，并设置文字的颜色为紫色。 为了使色彩变换的动画更明显，这里降低文本视图的亮度。 对文本视图进行色彩的旋转，并根据布尔属性的值，设置不同的旋转角度，从而形成色彩变换的动画。 ..

我们在第2章的第19节绘制了一枚漂亮的花朵，本节课将以这个花朵为基础，制作一段漂亮的花朵旋转动画。 首先定义一个自定义的结构体，作为自定义的花瓣视图。 给结构体添加两个属性，作为花瓣的填充颜色和旋转角度。 实现View协议里的body属性，以绘制自定义的图形。 首先绘制一个基本的胶囊图形，并设置它的填充颜色和宽度、高度等尺寸信息。 然后使胶囊图形，向下方偏移60点的距离。同时设置胶囊图形的不透明度为0.75，这样当多个胶囊图形叠加时，可以看到下方胶囊图形的颜色。 给图..

本节课延续上一节课的内容，您将完成课程类别列表的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件，作为课程的类别列表视图。 接着开始编写代码，完成课程类型列表视图的制作。 添加一个VStack视图，作为列表标题和列表视图的容器。 ..

本节课开始制作一款健身应用的主要界面，您将掌握环形图表、折线图表、柱形图表动画、页码跳转以及多个滚动视图的使用等众多知识点。 由于需要从一个页面跳转到另一个页面，所以首先添加一个导航视图，作为需要进行导航的视图的容器。 从效果图可以看出，页面所有元素位于渐变色的背景之上，所以添加一个ZStack视图，作为子视图的容器。然后绘制一个矩形图形，作为页面的背景。 根据设计师提供的效果图，修改矩形的渐变颜色，并设置渐变起点为顶部，渐变的结束点为底部。 通过忽略安全区域的限制，将矩形撑满整..

从本节课开始，我们将一起制作一款理财应用的主要界面，总共需要制作五个不同功能的页面。现在开始编写代码，实现主页面的制作。 由于需要从一个页面跳转到另一个页面，所以首先添加一个导航视图，作为需要进行导航的视图的容器。 从效果图可以看出，页面所有元素位于深色的背景之上，所以添加一个ZStack视图，作为子视图的容器。 绘制一个矩形图形，作为页面的背景。并通过忽略安全区域的限制，将矩形撑满整个屏幕。 除了背景之外的元素都是从上到下排列的，因此添加一个VStack视图，作为子视图的容器。..

本节课延续上一节课的内容，您将完成滑动选项卡的制作。此处的滑动选项卡，和本章第19节里的表单选项卡有些类似。 通过观察效果图可以发现，有很多的元素拥有相同的颜色、尺寸等信息，您可以将这些信息放置在一个文件里，以方便管理和维护，还可以保持代码的简洁。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 最后点击创建按钮，创建一个新的文件。 现在开始编码，将某个页面共用的样式，或者整个项目都需要用到的样式，放在一个文件中。 由于使用到了S..

本节课延续上一节课的内容，您将完成首页最后一个模块：热门主题列表的制作。现在开始编写代码，实现这项功能。首先打开文件模板选择窗口。 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 接着开始编写代码，完成热门主题列表视图的制作。 添加一个数组，作为列表里的热门主题图标的数据源。 继续添加一个数组，作为列表里的主..

本节课延续上一节课的内容，您将完成彩环图表的制作。现在开始编写代码，实现这项功能。 首先添加一个VStack视图，作为图表标题和彩环图表的容器。 设置标题文字的字号为18，并设置文字的颜色为白色。 添加一个ZStack视图，作为彩虹图表视图的容器。 添加一个循环语句，以绘制四个圆形。接着按下键盘上的command键。 在按下command键的同时，点击此处的视图，打开快捷操作菜单。 选择此处的提取子视图命令，将布局视图提取为一个自定义视图。 然后输入一个名称，作..

本节课延续上一节课的内容，您将完成三张漂亮的冰激凌卡片的制作。 三张卡片是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 基于卡片的结构，添加一个ZStack视图，作为子视图的容器，并且绘制一个圆角矩形，作为卡片的背景。接着按下键盘上的command键。 在按下command键的同时，点击此处的视图，打开快捷操作菜单。 选择此处的提取子视图命令，将布局视图提取为一个自定义视图。 然后输入一个名称，作为这个自定义视图的名称。 按下键盘上的回车键，完成自..

本节课延续上一节课的内容，您将完成班级类别列表的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 接着开始编写代码，完成班级列表视图的制作。 添加一个拥有@EnvironmentObject标记的属性，当用户点击某个班级时，向该环境..

您已经完成了首页所有功能模块的制作，现在来将这些模块合并起来，首先点击此处的显示或隐藏导航区图标，显示左侧的项目导航区。 在此处的组名上点击鼠标右键，打开右键菜单。 选择新建文件命令，新建一个视图文件，作为首页视图的代码文件。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 点击显示或隐藏导航区图标，隐藏左侧的项目导航区。 接着开始编写代码，将前面..

源码地址：https://github.com/fzhlee/SwiftUI-Guide 图片来源：developer.apple.comSwiftUI 更好的应用，更少的代码。 SwiftUI是一种创新、简单的iOS开发中的界面布局方案，可以通过Swift语言的强大功能，在所有的Apple平台上快速构建用户界面。 仅使用一组工具和API为任何Apple设备构建用户界面。 SwiftUI具...

本节课开始制作一份注册和登录页面，通过本页面的制作，您将掌握如何制作滑动选项卡，以及如何显示或隐藏部分表单。 首先添加一个属性，标识当前的页面显示登录表单，还是显示注册表单。 由于当前的页面是上下结构的，所以添加一个VStack视图，作为子视图的容器。 接着添加一个HStack视图，作为标题视图的容器。 添加一个图像视图，显示项目里的指定名称的图片。 添加一个VStack视图，作为图标右侧两个文本视图的容器。 然后依次添加两个文本视图，并根据页面的类型显示不同的文字内..

本节课延续上一节课的内容，您将完成滚动列表的制作，并实现页面里的所有动画效果。 首先添加一个滚动视图，用来显示国家和地区列表。 添加一个VStack视图，作为子视图的容器。 添加一个循环语句，对包含六个元素的数组进行遍历。 继续添加一个VStack视图，作为地区列表子视图的容器。 添加一个HStack视图，作为一个图像视图和两个文本视图的容器。 绘制一个圆形，作为列表右侧的图标，并根据索引设置它的填充颜色。 根据数组的索引，创建指定内容的文本视图。 接着添..

您在上一节制作了显示或隐藏的动画，本节课您将制作样式更丰富、视觉更精美的过渡动画。 首先添加一个布尔属性，标识是否显示或隐藏指定的视图。 添加一个VStack视图，作为子视图的容器。 添加一个按钮控件，当用户点击按钮时，显示指定的图像视图。 在按钮的点击事件里，通过withAnimation函数，以动画的方式，toggle布尔属性的值。 接着根据布尔属性，添加一个判断语句。当布尔属性的值为真时，显示一个指定名称的图像视图。接着点击此处的实时预览按钮，进入实时预览模式。 ..

使用SwiftUI制作动画是非常简单和快速的，本节课演示缩放动画的制作。 首先添加一个浮点类型的属性，作为图像视图的缩放比例。 添加一个VStack视图，作为子视图的容器。然后通过图像视图，加载项目里的指定图片。 通过调用scaleEffect方法，按照浮点属性的大小，对图像视图进行缩放操作。 设置动画的时间曲线为默认，也就是执行线性变化的动画。 添加一个分隔线视图，以分隔图像视图和下方的按钮。 添加一个按钮控件，当用户点击按钮时，修改图像视图的缩放比例。 当按..

本节课演示如何制作一个彩色的圆环，进而创建漂亮的色轮旋转动画。 首先添加一个布尔类型的属性，标识是否开始播放动画。 添加一个ZStack视图，作为子视图的容器。接着创建一个简单的圆形图形。 给圆形设置描边效果，并设置边框的宽度为50。 接着给圆环填充角度渐变，渐变的颜色模拟彩虹的渐变色，并且角度渐变的中心点位于圆环的圆心。 设置圆环的内边距，使圆环和屏幕的左右两侧保持一定的距离。 然后给圆环应用旋转效果，并根据布尔属性的值决定旋转的角度。 接着给圆形应用动画效果..

大语言模型（LLM）拥有强大的通用能力，但在特定领域任务上，往往需要"微调"来适配。概念说明对比全量微调更新模型所有参数显存需求大，1.5B 模型约需 12GB+LoRA 微调冻结原始权重，仅训练低秩分解矩阵仅训练 0.6% 参数，显存需求降低 70%+在输入端添加可学习 token不修改模型权重，能力有限不直接修改原始权重矩阵WWW，而是学习一个低秩增量ΔWBAΔWBA，其中B∈Rd×rB∈Rd×rA∈Rr×kA∈Rr×kr。