##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** Resource 资源引用类型，用于设置组件属性的值。 可以通过$r或者$rawfile创建Resource类型对象，不可以修改Resource中的各属性的值。 $r('belonging.type.name') //belonging：系统资源或者应用资源，相应的取值为'sys'和'app'； //type：资源类型，支持'string'、'color'、'boolean'、'float'、'intarray'、'integer'、'pattern'、...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 尺寸设置 .width(value: Length) //设置组件宽度 .height(value: Length) //设置组件高度 .size(value: SizeOptions) //设置组件宽高尺寸 .padding(value: Padding | Length | LocalizedPadding) //设置内边距 .margin(value: Margin | Length | LocalizedMargin) //设置外边距  位置设置...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 通用事件分为以下几类：  事件分发：事件分发是指ArkUI收到用户操作生成的触控事件，通过触摸测试，将触控事件分发至各个组件形成事件的过程。 触屏事件：触控事件是触摸测试的输入，根据用户操作方式的不同，可以划分为Touch类触控事件和Mouse类触控事件。 键鼠事件：键鼠事件指键盘，鼠标外接设备的输入事件。 焦点事件：是指焦点、焦点链和走焦等事件。 拖拽事件：拖拽事件提供了一种通过鼠标或手势触屏传递数据的机制，即从一个组件位置拖出（drag）数据并将其拖...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 Button组件可以包含子组件。 Button(label?: ResourceStr, options?: { type?: ButtonType, stateEffect?: boolean })  label：按钮显示的文字内容 type：定义按钮样式 stateEffect：设置...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** Image组件用来渲染展示图片，它可以让界面变得更加丰富多彩。 例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif。 Image组件数据源  本地资源：存放在ets文件夹下，引用根目录ets文件夹下的资源路径即可。 Resource资源：通过$r资源接口读取并转换到Resource格式。 网络资源：引用网络地址，需在module.jso...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** TextInput组件用于输入单行文本，使用非常广泛，例如应用登录账号密码、发送消息等。 TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController})   placeholder：设置提示 text：设置文本 controller：设置TextInput控制器  设置输入类型 .type(value: InputTyp...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** Text组件用于在界面上展示一段文本信息，可以包含子组件Span。 文本样式 包含文本元素的组件，例如Text、Span、Button、TextInput等，都可以使用文本样式。 文本样式的属性如下表：    名称 描述     .fontColor(value: ResourceColor) 1. 设置文本颜色。2. Color枚举   .fontSize(value: string number   .fontStyle(value: FontSty...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 基本概念 页面路由指在应用程序中实现不同页面之间的跳转和数据传递。Router模块通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回、页面返回前增加一个询问框和命名路由这几个方面，介绍如何通过Router模块实现页面路由。 页面跳转是开发过程中的一个重要组成部分。在使用应用程序时，通常需要在不同的页面之间跳转，有时还需要将数据从一个页面传递到另一个页面。 开发指南 在创建项目时：  在src/main/ets/...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** Stage模型 随着系统的演进发展，HarmonyOS先后提供了两种应用模型：  FA（Feature Ability）模型：从API 7开始支持的模型，已经不再主推。 Stage模型：从API 9开始新增的模型，是目前主推且会长期演进的模型。在该模型中，由于提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”，因此称这种应用模型为Stage模型。  UIAbility组件是一种包含UI界面的应用组件，主要用...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 函数 实例 // 有名函数 function add(x:number, y:number) { return x + y; } console.log("add",add(1,2)); // 匿名函数（lambda表达式） let myAdd = (x:number, y:number) => { return x + y; }; console.log("myAdd",myAdd(1,2)); //typ...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 条件语句 使用规则  支持if、else和else if语句。 if、else if后跟随的条件语句可以使用状态变量或者常规变量(状态变量：值的改变可以实时渲染UI，常规变量：值的改变不会实时渲染UI)。 允许在容器组件内使用，通过条件渲染语句构建不同的子组件。 条件渲染语句在涉及到组件的父子关系时是“透明”的，当父组件和子组件之间存在一个或多个if语句时，必须遵守父组件关于子组件使用的规则。 每个分支内部的构建函数必须遵循构建函数的规则，并创建一个或多...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 数据类型 //布尔类型 let isDone: boolean = false; //数字类型 let decLiteral: number = 2023; //十进制 let binaryLiteral: number = 0b11111100111; //二进制 let octalLiteral: number = 0o3747; //八进制 let hexLiteral: number = 0x7e7; //十六进制 console.log(&qu...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 介绍 HUAWEI DevEco Studio（获取工具请单击链接下载，以下简称DevEco Studio）是基于IntelliJ IDEA Community开源版本打造，为运行在HarmonyOS系统上的应用和元服务（以下简称应用/元服务）提供一站式的开发平台。 作为一款开发工具，除了具有基本的代码开发、编译构建及调测等功能外，DevEco Studio还具有如下特点：  高效智能代码编辑：支持ArkTS、JS、C/C++等语言的代码高亮、代码智能补...

##HarmonyOS Next快速入门##HarmonyOS应用开发##教育## **************************** 创建第一个工程 如果你是首次打开DevEco Studio，那么首先会进入欢迎页。 在欢迎页中单击“Create Project”，进入项目创建页面。 选择‘Application’，然后选择‘Empty Ability’，单击‘Next’进入项目配置页。 配置页中，详细信息如下：  Project name是开发者可以自行设置的项目名称，这里根据自己选择修改为自己项目名称。 Bundle name是包名称，默认情况下应用ID也会使用该名称，应用发布时对...