- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙开发笔记
ArkUI实战开发-NAPI项目
上节笔者简单介绍了使用 DevEco Studio 创建的默认 NAPI 工程结构，本节笔者简单介绍一下 NAPI 工程下 cpp 目录的源码部分。
29220编辑于 2024-10-09 - 来自专栏鸿蒙开发笔记
HarmonyOS——ArkUI状态管理
这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变会引起UI的渲染刷新。
64010编辑于 2024-07-04 - 来自专栏云计算linux
鸿蒙ArkUI即将取代Java UI？
看到这里，你是不是看到了 ArkUI 中的 JS UI 是怎么来的了？没错，ArkUI 的 JS UI 范式，就是 Vue 的写法。 2021 年 5 月，ArkUI 组就带来了这震惊业界的消息，鸿蒙即将支持 DSL 开发，而且语法致敬了 SwiftUI、Flutter，React，10 月 HDC 正式随 SDK 7 推出了技术预览版 相比 Flutter： ArkUI 大大减少了 Dart 嵌套语法地狱的问题，写法上更简洁明快。 预览器和 Preview 修饰符是调试 UI 不可或缺的工具，效率提升 100 倍的利器。 SwiftUI 预览器缺少组件树功能，ArkUI 的组件定位功能十分好用。 当然，相比较上述 2 大框架，ArkUI 尚处于技术预览阶段，自带组件数量不足、缺失和 Bug。 以及最要紧的生态库尚未建立，需要时间去完善，根据官网规划，相信到 2022 年中段，这方面会有长足的进步，期待更好的 ArkUI！
21110编辑于 2024-12-13 - 来自专栏鸿蒙开发笔记
ArkUI滚动类组件-Scroll、Scroller
Scroll 作为可滚动的容器类组件，它最多包含一个子组件，当子组件的布局尺寸在指定的滚动方向上超过 Scroll 的视图窗口时，子组件可以滚动， Scroll 滚动方向只支持水平滚动和竖直滚动。 Scroller 作为滚动组件的控制器，它可以控制滚动组件的一些行为，比如滚动到特定位置，滚动到边界等。
79010编辑于 2024-09-30 - 来自专栏鸿蒙开发笔记
HarmonyOS 开发应用——【ArkUI组件使用】
ArkUI组件使用这里会详细演示以下组件使用:ImageTextTextInputButtonSliderColumn&&RowList自定义组件以及相关函数使用Image可以是网络图片、可以是本地图片 "100%") .layoutWeight(1) } .fillScreen() }}这样即可实现组件式开发，学过前端的基本都有这样的概念总结自定义组件使用通过以上内容即可学会ArkUI
42110编辑于 2024-06-26 - 来自专栏ArkUI-X从入门到实践
ArkUI-X跨平台编译
前言 我们上一篇文章使用DevEco-Studio创建了自己的第一个项目，但是遗憾的是，官网提供的版本3的版本，目前这个版本是不支持ArkUI-X的，如果要使用ArkUI-X来编译的话，我们需要下载4的版本 导入示例代码 我们打开工具后看到如下画面 选择More Actions -> import sample 我们选择OpenHarmony和ArkUI-X下面的HelloWorld示例代码 输入你想用的项目名以及项目路径 设置ArkUI-X的SDK 选择ArkUI-X，然后选择右侧Edit，和上面的步骤一样。
62200编辑于 2024-02-06 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-手势密码（PatternLock）
ArkUI开发框架提供了图案密码锁 PatternLock 组件，它以宫格图案的方式输入密码，用于密码验证，本节读者简单介绍一下该控件的使用。
32620编辑于 2024-10-08 - 来自专栏鸿蒙开发笔记
ArkUI滚动类组件-Swiper
Swiper 是页面切换类容器组件，它提供了切换页面显示的能力， Swiper 包含的每一个子组件就表示一个页面，例如 Swiper 有 4 个子组件，那么 Swiper 就有 4 个页面。 Swiper 可以绑定一个 SwiperController 控制显示上一页或者下一页。
35530编辑于 2024-10-07 - 来自专栏鸿蒙开发笔记
鸿蒙应用开发-初见：ArkUI
height: 116).background(.white).clipShape(RoundedRectangle(cornerRadius: 8)).padding(.horizontal, 16)}ArkUI 不需要做太多布局计算的工作，让我们少掉一些头发ArkUI和SwiftUI的语法最像，甚至它们的状态管理也很像，都是提供了状态绑定和监听机制来更新UI样式声明式UI布局原理简述Flutter中Widget ArkTS写完页面描述后，交给语言运行时进行语法解析，再之后由C++编写的后端引擎将UI转换为渲染指令交给渲染引擎绘制到屏幕上ArkUI语法初见ArkTS对TypeScript语言进行扩展，提供值类型结构 struct定义自定义组件，必须搭配Component或者CustomDialog使用ArkUI中组件定义和状态管理都是通过装饰器来做的。 框架会自动调用build，不需要我们手动调用从代码到UI显示的整体渲染流程ArkUI的渲染分为两大情况从创建到显示(①~⑤)① 通过devEco将源码编译成带类型标识的字节码文件，同时携带创建这个结构所需信息的指令流
87710编辑于 2024-06-15 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-初识 NAPI
在移动应用开发中需要使用 C/C++ 实现的场景有很多，比如音视频处理，图像处理等较高性能要求的场景。OpenHarmony 提供了 NAPI 框架用于实现 JS 和 C/C++ 互相调用的能力，DevEco Studio 默认支持创建 NAPI 应用，本节笔者简单介绍一下创建的默认 NAPI 工程的相关知识。
30120编辑于 2024-10-09 - 来自专栏鸿蒙开发笔记
OpenHarmony 实战开发——ArkUI之Canvas组件
Canvas 是 ArkUI 开发框架里的画布组件，常用于自定义绘制图形。因为其轻量、灵活、高效等优点，被广泛应用于 UI 界面开发中。 本期，我们将为大家介绍 ArkUI 开发框架中 canvas 组件的使用。一、canvas 介绍1.1 什么是 canvas？ 目前，ArkUI 开发框架中的 WebGL1.0 及 WebGL2.0 标准 3D 图形绘制能力正在完善中，所以本文将着重介绍 2D 图像的绘制。 二、canvas 基础绘制方法通过上节对 canvas 组件的基本介绍，相信大家对 canvas 组件已经有了一定的认识，下面我们将为大家实际演示 canvas 组件在 ArkUI 开发框架中的使用方法 如何使用 ArkUI 开发框架提供的 canvas 组件轻松实现这个经典怀旧的小游戏？实现思路及关键代码如下：图 7 飞机大战小游戏1.
36320编辑于 2025-04-10 - 来自专栏个人路线
使用ArkUI开发HarmonyOS【鸿蒙开发20】
使用ArkUI开发HarmonyOS “作者：坚果 华为云享专家，InfoQ签约作者，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,鸿蒙，
1.7K30编辑于 2022-03-30 - 来自专栏鸿蒙开发笔记
OpenHarmony应用开发—ArkUI组件集合
介绍本示例为 ArkUI 中组件、通用、动画、全局方法的集合。效果预览使用说明：1.点击组件、通用、动画、全局方法四个按钮或左右滑动切换不同视图。
21510编辑于 2025-05-10 - 来自专栏Android开发指南
鸿蒙开发学习（二）之ArkUI
UI开发 方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的UI开发框架，它提供了极简的UI语法与包括UI组件、动画机制、事件交互等在内的UI开发基础设施，以满足应用开发者的可视化界面开发需求
4.2K31编辑于 2023-11-16 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-视频播放（Video）
Video 是ArkUI开发框架提供的一个视频播放组件，我们可以使用该组件实现播放视频相关的功能，本节笔者简单介绍一下 Video 的使用。 src: $rawfile("test_video.mp4"), // 设置数据源 previewUri: "https://www.arkui.club
42320编辑于 2024-10-07 - 来自专栏鸿蒙开发笔记
HarmonyOS4.0——ArkUI应用说明
一、ArkUI框架简介ArkUI开发框架是方舟开发框架的简称，它是一套构建 HarmonyOS / OpenHarmony 应用界面的声明式UI开发框架，它使用极简的UI信息语法、丰富的UI组件以及实时界面语言工具 1.2.ArkUI框架的演进ArkUI开发框架综合考虑了UI渲染、语言和运行效率，围绕着极简开发、高性能、跨设备跨平台进一步演进。 另外，在ArkUI开发框架中，类Web范式会继续保留，即类Web范式和新一代的声明式UI范式都可以支持，可以各自独立使用，但不能混用。 1.3.ArkUI的关键特性①.极简的UI信息语法ArkUI开发框架采用基于 TypeScript 扩展的极简的声明式UI描述界面语法，提供了类自然语言的UI描述和组合，开发者只需用几行简单直观的声明式代码 ForEach 定义如下：3.2.ForEach循环渲染ArkUI开发框架提供循环渲染（ForEach组件）来迭代数组，并为每个数组项创建相应的组件。
85810编辑于 2024-07-04 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-页面导航（Navigation）
Navigation 组件一般作为页面布局的根容器，它提供了一系列属性方法来设置页面的标题栏、工具栏以及菜单栏的各种展示样式。 Navigation 除了提供了默认的展示样式属性外，它还提供了 CustomBuilder 模式来自定义展示样式，本节将介绍一下 Navigation 各属性的简单用法以及使用 CustomBuilder 实现自定义样式。
64220编辑于 2024-10-08 - 来自专栏鸿蒙开发笔记
ArkUI滚动类组件-Grid、GridItem
Grid 表示网格布局，它可以设置行数和列数，它和 List 类似，子组件只能是 GridItem 。
39520编辑于 2024-10-06 - 来自专栏鸿蒙开发笔记
OpenHarmony使用ArkUI Inspector分析布局
本文会介绍如何使用ArkUI Inspector工具分析布局，提示应用响应性能。 本文会介绍如何使用ArkUI Inspector工具分析布局，提示应用响应性能。 ArkUI Inspector工具非常好用。可以使用它分析布局，减少布局嵌套层次，从而提示应用响应性能。 工具介绍使用连接线把真机连接到开发PC，打开DevEco Studio，在 DevEco Studio 下方点击 ArkUI Inspector，打开 ArkUI Inspector。 本实践仅限于用来演示如何使用ArkUI Inspector工具来优化布局。再看一个例子，在真机上打开 Sample聊天实例应用 的聊天联系人页面，使用ArkUI Inspector工具刷新下UI界面。
28820编辑于 2025-05-08 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-窗口模块（Window）
ArkUI 开发框架在 @ohos.window 模块中提供了对窗口操作相关方法，比如设置窗口全屏显示，弹出悬浮窗等，本节笔者简单介绍一下窗口模块。
36120编辑于 2024-10-08
腾讯云开发者
