HarmonyOS应用开发第一次作业_harmony 界面作业

作者：知新_RL | 2024-03-27 13:54:27

踩

harmony 界面作业

课程大纲
- 第一节：鸿蒙系统简介
  - 技术架构
  - 应用层简介
- 第二节：开发环境搭建和HelloWorld体验
  - 模拟器运行
  - 预览
- 第三节：应用开发目录结构及文件使用规则介绍
  - 目录结构中文件分类如下：.
    - hml 结尾的 HML 模板文件，这个文件用来描述当前页面的文件布局结构。
    - .css 结尾的 CSS 样式文件，这个文件用于描述页面样式。.
    - js 结尾的 JS 文件，这个文件用于处理页面和用户的交互。
  - 各个文件夹的作用：
    - app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
    - pages 目录用于存放所有组件页面。
    - common 目录用于存放公共资源文件，比如：媒体资源和 JS 文件。
    - i18n 目录用于配置不同语言场景资源内容，比如：应用文本词条，图片路径等资源，注意 i18n 是开发保留文件夹，不可重命名。
- 第四节：基础组件介绍及Chart组件使用
  - chart组件：图表组件，用于呈现线形图、柱状图、量规图界面。
- 第五节：使用image-animator组件构建多图侦动画
  - image-animator图片帧动画播放器介绍
  - image-animator图片帧动画播放器实现
    - 创建一个新的ablity(不同的Abilitu之间可以通过PA进行调用)
    - Ablity由一个或多个FA或PA组成，其中FA有UI界面，提供与用户交互的能力；而PA无UI界面提供后台运行任务的能力以及统一的数据访问抽象
- 第六节：TodoList应用构建
  - 页面设计：
    - 1，页面结构使用HTML相同的标签进行嵌套，最外层是div容器
    - 2，文本放在 text 标签中才能呈现否则不会呈现文本内容
    - 3，可以直接调用鸿蒙JS封装好的组件
  - 列表渲染（for)
    - tid 属性指定数组中每个元素的唯一标识，默认值为 id，用于加速for循环的重渲染。
    - 写法1（都不指定）：<div for="{{array}}" tid='id'></div> ,$idx代表元素索引，$item代表数组元素
    - 写法2（指定元素名称）：<div for="{{value in array}}" tid='id'></div>，$idx 代表元素索引，value 代表数组元素
    - 写法3（指定索引和元素名称）：<div for="{{(index,value) in array}}" tid='id'></div> ，index代表元素
  - 类似 v-on，在 js 中绑定的函数和 data 同级
  - 计算属性 computed 和 Vue 中的用法一样，依赖 data 中的数据进行计算，return 返回计算的结果

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/324583