- 兼容JS的类Web开发范式的方舟开发框架,采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生变化时,UI界面自动触发更新。此种开发方式,更接近Web前端开发者的使用习惯,快速将已有的Web应用改造成方舟开发框架应用。主要适用于 兼容JS的类Web开发范式的方舟开发框架,采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生变化时,UI界面自动触发更新。此种开发方式,更接近Web前端开发者的使用习惯,快速将已有的Web应用改造成方舟开发框架应用。主要适用于
- 在pages目录下创建一个Web组件。在Web组件中通过src指定引用的网页路径,controller为组件的控制器,通过controller绑定Web组件,用于调用Web组件的方法。 在pages目录下创建一个Web组件。在Web组件中通过src指定引用的网页路径,controller为组件的控制器,通过controller绑定Web组件,用于调用Web组件的方法。
- 线性布局(LinearLayout)是开发中最常用的布局。线性布局的子组件在线性方向上(水平方向和垂直方向)依次排列。通过线性容器Row和Column实现线性布局。Column容器内子组件按照垂直方向排列,Row组件中,子组件按照水平方向排列。线性布局的排列方向由所选容器组件决定。根据不同的排列方向,选择使用Row或Column容器创建线性布局,通过调整space,alignItems,justi 线性布局(LinearLayout)是开发中最常用的布局。线性布局的子组件在线性方向上(水平方向和垂直方向)依次排列。通过线性容器Row和Column实现线性布局。Column容器内子组件按照垂直方向排列,Row组件中,子组件按照水平方向排列。线性布局的排列方向由所选容器组件决定。根据不同的排列方向,选择使用Row或Column容器创建线性布局,通过调整space,alignItems,justi
- 除绘制基础几何图形,开发者还可以使用Path组件来绘制自定义的路线,下面进行绘制应用的Logo图案。1.在pages文件夹下创建新的页面Logo.ets。2.Logo.ets中删掉模板代码,创建LogoComponent。 除绘制基础几何图形,开发者还可以使用Path组件来绘制自定义的路线,下面进行绘制应用的Logo图案。1.在pages文件夹下创建新的页面Logo.ets。2.Logo.ets中删掉模板代码,创建LogoComponent。
- 当前对每个成分单元都进行了声明,造成了代码的重复和冗余。可以使用@Builder来构建自定义方法,抽象出相同的UI结构声明。@Builder修饰的方法和Component的build方法都是为了声明一些UI渲染结构,遵循一样的ArkTS语法。可以定义一个或者多个@Builder修饰的方法,但Component的build方法必须只有一个。 当前对每个成分单元都进行了声明,造成了代码的重复和冗余。可以使用@Builder来构建自定义方法,抽象出相同的UI结构声明。@Builder修饰的方法和Component的build方法都是为了声明一些UI渲染结构,遵循一样的ArkTS语法。可以定义一个或者多个@Builder修饰的方法,但Component的build方法必须只有一个。
- 基于ArkTS的声明式开发范式的方舟开发框架是一套开发极简、高性能、跨设备应用的UI开发框架,支持开发者高效的构建跨设备应用UI界面。兼容JS的类Web开发范式的方舟开发框架,采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生 基于ArkTS的声明式开发范式的方舟开发框架是一套开发极简、高性能、跨设备应用的UI开发框架,支持开发者高效的构建跨设备应用UI界面。兼容JS的类Web开发范式的方舟开发框架,采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生
- 卡片是一种界面展示形式,可以将应用的重要信息或操作前置到卡片,以达到服务直达,减少体验层级的目的。卡片常用于嵌入到其他应用(当前只支持系统应用)中作为其界面的一部分显示,并支持拉起页面,发送消息等基础的交互功能。卡片使用方负责显示卡片。卡片的基本概念:卡片提供方:提供卡片显示内容元服务,控制卡片的显示内容、控件布局以及控件点击事件。卡片使用方:显示卡片内容的宿主应用,控制卡片在宿主中展示的位置。卡 卡片是一种界面展示形式,可以将应用的重要信息或操作前置到卡片,以达到服务直达,减少体验层级的目的。卡片常用于嵌入到其他应用(当前只支持系统应用)中作为其界面的一部分显示,并支持拉起页面,发送消息等基础的交互功能。卡片使用方负责显示卡片。卡片的基本概念:卡片提供方:提供卡片显示内容元服务,控制卡片的显示内容、控件布局以及控件点击事件。卡片使用方:显示卡片内容的宿主应用,控制卡片在宿主中展示的位置。卡
- PageAbility是具备ArkUI实现的Ability,是开发者具体可见并可以交互的Ability实例。开发者通过IDE创建Ability时,IDE会自动创建相关模板代码。PageAbility相关能力通过单独的featureAbility实现,生命周期相关回调则通过app.js/app.ets中各个回调函数实现。基于Service模板的Ability主要用于后台运行任务(如执行音乐播放、文件 PageAbility是具备ArkUI实现的Ability,是开发者具体可见并可以交互的Ability实例。开发者通过IDE创建Ability时,IDE会自动创建相关模板代码。PageAbility相关能力通过单独的featureAbility实现,生命周期相关回调则通过app.js/app.ets中各个回调函数实现。基于Service模板的Ability主要用于后台运行任务(如执行音乐播放、文件
- 装饰器类型本地初始化通过构造函数参数初始化@State必须可选@Prop禁止必须@Link禁止必须必须禁止必须禁止@Provide必须可选@Consume禁止禁止禁止必须常规成员变量推荐可选从上表中可以看出:@State变量需要本地初始化,初始化的值可以被构造参数覆盖。@Prop和@Link变量必须且仅通过构造函数参数进行初始化。从父组件中的变量(下)到子组件中的变量(右)@State@Link@ 装饰器类型本地初始化通过构造函数参数初始化@State必须可选@Prop禁止必须@Link禁止必须必须禁止必须禁止@Provide必须可选@Consume禁止禁止禁止必须常规成员变量推荐可选从上表中可以看出:@State变量需要本地初始化,初始化的值可以被构造参数覆盖。@Prop和@Link变量必须且仅通过构造函数参数进行初始化。从父组件中的变量(下)到子组件中的变量(右)@State@Link@
- “工欲善其事,必先利其器”。在对harmonyOS有了一个初步认知之后,我们使用DevEco Studio来创建一个项目,把项目运行起来,先从整体上来了解一下harmonyOS项目的整体结构以及开发工具的基本使用。作为一名鸿蒙系统开发者,你可能会遇到这样一个问题:如何通过DevEco Studio快速创建并配置一个ArkTS项目?本文将详细解答这个问题,帮助你从零开始,一步步创建并运行一个简... “工欲善其事,必先利其器”。在对harmonyOS有了一个初步认知之后,我们使用DevEco Studio来创建一个项目,把项目运行起来,先从整体上来了解一下harmonyOS项目的整体结构以及开发工具的基本使用。作为一名鸿蒙系统开发者,你可能会遇到这样一个问题:如何通过DevEco Studio快速创建并配置一个ArkTS项目?本文将详细解答这个问题,帮助你从零开始,一步步创建并运行一个简...
- 在HarmonyOS应用开发的道路上,DevEco Studio是我们必不可少的得力工具。今天,就来和大家详细聊聊DevEco Studio的安装过程,让你轻松迈出HarmonyOS应用开发的第一步。作为一款开发工具,除了具有基本的代码开发、编译构建及调测等功能外,DevEco Studio还具有如下特点:高效智能代码编辑:支持ArkTS、JS、C/C++等语言的代码高亮、代码智能补齐、代码... 在HarmonyOS应用开发的道路上,DevEco Studio是我们必不可少的得力工具。今天,就来和大家详细聊聊DevEco Studio的安装过程,让你轻松迈出HarmonyOS应用开发的第一步。作为一款开发工具,除了具有基本的代码开发、编译构建及调测等功能外,DevEco Studio还具有如下特点:高效智能代码编辑:支持ArkTS、JS、C/C++等语言的代码高亮、代码智能补齐、代码...
- 一、目前三大手机操作系统1.1 iOS是由苹果公司开发的手持设备操作系统,只能用在苹果的设备上1.2 Android (安卓)Android是目前国内手机使用最广泛的操作系统。它由谷歌开发,具有开放源代码的特性,如小米、OPPO、vivo等都使用Android系统,并在此基础上进行深度定制和优化1.3 Harmony OS(鸿蒙)华为鸿蒙系统(HUAWEI HarmonyOS),是华为公司在... 一、目前三大手机操作系统1.1 iOS是由苹果公司开发的手持设备操作系统,只能用在苹果的设备上1.2 Android (安卓)Android是目前国内手机使用最广泛的操作系统。它由谷歌开发,具有开放源代码的特性,如小米、OPPO、vivo等都使用Android系统,并在此基础上进行深度定制和优化1.3 Harmony OS(鸿蒙)华为鸿蒙系统(HUAWEI HarmonyOS),是华为公司在...
- 首先介绍一下什么是TypeScript ,与JavaScript的区别,及优缺点什么是TypeScript?官网:http://www.typescriptlang.org/github:https://github.com/Microsoft/TypeScript学习:https://www.tslang.cn/ 、http://ts.xcatliu.com/、https://www.jq... 首先介绍一下什么是TypeScript ,与JavaScript的区别,及优缺点什么是TypeScript?官网:http://www.typescriptlang.org/github:https://github.com/Microsoft/TypeScript学习:https://www.tslang.cn/ 、http://ts.xcatliu.com/、https://www.jq...
- ArkTS也提供了渲染控制的能力。条件渲染可根据应用的不同状态,渲染对应状态下的UI内容。循环渲染可从数据源中迭代获取数据,并在每次迭代过程中创建相应的组件。 ArkTS也提供了渲染控制的能力。条件渲染可根据应用的不同状态,渲染对应状态下的UI内容。循环渲染可从数据源中迭代获取数据,并在每次迭代过程中创建相应的组件。
- 当开发者创建自定义组件,并想对该组件添加特定功能时(例如在自定义组件中添加一个点击跳转操作)。为解决此问题,引入了@BuilderParam装饰器,此装饰器修饰的属性值可为@Builder装饰的函数,开发者可在初始化自定义组件时对此属性进行赋值,为自定义组件增加特定的功能。@BuilderParam装饰器用于修饰自定义组件内函数类型的属性(例如:@BuilderParam noParam: () 当开发者创建自定义组件,并想对该组件添加特定功能时(例如在自定义组件中添加一个点击跳转操作)。为解决此问题,引入了@BuilderParam装饰器,此装饰器修饰的属性值可为@Builder装饰的函数,开发者可在初始化自定义组件时对此属性进行赋值,为自定义组件增加特定的功能。@BuilderParam装饰器用于修饰自定义组件内函数类型的属性(例如:@BuilderParam noParam: ()
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw,在线养虾2026/03/11 周三 19:00-21:00
刘昱,华为云高级工程师/谈心,华为云技术专家/李海仑,上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈,华为云码道最新推出 Skill ——开发者只需输入一句口令,即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道,玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力,华为云开发者生态运营总监/姚圣伟,华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发,看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw,让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作:基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟,华为云软件研发工程师/万邵业(万少),华为云HCDE开发者专家
本次直播带来两大实战:华为云码道 Skill-Creator 手把手搭建专属知识库 Skill;如何用码道提效 OpenClaw 小说文本,打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路,一次讲透!
回顾中
热门标签