鸿蒙系统（HarmonyOS）之方舟框架（ArkUI）介绍

已于 2023-12-16 16:05:59 修改
阅读量933 收藏 9
点赞数 7
文章标签： harmonyos 华为
于 2023-12-16 16:04:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy0412326/article/details/135033886
版权

鸿蒙开发官网：HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务

方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的UI开发框架，它提供了极简的UI语法与包括UI组件、动画机制、事件交互等在内的UI开发基础设施，以满足应用开发者的可视化界面开发需求。

ArkUI

ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具，帮助您提升HarmonyOS应用界面开发效率30%。您只需使用一套ArkTS API，就能在多个HarmonyOS设备上提供生动而流畅的用户界面体验。

ArkTS 语言

ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript（简称TS）基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，提供了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。

好了就写到这吧！

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马？
惟有点赞加关注大军。 

基于OpenHarmony/HarmonyOS操作系统的ArkUI框架深入学习
一键难忘的博客
09-23 2619
ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具，帮助您提升HarmonyOS应用界面开发效率30%。您只需使用一套TS/JS API，就能在多个HarmonyOS设备上提供生动而流畅的用户界面体验。
harmony 鸿蒙ArkUI动画/交互事件开发常见问题(ArkTS)
m0_68271787的博客
05-19 1246
问题现象一个页面底部默认显示自定义组件A，点击自定义组件A，则A消失，自定义组件B从底部出现；点击自定义组件B，则组件B消失，A从底部出现。这个效果要如何实现？解决措施可以使用transition产生组件转场动画，其参数type用来设置组件变化场景，包括新增和删除；参数translate用来设置转场时的平移效果。注意transition需要配合animateTo才能生效，动效时长、曲线、延时跟随animateTo中的配置。代码示例@Entry@Componentbuild() {if (!
鸿蒙应用开发之UI框架方舟ArkUI使用参考
sinat_30844883的博客
08-07 1797
HarmonyOS提供了⼀套UI开发框架，即⽅⾈开发框架（ArkUI框架）。⽅⾈开发框架可为开发者提供应⽤UI开发所必需的能⼒，⽐如多种组件、布局计算、动画能⼒、UI交互、绘制等。
鸿蒙应用开发学习-初识ArkUI
初一十五的博客
03-16 1763
方舟开发框架（简称：ArkUI）
HarmonyOS NEXT 了解 ArkUI：鸿蒙应用开发的得力框架
最新发布
weixin_45109483的博客
03-13 553
作为一名鸿蒙开发者，在日常开发过程中，ArkUI 无疑是我们构建精美、高效应用界面的得力助手。
【HarmonyOS NEXT开发】鸿蒙界面开发起步，ArkUI(方舟开发框架)介绍，知识点详解
Byyyi耀的博客
08-30 3317
【HarmonyOS NEXT开发】鸿蒙界面开发起步，ArkUI(方舟开发框架)介绍，知识点详解
鸿蒙5.0开发：ArkUI组件（Tabs）
AyomQAQ的博客
10-14 941
Tabs组件是一种常见的用户界面（UI）组件，它是一个可以容纳多个选项卡的容器组件。
【愚公系列】2023年12月 HarmonyOS教学课程 006-ArkUI组件（Stack）
时光隧道
12-01 6万+
HarmonyOS中的层叠布局Stack是一种可以将多个组件按照一定顺序叠放的布局。Stack布局中的组件可以是任意类型的组件，且每个组件都可以设置在哪个位置叠放。在叠放时，后添加的组件会自动覆盖前面添加的组件。Stack布局布局中的每个子组件都可以设置偏移量、旋转角度等属性，这样可以实现更加丰富的叠放效果。此外，Stack布局还支持添加动画，通过动画可以实现组件的平移、旋转等动态效果，使页面更加生动有趣。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之DatePicker组件
adendean的博客
01-31 826
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之DatePicker组件
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Navigation组件
adendean的博客
02-15 1505
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Navigation组件。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextPicker组件
zdh13370188237的博客
02-01 1403
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextPicker组件
【愚公系列】2023年12月 HarmonyOS教学课程 009-ArkUI组件（GridRow/GridCol）
热门推荐
时光隧道
12-02 6万+
栅格布局是一种通用的辅助定位工具，可以帮助开发人员解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，栅格布局提供了可循的规律性结构，方便开发人员对页面元素进行定位和排版。此外，栅格布局还提供了一种统一的定位标注，帮助保证不同设备上各个模块的布局一致性，减少设计和开发的复杂度，提高工作效率。栅格布局还具有灵活的间距调整方法，可以满足特殊场景布局调整的需求。同时，自动换行和自适应功能使得栅格布局能够完成一对多布局，并自动适应不同设备上的排版。
ArkUI新能力，助力应用开发更便捷
HarmonyOSDev的博客
02-15 898
如下图中“布局效果”所示，如果要实现图中的效果，一段Text文本位于左上角，另一段Text文本放置在右下角，使用线性布局需要这么实现：在外层套一个Column容器，里面嵌套2个Row容器，第一段Text文本放置在第一个Row的左侧，第二段Text文本放置在第二个Row的右侧，需要使用3个布局容器，2层嵌套。如果使用相对布局，只需要外层套一个RelativeContianer容器，设置第一行文本在相对容器的左上角，设置第二行文本在相对容器的右下角，只需要1个布局容器，1层嵌套，代码实现上也较简洁。
【HarmonyOS开发】ArkUI-X 跨平台框架（使用ArkTs开发Android&IOS）
qq_23334071的博客
01-05 6740
ArkUI-X 跨平台框架进一步将 ArkUI 开发框架扩展到了多个OS平台，目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用。
鸿蒙官网方舟编译器官网,华为开源平台上线：鸿蒙系统、方舟编译器在列
weixin_29128423的博客
05-28 457
华为近日官方宣布，方舟编译器将于8月31日正式开源。这一颠覆式的技术堪称安卓系统性能革命，将带来巨大的性能提升，官方称操作流畅度提升可高达60%。8月31日凌晨，华为开源平台网站(HUAWEI OpenSource)就迫不及待地悄然上线了，不过目前还比较简单，具体内容正在逐步上传更新之中，暂时只有一些测试和说明文件。不过，有网友挖出了鸿蒙OS系统和方舟编译器的资源目录，只是打开一瞬间之后就会提示没...
2024年鸿蒙最全鸿蒙HarmonyOS实战-ArkUI组件（List）_鸿蒙ats list选中(4)，一线互联网架构师360°全方面性能调优
2401_84853495的博客
05-10 739
如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新需要这份系统化的资料的朋友，可以戳这里获取。
鸿蒙和方舟有什么区别,鸿蒙、方舟不同的定位和实施策略
weixin_34379710的博客
05-27 1552
原标题：鸿蒙、方舟不同的定位和实施策略在华为放出方舟操作系统注册信息之前，就有方舟编译器的信息。方舟编译器能够更有针对性地优化不同的App，经过优化后，应用执行效率提升29%、系统操作流畅度提升24%、系统响应提升44%，第三方应用的操作流畅度提升60%。比这更早，华为还发布了超级文件系统，根据华为的说法，EROFS超级文件系统同样已经开源，并已经并入Linux内核主线，EROFS超级文件系统会将...
一文彻底搞清楚Harmony NEXT的ArkUI
程序员Feri
12-24 973
在移动开发领域，长期以来存在着两大阵营：iOS和Android。为了满足不同平台的需求，开发者往往需要分别编写两套代码，这无疑增加了开发成本和维护难度。在这种背景下，跨平台UI框架应运而生，旨在实现“一套代码，多平台运行”。目前主流的跨端开发框架：React Native由Facebook开发Flutter是由Google公司开发的uni-app 是国内的DCloud开发的ArkUI 是华为推出一款跨平台Weex是由阿里巴巴开发的跨平台。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI），实现功能：点击下拉框显示当前日期并选择，将结果输出到下拉框里面
11-08
鸿蒙系统（HarmonyOS）的方舟框架（ArkUI）提供了一套高度定制化的用户界面工具，它简化了开发者构建跨设备的应用体验。对于点击下拉框动态显示当前日期并允许用户选择的功能，你可以通过以下步骤实现： 1. 首先，在UI设计上，你需要在方舟组件库中找到下拉框控件（如`CascadingPicker`或`ComboBox`）。创建一个新的交互事件监听器，比如当用户点击下拉框时。 2. 在事件处理函数中，获取当前的时间或日期信息。你可以使用`HuamiCalendar`或者其他内置的日期时间API来获取当前日期。 3. 将获取到的日期数据填充到下拉框的选项列表中。这通常涉及到设置下拉框的数据源，可能是数组形式，每个元素包含日期文本和对应的值。 4. 用户选择日期后，响应下拉框的选择改变事件，更新下拉框显示的选中项。 示例代码片段（伪代码）： ```java // 获取当前日期 Date currentDate = Calendar.getInstance().getTime(); String dateText = currentDate.toString(); // 格式化日期 // 设置下拉框数据源 List<String> options = new ArrayList<>(); options.add(dateText); // 添加当前日期作为第一个选项 // ...其他日期选项... // 下拉框组件设置 CascadingPicker picker = findViewById(R.id.dropdown); picker.setDataSource(options); // 点击事件处理器 picker.setOnItemClickListener(item -> { String selectedDate = item.getText(); // 获取用户选择的日期 // 更新显示或处理选择结果 }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亚丁号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值