鸿蒙 ArkTS 实战:冰箱除味盒记录的状态建模、算法与交互实现
鸿蒙 ArkTS 实战:冰箱除味盒记录的状态建模、算法与交互实现
前言
冰箱除味盒记录用于按使用天数和冰箱异味等级提醒更换除味盒。
项目通过 ArkTS、ArkUI 和 @State 管理 days、odor、changes。
核心是 时间阈值、异味阈值和更换恢复,默认数据为0 天、异味 1 级。
页面展示除味状态和累计更换次数。
图 1:DevEco Studio 中的 ArkTS 开发环境。
页面结果应能从当前状态完整复算。
边界条件需要落到真实代码路径。
六十天为周期边界。
本文只讨论源码已实现能力。
一、业务对象
1.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑业务对象。
六十天为周期边界。
1.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
1.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
1.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 业务对象维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
二、状态字段
2.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑状态字段。
四级异味可提前更换。
2.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
2.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
2.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
三、核心规则
3.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑核心规则。
更换后天数归零、异味回到一级。
3.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
3.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
3.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 读取输入。
- 执行业务规则。
- 处理边界。
- 刷新界面。
四、输入控件
4.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑输入控件。
六十天为周期边界。
4.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
4.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
4.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 输入控件维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
五、事件回调
5.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑事件回调。
四级异味可提前更换。
5.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
5.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
5.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
六、边界保护
6.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑边界保护。
更换后天数归零、异味回到一级。
6.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
6.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
6.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 冰箱除味盒记录保存真实状态。
- odor参与核心逻辑。
- 除味状态和累计更换次数形成反馈。
- 时间阈值、异味阈值和更换恢复保护输出。
七、状态反馈
7.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑状态反馈。
六十天为周期边界。
7.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
7.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
7.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
八、默认运行
8.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑默认运行。
四级异味可提前更换。
8.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
8.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
8.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 默认运行维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
九、连续迁移
9.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑连续迁移。
更换后天数归零、异味回到一级。
9.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
9.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
9.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 读取输入。
- 执行业务规则。
- 处理边界。
- 刷新界面。
十、数组或数值更新
10.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑数组或数值更新。
六十天为周期边界。
10.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
10.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
10.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
十一、声明式刷新
11.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑声明式刷新。
四级异味可提前更换。
11.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
11.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
11.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 冰箱除味盒记录保存真实状态。
- odor参与核心逻辑。
- 除味状态和累计更换次数形成反馈。
- 时间阈值、异味阈值和更换恢复保护输出。
十二、布局层级
12.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑布局层级。
更换后天数归零、异味回到一级。
12.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
12.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
12.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 布局层级维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
十三、颜色语义
13.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑颜色语义。
六十天为周期边界。
13.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
13.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
13.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
十四、异常输入
14.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑异常输入。
四级异味可提前更换。
14.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
14.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
14.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
十五、验证场景
15.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑验证场景。
更换后天数归零、异味回到一级。
15.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
15.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
15.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 读取输入。
- 执行业务规则。
- 处理边界。
- 刷新界面。
十六、性能表现
16.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑性能表现。
六十天为周期边界。
16.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
16.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
16.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 性能表现维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
十七、维护方式
17.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑维护方式。
四级异味可提前更换。
17.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
17.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
17.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
十八、代码职责
18.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑代码职责。
更换后天数归零、异味回到一级。
18.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
18.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
18.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
- 冰箱除味盒记录保存真实状态。
- odor参与核心逻辑。
- 除味状态和累计更换次数形成反馈。
- 时间阈值、异味阈值和更换恢复保护输出。
十九、运行结论
19.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑运行结论。
六十天为周期边界。
19.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
19.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
19.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
二十、项目启示
20.1 数据结构
冰箱除味盒记录使用 days、odor、changes 支撑项目启示。
四级异味可提前更换。
20.2 业务规则
使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数
odor 及相关表达式承担核心行为。
20.3 交互刷新
控件回调更新状态并显示除味状态和累计更换次数。
ArkUI 根据依赖关系刷新。
20.4 边界结论
时间阈值、异味阈值和更换恢复
结果因此保持稳定。
| 项目启示维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
二十一、真实源码分段
21.1 源码片段 1
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.2 源码片段 2
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.3 源码片段 3
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.4 源码片段 4
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.5 源码片段 5
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.6 源码片段 6
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.7 源码片段 7
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
21.8 源码片段 8
以下代码来自当前项目。
@Entry @Component struct Index{@State days:number=0;@State odor:number=1;@State changes:number=0;build(){Column(){Text('冰箱除味盒记录').fontSize(27).fontWeight(FontWeight.Bold).width('100%');Text('按使用天数和异味程度提醒更换').fontColor('#667085').width('100%').margin({top:6,bottom:22});Text(this.days>=60||this.odor>=4?'建议更换除味盒':'除味盒仍可使用').fontSize(21).fontWeight(FontWeight.Bold).fontColor(this.days>=60||this.odor>=4?'#B42318':'#087443').padding(22).width('100%').backgroundColor('#F0FAF4').borderRadius(10);Text('已使用 '+this.days+' 天').width('100%').margin({top:22});Slider({value:this.days,min:0,max:120,step:1}).onChange((v:number)=>this.days=Math.round(v)).width('100%');Text('冰箱异味 '+this.odor+' 级').width('100%').margin({top:16});Slider({value:this.odor,min:1,max:5,step:1}).onChange((v:number)=>this.odor=Math.round(v)).width('100%');Button('登记更换新品').width('100%').height(48).margin({top:22}).onClick(()=>{this.days=0;this.odor=1;this.changes++});Text('累计更换 '+this.changes+' 次').fontColor('#667085').margin({top:12})}.width('100%').height('100%').padding(22).backgroundColor('#FFFFFF')}}
该片段参与按使用天数和冰箱异味等级提醒更换除味盒。
二十二、运行案例
22.1 默认数据
使用0 天、异味 1 级。
观察 days、odor、changes 与结果。
确认除味状态和累计更换次数可复算。
22.2 最小边界
时间阈值、异味阈值和更换恢复
观察 days、odor、changes 与结果。
确认除味状态和累计更换次数可复算。
22.3 临界输入
围绕时间阈值、异味阈值和更换恢复验证阈值。
观察 days、odor、changes 与结果。
确认除味状态和累计更换次数可复算。
22.4 连续操作
连续执行 odor。
观察 days、odor、changes 与结果。
确认除味状态和累计更换次数可复算。
| 验证维度 | 当前实现 | 作用 |
|---|---|---|
| 状态 | days、odor、changes | 保存数据 |
| 规则 | 使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数 | 生成反馈 |
| 边界 | 时间阈值、异味阈值和更换恢复 | 保护结果 |
| 结果 | 除味状态和累计更换次数 | 呈现结论 |
二十三、技术取舍
23.1 本地状态
冰箱除味盒记录围绕时间阈值、异味阈值和更换恢复选择本地状态。
当前职责集中且可追踪。
23.2 具名函数
冰箱除味盒记录围绕时间阈值、异味阈值和更换恢复选择具名函数。
当前职责集中且可追踪。
23.3 声明式组件
冰箱除味盒记录围绕时间阈值、异味阈值和更换恢复选择声明式组件。
当前职责集中且可追踪。
23.4 清晰边界
冰箱除味盒记录围绕时间阈值、异味阈值和更换恢复选择清晰边界。
当前职责集中且可追踪。
二十四、总结
冰箱除味盒记录使用鸿蒙 ArkTS 完成了“按使用天数和冰箱异味等级提醒更换除味盒”闭环。
核心规则是:使用达到 60 天或异味达到 4 级提示更换,登记后恢复并增加次数。
状态字段为 days、odor、changes。
状态建模、业务函数 与 声明式界面 共同保证结果稳定。
相关资源:
更多推荐


所有评论(0)