从零开始学 SwitUI

新建 SterilizeWholeBoardPage 空页面 添加 【灭菌批号】【栈版号】【箱号】 添加 【栈板序号】【物料总体积】【箱数】 使用 environment 规范 Title 文本的宽度

我们已经通过栈版号获取到了箱子列表数据，那么我们用List将数据展示出来。 BoxDetailModel 实现 Identifiable 协议 List + ForEach 实现列表 List 构建的

创建托盘绑定箱号界面 新建 ViewModel 新建 Page 新增首页跳转 PalletBindBoxNumberPage NavigationLink 对于导航的跳转，我们需要用到Navigati

在首页切换工厂的时候，我们发现了一处严重的UI问题。 本来我们做的PopMenuButton竟然被导航栏遮挡在最下面。出现的原因在于，我们无法确保我们的PopMenuView一定在最外面，因此可能被其

经过通过Demo工程不停的测试，终于尝试出来两种版本可以解决问题，一种通过@ObservedObject的方式可以解决问题，另外通过@StateObject解决问题。但是不管通过@ObservedOb

在我的界面，导航栏和内容视图已经融合在一起了，我们没有办法分清楚。 我们准备让导航条和内容分开，不然这样看起来的UI太丑了。 此时我们创建一个默认导航条的配置，可以轻松和内容是如区分。我们设置一下导航

新增 Profile 环境 到此我们已经做完了登录页面 首页 我的页面，但是还是存在一些问题需要进行优化，比如登录页面在第一次安装App的时候，默认没有服务器地址，需要用户手动的选择一个，这样就让用户

实现自动登录 接下来我们需要做 `自动登陆功能，自动登陆就是登陆之后，下次启动开启状态下，直接进入首页。关闭情况下，则进入登陆页面。 我们需要两处需要初始化LoginPage的地方，这个玩意需要参数，

选择车间功能做完之后，我们接下来开始做产线的功能。 但是产线的功能来源于车间，意思当车间更换之后，我们的产线就要发生变更。那么我们就要监听AppConfig 中 workShopCode 值发生改变，

UIViewController 自定义 Sheet UIHostingController 调用 SwiftUI 视图 withAnimation 默认动画 我们将使用 UIViewControll

获取当前工厂车间列表 这一章我们来给我的界面的数据写数据获取的实现和界面的交互。 对于显示当前选择的生产车间的，我们先是要获取到当前工厂可用的车间列表。 我们将车间的名称设置到界面上去。 onAppe

首页的界面基本做完了，功能也挺简单，跳转到对应界面即可。我们就先做一下我的页面的内容，内容也不是很多。 我的页面是一个配置和显示的功能也不是很复杂，但是界面也需要标题栏和灰色的背景试图。但是我们就需要

为了让选中工厂之后可以显示我们工厂的名称，我们修改代码如下。 HomePage @Published sink监听值的变化 但是我们想把选中的工厂编码保存到本地，用于下次启动可以显示上次选中的工厂。我

用户登录之后，就可以进入首页了，我们看一下首页的 UI的样子。 我们先创建一个 HomePage。 我们在入口修改逻辑，支持登录完毕进入首页。 TabView 创建 TabBar 我们登录完毕，或者下

我们几乎在 LoginPageViewModel 添加了大量的代码，才实现了请求展示 HUD，请求完毕展示信息之后 2 秒自动消失。 我们需要每个界面都要写这么多的代码吗？我们可以考虑进行封装，那么我

HUDViewModify 封装完毕，我们添加在 LoginPage 主页面上面，首先需要在 LoginViewModel 新增一个 isLoadingHUD 的参数。 在 LoginPage 将 H

RoundedRectangle 自定义 HUD 在我们进行登陆请求的时候，界面上毫无反馈，我们想加上 Loading 动画，等接口完毕就提示登录成功或者登录失败。 虽然有很多优秀的第三方 HUD，但

LoginPage 界面的工作终于弄完了，终于到写逻辑的地步了。真的是不容易，学的过程中一步一个坑。 我们新建一个 Api 的文件夹用于存放我们工程所有用到的接口，新建一个 UserLoginApi.

接下来我们在 LoginPageViewModel 完成 LoginPage 页面的业务逻辑。对于获取到用户输入的用户名和密码，保存记住密码状态，我们都已经通过 属性包装器完成了。 剩下的业务逻辑，就

登陆页面剩下就记住密码和登录按钮了，我们接下来封装记住密码组件。我们在 LoginPage 的 View 新建一个 RememberPasswordContentView.swift. 使用 Rect