梅科尔工作室-陈凤鸣-鸿蒙笔记1

1.主要目录配置文件作用

（1）stage模型：

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

    

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

      

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

        

• module.json模块
  • 是模块的配置文件，包含当前模块的配置信息
• app.json中，icon是应用图标，可在pages中添加图片，改变图标；label是应用名称，改名见FA环境说明

（2）FA模型：

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

      

  • resource模块
    • 资源配置，即文字和图片及语言的配置。
    • 中文语言en_CN
    • 英文语言en_US

• 类似于stage模块，pages模块中index.ets编写页面模块，config.json模块中

•   

  app
      标识应用的全局配置信息。同一个应用的不同HAP的app配置必须保持一致。

  deviceConfig
          标识应用在具体设备上的配置信息。

  module
          标识HAP的配置信息。该标签下的配置只对当前HAP生效。

  skills
           对应用外观进行配置

2.语法基础知识

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

基本框架

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

    

• 组件
  • 接口
    • 写在组件里，可以控制组件的一些特性。
    • 接口，控制组件一些特性 此图中为text组件接口，写文本内容fontsize为属性，改变组件颜色，大小，样式等 
      • text组件接口

        

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

      

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

      

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

    

  • 存放的资源目录

    

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

3.更换应用图标和名字方法(FA模型下)

代码便捷显示

编辑远程模拟页面图片：

远程模拟方法：

 应用图片，图标和名字更改过程：

 

 

更换应用图标和名字方法(FA模型下)：

更改应用中文名称：

 添加图标方法：

复制后在对应文件夹直接添加

 更改应用的名称：