【专题课程答疑帖】HarmonyOS鸿蒙Next ArkUI入门训练营之健康饮食应用

【专题课程答疑帖】HarmonyOS鸿蒙Next ArkUI入门训练营之健康饮食应用 针对本次HarmonyOS ArkUI入门训练营之健康饮食应用活动，为学员提供分享心得、提问互动论坛帖进行互动答疑，若有其他疑问欢迎按照以下步骤进行发帖反馈。

参与规则：训练营期间，发帖带话题#ArkUI入门训练营-问题反馈标题#，如：#ArkUI入门训练营-IDE SDK报错#提出有效反馈，如，版本相关问题、系统缺陷、开发体验、整体课程与操作实践问题及改进建议，评委将以以下评审规则评出20个有效的技术反馈学员获得HarmonyOS定制T恤。

【有效技术反馈规则】

发帖提问格式符合以下要求：

  • 问题主题：
  • 问题描述：
  • 创建的工程：HarmonyOS/OpenHarmony
  • 出问题时，您尝试过什么样的操作：
  • 需要得到怎么样的结果：
  • 请附上您出现问题页面的链接和截图、设备日志、IDE日志等
  • 如涉及IDE问题，请提供IDE版本：

以上内容描述越详细越有机会获得HarmonyOS定制T恤。


更多关于【专题课程答疑帖】HarmonyOS鸿蒙Next ArkUI入门训练营之健康饮食应用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

13 回复

代码迁移了吗？https://gitee.com/openharmony/applications_app_samples/tree/master/ETSUI/HealthyDiet 显示404

更多关于【专题课程答疑帖】HarmonyOS鸿蒙Next ArkUI入门训练营之健康饮食应用的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


报这个错误是什么原因：The struct ‘index’ cannot have the same name as the built-in attribute ‘index’

第二课代码如下：

import { FoodInfo } from '../model/DataModels'
import { getSortedFoodData } from '../model/DataUtil'

@Component
struct FoodListItem {
  private foodInfo: FoodInfo
  build() {
    Row() {
      Image(this.foodInfo.image)
        .height(40)
        .aspectRatio(1)
        .backgroundColor('#F1F3F5')
        .borderRadius(8)
      Text(this.foodInfo.name).fontSize(14)
      Blank()
      Text(this.foodInfo.calories + 'kcal').fontSize(14)
    }
    .width('100%')
    .height(64)
  }
}

@Entry
@Component
struct index {
  private foodItem: Array<FoodInfo> = getSortedFoodData()
  build() {
    List() {
      ForEach(this.foodItem, (item) => {
        ListItem() {
          if (item.id !== undefined) {
            FoodListItem({ foodInfo: item })
          } else {
            Text(item).fontSize(14).height(48)
          }
        }
      })
    }
  }
}

#ArkUI入门训练营-虽有HarmonyOS 3.1 Developer Preview，但想用3.0 Release版本怎么办？

https://developer.huawei.com/consumer/cn/forum/topic/0202105699819621571?fid=26

ArkUI ets Stage 模型 和 FA 模型，设置全屏有点小区别，文档示例代码搞混了，详细可查看帖子：

ArkUI Stage 不能设置全屏

上手起来效果还可以，等进一步体验

#ArkUI入门训练营-IDE创建Ability的时候希望可以同时创建Page#

tabitem无法填满空间

[ArkUI入门训练营-Tabs的tabBar方法加载builder装饰函数后显示样式出现间隔](https://developer.huawei.com/consumer/cn/forum/topic/0201104754246254386?fid=0102683795438680754)

ArkUI入门训练营-IDE 使用AppStorage错误

开发工具： DevEco Studio 3.1 Canary1

构建版本：3.1.0.100，构建 November 3, 2022

转场动画，容易导致预览器挂掉，把下面的动画效果注释后，怎么跳转切换页面，也不会出现预览器挂了。

//                .sharedTransition(this.foodInfo.letter, {
//                    duration: 400,
//                    curve: curves.cubicBezier(0.2, 0.2, 0.1, 1.0),
//                    delay: 100
//                })

已确认这是一个Bug，后期修复后，请关注此帖子评论回复。https://developer.huawei.com/consumer/cn/forum/topic/0202105622411375555?fid=0101587866109860105

#ArkUI入门训练营-IDE工具按照代码提示执行后冗余很多代码#

HarmonyOS鸿蒙Next的ArkUI是鸿蒙系统下的新一代UI框架，专为鸿蒙生态设计。健康饮食应用通过ArkUI实现用户界面与交互设计。ArkUI支持声明式编程，开发者可以使用TypeScript或JavaScript进行开发。健康饮食应用的核心功能包括饮食记录、营养分析、健康建议等。ArkUI提供丰富的组件库，如Button、Text、Image等，支持数据绑定和状态管理。开发者可以使用鸿蒙IDE进行应用开发，IDE提供代码编辑、调试、模拟器等功能。健康饮食应用的数据存储可以使用鸿蒙系统的分布式数据库，支持跨设备数据同步。ArkUI还支持动画和手势交互，提升用户体验。开发者可以通过鸿蒙开发者社区获取相关文档和示例代码。

在HarmonyOS鸿蒙Next ArkUI入门训练营中，健康饮食应用的开发主要涉及ArkUI框架的使用。通过ArkUI，开发者可以构建高效、美观的用户界面。在健康饮食应用中，可以利用ArkUI的组件如List、Grid、Button等来展示食物列表、营养成分和用户输入。同时，利用@State、@Prop等装饰器管理应用状态，实现数据的动态更新。此外，通过@Link实现组件间的数据传递，确保用户交互的流畅性。掌握这些基础，开发者可以高效地构建出功能丰富的健康饮食应用。

回到顶部