arkui专题
鸿蒙开发入门day06-ArkUI简介
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，还请三连支持一波哇ヾ(＠^∇^＠)ノ） 目录 ArkUI简介 基本概念 两种开发范式 不同应用类型支持的开发范式 UI开发（ArkTS声明式开发范式）概述 特点 整体架构 开发布局 布局结构 布局元素的组成 布局位置 对子元素的约束 ArkUI简介 ArkUI（方舟UI框架）为应用
ArkUI-状态管理-@Provide、@Consume、@Observed、@ObjectLink
ArkUI-状态管理 @Provide装饰器和@Consume装饰器：与后代组件双向同步概述观察变化框架行为Provide支持allowOverride参数 @Observed装饰器和@ObjectLink装饰器：嵌套类对象属性变化概述限制条件观察变化框架行为 @Provide装饰器和@Consume装饰器：与后代组件双向同步 @Provide和@Consume，应用于与后台组
【HarmonyOS NEXT开发】鸿蒙界面开发起步，ArkUI(方舟开发框架)介绍，知识点详解
【HarmonyOS NEXT开发】鸿蒙界面开发起步，ArkUI(方舟开发框架)介绍，知识点详解 大纲 主题：鸿蒙界面开发起步，ArkUI(方舟开发框架)介绍，知识点详解。、 内容摘要：带领直播课的观众一步步熟悉ArkUI的基本框架，引导观众实现鸿蒙界面开发的起步， 介绍布局思路，组件属性方法，图片组件… 界面开发起步 从console.log()过渡到struct Index部分的代
ArkUI-布局（三）
ArkUI-布局 列表布局与约束设置主轴方向设置交叉轴布局lanesalignListItem 自定义列表样式设置内容间距添加分隔线添加滚动条 支持分组列表添加粘性标题控制滚动位置响应滚动位置响应列表项侧滑给列表项添加标记下拉刷新与上拉加载长列表的处理 网格设置排列方式设置行列数量与占比设置子组件所占行列数设置行列间距 列表 List组件的子组件为ListItemGroup
【最新鸿蒙应用开发】——总结ArkUI生命周期
鸿蒙ArkUI相关的生命周期都有哪些? 1. UIAbility生命周期 onCreate、onWindowStageCreate、onForeground、onBackground、onWindowStageDestroy、onDestroy。 onCreate：Create状态为在应用加载过程中，UIAbility实例创建完成时触发，系统会调用onCreate()回调。可以在该
王学岗鸿蒙开发(北向)——————(四、五、六)ArkUi声明式组件
普通组件 1,注意，如上图，build只能有一个根节点 2,@Entry表示程序的入口 @Component表示自定义的组件 @Preview表示可以预览 3，图片存放的地方 4， Image组件最好只给宽度，给了高度又给宽度容易失真。 build() {Row() {//图片不需要写后缀Image($r('app.media.icon')).width(300) //宽有两种写法
王学岗鸿蒙开发(北向)——————(四、五)ArkUi声明式组件
1,注意，如上图，build只能有一个根节点 2,@Entry表示程序的入口 @Component表示自定义的组件 @Preview表示可以预览 3，图片存放的地方 4， build() {Row() {//图片不需要写后缀Image($r('app.media.icon')).width(300) //宽有两种写法，1是数字，而是百分比.height('40%') //百分比要带引号
鸿蒙开发 之 ArkUI自定义组件
1.自定义组件 2.自定义构建函数 3.自定义公共样式函数 3.1@Styles装饰器，仅可封装组件通用属性 3.2@Extend装饰器，仅可定义在全局，可以设置组件特有属性 4.代码示例 头部组件封装 @Componentexport struct Header{private title: ResourceStrbuild(){//
OpenHarmony 实战开发——ArkUI中的线程和看门狗机制
一、前言 本文主要分析ArkUI中涉及的线程和看门狗机制。 二、ArkUI中的线程 应用Ability首次创建界面的流程大致如下： 说明： • AceContainer是一个容器类，由前端、任务执行器、资源管理器、渲染管线、视图等聚合而成，提供了生命周期对接、功能调度接口和UI渲染的各项能力。 • Ability在FA模型中实际为AceAbility，和AceContainer容器
鸿蒙ArkUI-X跨语言调用说明：平台差异化【Android、ios动态化】
动态化介绍 简介 ArkUI-X支持动态化，使用者可以根据自己需要动态发布跨平台内容，从而使跨平台部分和宿主应用进行解耦。动态化能力支持如下两个典型场景： 框架动态化：指ArkUI跨平台开发框架本身可以做到动态下发，即应用发布时可以不带框架基础库，降低应用原始发布包体积，在需要时才从云端动态下发和执行加载；特性动态化：指用ArkTS语言开发的特性可以做到动态化，和宿主应用解耦，独立发布
鸿蒙应用布局ArkUI：【其他常用布局容器和组件】介绍
其他常用布局容器和组件 创建轮播（Swiper）实现轮播图功能 开发前请熟悉鸿蒙开发指导文档：gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 栅格布局（GridRow/GridCol）和Grid布局类似，但是可以根据设置的分割点动态显示列数。特别适合做多设备适配布局 Badge实现消息小
OpenHarmony 实战开发——ArkUI容器类API介绍
容器类，顾名思义就是存储的类，用于存储各种数据类型的元素，并具备一系列处理数据元素的方法。在 ArkUI 开发框架中，容器类采用了类似静态的语言来实现，并通过 NAPI 框架对外提供。通过对存储位置以及属性的限制，让每种类型的数据都能在完成自身功能的基础上剪除冗余分支，保证了数据的高效访问，提升了应用的性能。 本期，我们将为大家介绍 ArkUI 开发框架中容器类的各种类型以及相关 API 的使用
鸿蒙应用布局ArkUI【基础运用案例】
布局基础运用案例 平级导航的复合网格视图 平级导航的复合网格视图常出现在同时展示多种不同内容的界面。 例如，市场类应用作为典型的平级导航，其首页不同板块采用了不同布局能力。 标题栏与搜索栏：因元素单一、位置固定在顶部，因此适合采用自适应拉伸，并在大尺寸界面中从纵排变为横排，充分利用顶部区域。运营横幅：在小设备上默认为多张轮播展示，随宽度变化采用自适应缩放，在中尺寸界面通过重复布局变为并
鸿蒙ArkUI开发：常用布局【相对布局】
相对布局（RelativeContainer） 相对布局可以让子元素指定兄弟元素或父容器作为锚点，基于锚点做位置布局必须为RelativeContainer及其子元素设置ID，用于指定锚点信息。未设置ID的子元素不会显示RelativeContainer ID为“__container__”，其余子元素的ID通过id属性设置。子元素通过 alignRules 指定相对布局规则开发前请熟悉鸿蒙
鸿蒙ArkUI开发：常用布局【主轴】
ArkUI中常用布局容器 线性布局（Row/Column） 线性布局的子元素在线性方向上（水平方向和垂直方向）依次排列线性布局容器包括[Row]和[Column]。Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列开发前请熟悉鸿蒙开发指导文档：gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复
鸿蒙ArkUI：【编程范式：命令式-＞声明式】
命令式 简单讲就是需要开发用代码一步一步进行布局，这个过程需要开发全程参与。 开发前请熟悉鸿蒙开发指导文档：gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 Objective-C ObjectiveC复制代码UIView *cardView = [[UIView alloc] init];cardV
HarmonyOS ArkUI实战开发—状态管理
一、状态管理 在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。 自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变会引起UI的渲染刷新。如果不使用状态变量，UI只能在初始化时渲染，后续将
鸿蒙HarmonyOS应用 - ArkUI组件
ArkUI组件 基础组件 Image 声明Image组件并设置图片源 网络权限：ohos.permission.INTERNET Image(scr: string | PixelMap | Resource)// 1. string：用于加载网络图片，需要申请网络权限Image("https://xxx.png")// 2. PixelMap：像素图Image(PixelMa
51.HarmonyOS鸿蒙系统 App(ArkUI)通知
普通文本通知测试 长文本通知测试 多行文本通知测试 图片通知测试 进度条通知测试 通知简介 应用可以通过通知接口发送通知消息，终端用户可以通过通知栏查看通知内容，也可以点击通知来打开应用。 通知常见的使用场景： 显示接收到的短消息、即时消息等。 显示应用的推送消息，如广告、版本更新等。 显示当前正在进行的事件，如下载等。 HarmonyOS通过ANS（
HarmonyOS ArkUI实战开发-NAPI 加载原理（上）
笔者在前 6 小结讲述了NAPI 的基本使用，包括同步和异步实现，本节笔者从源码的角度简单讲解一下NAPI 的加载流程，源码版本为 ArkUI 4.0 Release 版本。 hap 工程结构 工程配置签名后打一个 hap 包出来，然后解压该 hap 文件，目录如下所示： 根据解压后的文件目录可知，hello.cpp 文件被编译成了不同平台的动态库 libentry.so，ets 目录存
HarmonyOS ArkUI实战开发-NAPI异步编程
笔者在前 5 小节里讲述了在 OpenHarmony 上通过 NAPI 的方式实现了 JS 调用 C++的能力，但是这些实现都是同步的，本节笔者简单介绍一下 NAPI 的异步实现。 约定编程规范 ArkUI 开发框架对外提供的 API 命名是需遵守一定规范的，以 @ohos.display 模块提供的 API 为例，源码如下所示： declare namespace display {fun
HarmonyOS ArkUI实战开发-窗口模块（Window）
窗口模块用于在同一物理屏幕上，提供多个应用界面显示、交互的机制。 对应用开发者而言，窗口模块提供了界面显示和交互能力。对于终端用户而言，窗口模块提供了控制应用界面的方式。对于操作系统而言，窗口模块提供了不同应用界面的组织管理逻辑。 OpenHarmony 将窗口分为系统窗口和应用窗口两种类型： 系统窗口： 系统窗口指完成系统特定功能的窗口。如音量条、壁纸、通知栏、状态栏、导航栏等。 应用
HarmonyOS ArkUI实战开发-NAPI数据类型
在前两篇文章里笔者简单介绍了 NAPI 工程结构以及生成的 cpp 源码部分，其中 JS 应用层传递过来的数据被封装在了 napi_value 中，使用前先要转换成对应的 C/C++ 数据类型，C/C++ 端的数据也要转换成 napi_value 数据类型传递给 JS 应用层，本节笔者简单介绍一下 NAPI 中提供的数据类型转换相关知识点。 NAPI是什么？ NAPI 类似于 Java 里的
50.HarmonyOS鸿蒙系统 App(ArkUI)web组件实现简易浏览器
50.HarmonyOS鸿蒙系统 App(ArkUI)web组件实现简易浏览器 配置网络访问权限： 跳转任务： Button('转到').onClick(() => {try {// 点击按钮时，通过loadUrl，跳转到www.example1.comthis.webviewController.loadUrl(this.get_url);} catch (error) {con
48.HarmonyOS鸿蒙系统 App(ArkUI)常用组件的使用
48.HarmonyOS鸿蒙系统 App(ArkUI)常用组件的使用 按钮触发事件 toast信息提示 单选按钮 复选框 切换按钮，开关按钮 进度条 textbox,textinput,TextArea文本输入框 气泡提示 import prompt from '@ohos.prompt';import promptAction from '@ohos.promptActi
45.HarmonyOS鸿蒙系统 App(ArkUI)创建列表（List）
列表是一种复杂的容器，当列表项达到一定数量，内容超过屏幕大小时，可以自动提供滚动功能。它适合用于呈现同类数据类型或数据类型集，例如图片和文本。在列表中显示数据集合是许多应用程序中的常见要求（如通讯录、音乐列表、购物清单等）。 使用列表可以轻松高效地显示结构化、可滚动的信息。通过在List组件中按垂直或者水平方向线性排列子组件ListItemGroup或ListItem，为列表中的行或列提供单