梅科尔工作室-牛泽-鸿蒙笔记1

主要目录配置文件作用

Stage模型

c407519b33494dd7a13eddca678e8a4d.png

EntryAbility.ts-应用入口配置文件

pages-页面配置

resources-资源配置文件

profile-创建页面配置

en_US-英文配置

zh_CN-中文配置

module.json5-应用配置

常用模块为:

app.json模块:

Appscope>app.son5是应用的全局的配置文件用于存放应用,公共的配置信息c159a9698caa4468a55ad0645a8a920a.jpg

 bundleName是包名

vendor是应用程序供应商

versionCode用于区分应用版本

versionName是版本号

icon是应用的显示图标

label是应用名

distributedNotificationEnabled描述应用程序是否已分发通知

entry模块:

编写页面的模块entry_src_main_ets_pages

55769067b30c4f8ca8b84e28dbecbae2.jpg

 resources模块:

资源配置.文字和图片及语言的配置

中文语言en_CN

英文语言en_US

base模块下的profile模块:

这个模块包含页面的配置信息,创建的页面这里都有配置

e8cd886f1f9b40119f4409d3d21b66c4.jpg

 

module.json模块:

是模块的配置文件,包含当前模块的配置信息

FA模型

3065ff5dc3ce4db69f2b65e2b0c19230.jpg

 Index.ets页面文件

app.ets应用入口配置生命周期

resources资源文件

en_US英文配置

zn_CN中文配置

Config.json应用配置

常用模块:

entry模块

pages模块

entry _src _main_ ets_ pages

b3f246a27091413fb667f27996dd1ef4.jpg

 resources模块

资源配置,文字和图片及语言配置

中文语言en_CN

英文语言en_US

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

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

module:标识hap的配置信息,该标签下的配置只对当前hap生效

语法基础知识

基本框架

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

4ed072da5a524d0d8745461072f5b15a.jpg

 装饰器:用于装饰类结构方法以及变量赋予其特殊的含义

装饰器列表5c211eadfada4c54b57f8c13ef709e6d.jpg

 组件:

     接口

     写在组件里,可以控制组件的一些特性

text组件接口200b8841e51a4c2b9f4e2e04461afc6b.jpg

f600e6708352419e892b48388fe01f09.jpg 

      属性

      相当于组建的衣服能够更改组件的颜色大小,各种样式等与网页的CSS的意义一样

cef3e5c7ac61469ea846b0b61ad584b3.jpg

     事件方法

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

347ff758f45d47e382965bf85733e0c0.jpg

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

更换应用图标时,首先应该在media中添加你所要更换的图片复制粘贴即可注意要更改图片的命名方便后续使用,然后在config.json中找到icon在冒号后修改您所需要更改的图片命名,然后找到中文语言和英文语言同时都更改姓名在找到string.json在该位置也更改姓名也可以直接ctrl加鼠标左键查看三个位置

项目远程模拟方法

在该页面的右上角找到no devices然后选择device manager然后进行登录,登录后返回到这个页面,选择第一个版本下载

其他知识补充

预览页面时,要先选择对应的ets文件下,选择其他类型的文件会直接报错。

更换页面预览不能单纯使用ctrl+s,要重新点击刷新按钮。

使用FA模型时,创建的页面要在confige.json中进行配置。

使用stage模型时,创建的页面要在main_pages.json中进行配置。

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部