目录
一、主要目录配置文件作业
(一)、stage模型
1、index.ets页面
2、resource文件
3、module.json5模块
4、pages模块
(二)、FA模型
1、主要模块
二、语法基础知识
(一)、ArkTS语言
三、更换应用图标与名字
(一)、更换应用图标
(二)、应用名更改
四、项目远程模拟
一、主要目录配置文件作业
(一)、stage模型
1、index.ets页面
在ets文件夹中
页面如下
我们可以通过Text组件进行操作,“()”为该组件的接口。
2、resource文件
在en和CN两个文件下各有一个.json文件,负责配置语言。
3、module.json5模块
是模块的配置文件,包含当前模块的配置信息
可以配置支持的设备类型,如:TV、等,添加新设备后需要更新。
4、pages模块
其中有
index.ets文件 是我们主要编写代码的页面。
(二)、FA模型
1、主要模块
config.json模块,其中包含了一系列配置项,每个配置项由属性和值两部分构成。
index.ets是页面文件,作用于stage模型中相同。
resources文件是资源文件,负责文字和图片及语言的配置,可以在其中添加图片等媒体资源。
二、语法基础知识
(一)、ArkTS语言
Mozilla创造了JS,Microsoft创建了TS,Huawei进一步推出了ArkTS。
从最初的基础的逻辑交互能力,到具备类型系统的高效工程开发能力,再到融合声明式UI、多维状态管理等丰富的应用开发能力,共同组成了相关的演进脉络。
ArkTS声明式开发范式。
- 装饰器用来装饰类、结构体、方法以及变量,赋予其特殊的含义,如上述示例中 @Entry 、 @Component 、 @State 都是装饰器。具体而言, @Component 表示这是个自定义组件; @Entry 则表示这是个入口组件; @State 表示组件中的状态变量,此状态变化会引起 UI 变更。
- 自定义组件可复用的 UI 单元,可组合其它组件,如上述被 @Component 装饰的 struct Hello。
- UI 描述声明式的方式来描述 UI 的结构,如上述 build() 方法内部的代码块。
- 内置组件框架中默认内置的基础和布局组件,可直接被开发者调用,比如示例中的 Column、Text、Divider、Button。
- 事件方法用于添加组件对事件的响应逻辑,统一通过事件方法进行设置,如跟随在Button后面的onClick()。
- 属性方法用于组件属性的配置,统一通过属性方法进行设置,如fontSize()、width()、height()、color() 等,可通过链式调用的方式设置多项属性。
ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,扩展了声明式UI、状态管理等相应的能力,让开发者可以以更简洁、更自然的方式开发高性能应用。TS是JavaScript(简称JS)的超集,ArkTS则是TS的超集。ArkTS会结合应用开发和运行的需求持续演进,包括但不限于引入分布式开发范式、并行和并发能力增强、类型系统增强等方面的语言特性。
三、更换应用图标与名字
最终效果如图
(一)、更换应用图标
我们可以先将想要更换的图标放入media文件夹,如下图。
在config.json中找到
将其修改为
由此实现对应用图标的更改。
(二)、应用名更改
同样在config.json中找到如下语句
按住Ctrl点击绿色部分,进行跳转
以en_US为例,将原本的label改为想要的名称即可。
四、项目远程模拟
当我们完成程序的编写后,在页面上方菜单栏中选择设备
点击设备管理器
在页面中选择远程模拟器,再选择想用的设备即可