【HarmonyOS HiSpark AI Camera试用连载 】鸿蒙JS UI介绍

小嵌

【HarmonyOS HiSpark AI Camera试用连载 】鸿蒙JS UI介绍,   

2.png （169.21 KB, 下载次数: 0）

下载附件  保存到相册  

昨天 20:04 上传

JS UI框架是一种跨设备的高性能UI开发框架，支持声明式编程和跨设备多态UI。

HTML5

CSS

JavaScript

JS UI框架适用于手机（Phone）、平板（Tablet）、智慧屏（TV）和智能穿戴（Wearable）应用开发，针对轻量级智能穿戴（Lite Wearable）请参考轻量级智能穿戴开发。



声明式编程

JS UI框架采用类HTML和CSS声明式编程语言作为页面布局和页面样式的开发语言，页面业务逻辑则支持ECMAScript规范的JavaScript语言。JS UI框架提供的声明式编程，可以让开发者避免编写UI状态切换的代码，视图配置信息更加直观。

跨设备

开发框架架构上支持UI跨设备显示能力，运行时自动映射到不同设备类型，开发者无感知，降低开发者多设备适配成本。

高性能

开发框架包含了许多核心的控件，如列表、图片和各类容器组件等，针对声明式语法进行了渲染流程的优化。

整体架构

JS UI框架包括应用层（Application）、前端框架层（Framework）、引擎层（Engine）和平台适配层（Porting Layer）。



1.png （94.34 KB, 下载次数: 0）

下载附件  保存到相册  

昨天 20:08 上传





Application

应用层表示开发者使用JS UI框架开发的FA应用，这里的FA应用特指JS FA应用。使用Java开发FA应用请参考Java UI框架。

Framework

前端框架层主要完成前端页面解析，以及提供MVVM（Model-View-ViewModel）开发模式、页面路由机制和自定义组件等能力。

Engine

引擎层主要提供动画解析、DOM（Document Object Model）树构建、布局计算、渲染命令构建与绘制、事件管理等能力。

Porting Layer

适配层主要完成对平台层进行抽象，提供抽象接口，可以对接到系统平台。比如：事件对接、渲染管线对接和系统生命周期对接等。

JS FA概述

JS UI框架支持纯JavaScript、JavaScript和Java混合语言开发。JS FA指基于JavaScript或JavaScript和Java混合开发的FA，下面主要介绍：JS FA在HarmonyOS上运行时需要的基类AceAbility、加载JS FA主体的方法、JS FA开发目录。

AceAbility

AceAbility类是JS FA在HarmonyOS上运行环境的基类，继承自Ability。开发者的应用运行入口类应该从该类派生，代码示例如下

• public class MainAbility extends AceAbility {
    
  
•     @Override
    
  
•     public void onStart（Intent intent） {
    
  
•         super.onStart（intent）;
    
  
•     }
    
  
• 
    
  
•     @Override
    
  
•     public void onStop（） {
    
  
•         super.onStop（）;
    
  
•     }
    
  
• }
  

复制代码