当前位置: 首页 > 科技观察

了解ArkUI的一些概念,熟悉应用的结构

时间:2023-03-15 10:53:10 科技观察

更多信息请访问:与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com方舟开发框架(ArkUI框架)为不同目的和技术背景的开发者提供了两种开发范式:①基于JS扩展的类Web开发范式(简称“类Web开发范式”)②基于TS的声明式开发范式扩展(称为“声明式开发范式”)。声明式开发范式是HarmonyOS平台的极简、高性能、跨设备应用设计UI开发框架,支持开发者高效快速构建跨设备应用UI界面。声明式开发告诉编辑器做什么而不用关注它是如何做的,即按照设定的规则组装就能达到实际的效果。声明式开发范式允许使用更简洁和更具表现力的代码,代码更少,出错的机会也更少。Text('HelloWorld').fontSize(50)创建项目应用目录结构。我们只需要关注'ets','config.json','resources'ets:存放ets代码的文件夹;config.json:配置文件,一般不需要修改,创建页面时会自动引入页面路由;resources:存放资源文件。ets目录详细的app.ets文件用于全局应用逻辑和应用生命周期管理,提供onCreate和onDestroy方法用于创建和销毁。pages目录用于存放所有的组件页面,即根据实际需要制作的UI界面。common目录用于存放常用的代码文件,可选。资源引用引用应用资源:通过$r('app.type.name')的形式引用resources目录下base目录下的资源,其中app代表resources目录下定义的资源,type代表资源类型或存放位置,如base->元素目录下的字符串,name为资源名称。注意:导入'rawfile'下的资源时,使用'$rawfile('filename')'的形式。目前只支持'Image'控件导入图片资源。导入系统资源:可以通过$r('sys.type.resource_id')的形式引入系统资源,开发具有相同视觉风格的应用程序,其中sys代表系统资源,type代表资源类型(颜色优先)|float|string|media),resource_id表示资源id,见系统资源附录。综上所述,在开始“开会”之前,我对ArkUI有了一些简单的了解。接下来,我将向您展示声明式开发范式的开箱即用组件、丰富的动态接口、状态和数据管理、系统能力接口。更多信息请访问:与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com