当前位置:   article > 正文

梅科尔工作室-孙溢博-鸿蒙笔记1_.ets文件

.ets文件

目录

一、主要目录配置文件作业

(一)、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改为想要的名称即可。

 四、项目远程模拟

当我们完成程序的编写后,在页面上方菜单栏中选择设备

点击设备管理器

 

在页面中选择远程模拟器,再选择想用的设备即可

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/257528
推荐阅读
相关标签
  

闽ICP备14008679号