HarmonyOS基本介绍

目录

基本操作界面介绍

目录介绍

 语法基础知识

基本框架

资源引用类型

数据类型

注意事项

开发文档推荐


基本操作界面介绍

  • 预览按钮

    HarmonyOS基本介绍_第1张图片

  • 内置API文档查阅

    HarmonyOS基本介绍_第2张图片

  • 项目设置

    HarmonyOS基本介绍_第3张图片

  • 运行按钮(只有在真机模拟或远程模拟时才可以使用)

    HarmonyOS基本介绍_第4张图片

  • 安装插件,在files下的settings-->Plugins里面,可以安装一个中文的插件,或者探索其他的插件。

    HarmonyOS基本介绍_第5张图片

  • 更换软件颜色和字体格式及大小,在settings下的Appearance里。HarmonyOS基本介绍_第6张图片
  • 更换应用图标和名字方法(FA模型下)   

config.json里面的label是编辑图标名字的地方,注意要把resource模块里的资源配置,中文语言和英文语言里的string.json都改一下

HarmonyOS基本介绍_第7张图片

 config.json里面的icon是编辑图标样子的地方,在media的后面打一个英文“:”,会自动跳出media里面的png,选择需要的图片HarmonyOS基本介绍_第8张图片

 项目远程模拟方法

HarmonyOS基本介绍_第9张图片HarmonyOS基本介绍_第10张图片

目录介绍

stage模型

  • 官方具体讲解:华为开发者学堂

    HarmonyOS基本介绍_第11张图片

     常用模块

  • app.json模块
    • AppScope>app.json5是应用的全局的配置文件,用于存放应用公共的配置信息。

      HarmonyOS基本介绍_第12张图片

    • bundleName是包名。
    • vendor是应用程序供应商。
    • versionCode是用于区分应用版本。
    • versionName是版本号。
    • icon对于应用的显示图标。
    • label是应用名。
    • distributedNotificationEnabled描述应用程序是否已分发通知。
  • entry模块
    • 编写页面的模块
      • entry-->src-->main-->ets-->pages

        HarmonyOS基本介绍_第13张图片

    • resources模块
      • 资源配置,即文字和图片及语言的配置。
      • 中文语言en_CN
      • 英文语言en_US
      • base模块下的profile模块
        • 这个模块包含页面的配置信息,创建的页面这里都要有配置。

          HarmonyOS基本介绍_第14张图片

  • module.json模块
    • 是模块的配置文件,包含当前模块的配置信息
    • 文档中心

FA模型

  • 官方具体解释:文档中心

    HarmonyOS基本介绍_第15张图片

常用模块

  • entry模块
    • pages模块
      • entry-->src-->main-->ets-->pages

        HarmonyOS基本介绍_第16张图片

    • resource模块
      • 资源配置,即文字和图片及语言的配置。
      • 中文语言en_CN
      • 英文语言en_US
  • config.json  config.json由appdeviceConfigmodule三个部分组成,缺一不可。
    • 文档中心   官方解释
    • app
      • 标识应用的全局配置信息。同一个应用的不同HAP的app配置必须保持一致。
    • deviceConfig
      • 标识应用在具体设备上的配置信息。
    • module
      • 标识HAP的配置信息。该标签下的配置只对当前HAP生效。

 语法基础知识

  • ArkTS 是华为自研的开发语言。是2022年下半年新推出的语言,它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。
  • ArkTS是TS的超集,而TS又是JS的超集,所谓超集就是大于这个集合并且包含这个集合。这个js开发就和web开发类似。所以ArkTS里也会涉及到js的一些知识,有web网页的基础。
  • 初识ArkTS:文档中心

基本框架

  • @entry-->struct结构体-->build方法-->页面组件

    HarmonyOS基本介绍_第17张图片

  • 装饰器
    • 用于装饰类、结构、方法以及变量,赋予其特殊的含义。
    • 装饰器列表

      HarmonyOS基本介绍_第18张图片

  • 组件    三要素:接口、属性、事件方法
    • 接口
      • 写在组件里,可以控制组件的一些特性。
      • text组件接口

        HarmonyOS基本介绍_第19张图片

    • 属性
      • 相当于组件的衣服,能够更改组件的颜色、大小、各种样式等。与网页的css的意义一样。

    • 事件方法
      • 每个组件可以绑定一个事件,事件可以是点击事件、触摸事件等等。
      • 方法就是事件被触发后要执行的动作。

        HarmonyOS基本介绍_第20张图片

资源引用类型

  • Resource是资源引用类型,用于设置组件属性的值。推荐大家优先使用Resource类型,将资源文件(字符串、图片、音频等)统一存放于resources目录下,便于开发者统一维护。同时系统可以根据当前配置加载合适的资源,例如,开发者可以根据屏幕尺寸呈现不同的布局效果,或根据语言设置提供不同的字符串。
  • 通过“$r('app.type.name')”的形式引用应用资源。app代表应用内resources目录中定义的资源;type代表资源类型(或资源的存放位置),可以取“color”、“float”、“string”、“plural”、“media”;name代表资源命名,由开发者定义资源时确定。

  • 存放的资源目录

    HarmonyOS基本介绍_第21张图片

数据类型

  • string、number、number[]、string[]、object[]

注意事项

  • 预览页面时,要先选择对应的ets文件下,选择其他类型的文件会直接报错
  • 更换页面预览不能单纯使用ctrl+s,要重新点击刷新按钮
  • 使用FA模型时,创建的页面要在confige.json中进行配置。
  • 使用stage模型时,创建的页面要在main_pages.json中进行配置。

开发文档推荐

  • 鸿蒙官方文档:HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务
    • 常用功能是查阅文档。所处位置是文档--API参考--ArkTS API参考
  • OpenHarmony文档:OpenAtom OpenHarmony
    • 常用功能是查看接口API,因为这个文档常用来开发大禹200硬件使用,所以接口文档可能有些更新的比鸿蒙官方文档快。

        

你可能感兴趣的:(前端,harmonyos,华为)