#打卡不停更#健康饮食APP分解 原创 精华

{
  "strarray": [
    {
      "name": "mealTime_labels",
      "value": [
        {
          "value": "Breakfast"
        },
        {
          "value": "Lunch"
        },
        {
          "value": "Dinner"
        },
        {
          "value": "Supper"
        }
      ]
    }
  ]
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

{
  "strarray": [
    {
      "name": "mealTime_labels",
      "value": [
        {
          "value": "早餐"
        },
        {
          "value": "午餐"
        },
        {
          "value": "晚餐"
        },
        {
          "value": "宵夜"
        }
      ]
    }
  ]
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

@CustomDialog
export struct Record {
    private foodInfo: FoodInfo
    private controller: CustomDialogController
    private select: number = 1
    private mileTime: Resource = $r('app.strarray.mealTime_labels')
    private foodWeight: string[] = ['25', '50', '100', '150', '200', '250', '300', '350', '400', '450', '500']
    private mealTimeId: MealTimeEnum = MealTimeEnum.Lunch
    private mealWeight: number = Number(this.foodWeight[this.select])

    build() {
        Column() {
            Row({ space: 6 }) {
                Column() {
                    Text(this.foodInfo.name)
                        .minFontSize(18)
                        .maxFontSize(30)
                        .maxLines(1)
                    Text($r('app.string.calorie_with_kcal_unit', this.foodInfo.calories.toString()))
                        .fontSize(16)
                        .fontColor('rgba(0,0,0,0.4)')
                        .margin({ top: 2 })
                }
                .layoutWeight(1)
                .justifyContent(FlexAlign.Center)

                TextPicker({ range: this.mileTime, selected: this.select })
                    .layoutWeight(1)
                    .linearGradient({
                        angle: 0,
                        direction: GradientDirection.Top,
                        colors: [[0xfdfdfd, 0.0], [0xe0e0e0, 0.5], [0xfdfdfd, 1]],
                    })
                    .onChange((value: string, index: number) => {
                        this.mealTimeId = index
                    })

                TextPicker({ range: this.foodWeight, selected: this.select })
                    .layoutWeight(1)
                    .linearGradient({
                        angle: 0,
                        direction: GradientDirection.Top,
                        colors: [[0xfdfdfd, 0.0], [0xe0e0e0, 0.5], [0xfdfdfd, 1]],
                    })
                    .onChange((value: string) => {
                        this.mealWeight = Number(value)
                    })
            }
            .height(128)

            Button($r('app.string.button_food_detail_complete'), { type: ButtonType.Capsule, stateEffect: true })
                .height(43)
                .width('100%')
                .margin({ top: 33, left: 72, right: 72 })
                .backgroundColor($r('app.color.theme_color_green'))
                .onClick(() => {
                    let dietRecordsList = AppStorage.Get<Array<DietRecord>>('dietRecords')
                    if (dietRecordsList == undefined || dietRecordsList.length === 0) {
                        dietRecordsList = new Array<DietRecord>()
                    }
                    let dietRecordData = new DietRecord(dietRecordsList.length, this.foodInfo.id, new MealTime(this.mealTimeId), this.mealWeight)
                    dietRecordsList.push(dietRecordData)
                    AppStorage.SetOrCreate<Array<DietRecord>>('dietRecords', dietRecordsList)
                    this.controller.close()
                })
        }
        .cardStyle()
        .height(254)
        .width('90%')
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.