![](https://img-blog.csdnimg.cn/direct/abbf7801aa7145caa5ee5d5573f57f9c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HarmonyOS 4.0从入门到实战
文章平均质量分 89
《鸿蒙HarmonyOS4入门到实战教程》带你从零开始,深入了解ArkTS语法基础和应用常用组件的使用。通过丰富的实战案例,让你能够快速掌握鸿蒙应用开发的技巧和方法。
全栈若城
曾就职容猫,四维等大厂,涉猎大前端,python, 鸿蒙等领域技术。阿里云, CSDN技术社区专家博主,CSDN博客专家Top100, 热衷技术分享
展开
-
14. 快速上手!HarmonyOS4.0 (TextPicker_文本滑动选择器弹窗_TextTimer)组件详解
的基本使用了,但在我们开发的过程中,经常用到的弹窗却是 带有。根据指定的选择范围创建文本选择器,展示在弹窗上。通过文本显示计时信息并控制其计时器状态的组件。根据range指定的选择范围创建文本选择器。事件表示点击取消按钮 , 点击确认按钮时。按钮的 , 那么这种的组件如何开发呢?定义文本滑动选择器弹窗并弹出。定义一个数组对象作为数据源。代码中 我们主要使用的是。事件表示点击确认按钮,滑动选择文本内容的组件。目前我们已经大致的了解了。当然此时依旧可以使用。原创 2024-06-21 09:17:38 · 5519 阅读 · 1 评论 -
13. 快速上手!HarmonyOS4.0 Form(Checkbox_CheckboxGroup_Radio_TextInput_TextArea)表单详解
在多选的开发中,我们经常遇见的问题是, 全选/ 全不选 , 那么 在Harmonyos 中 应该如和处理这种问题呢?这种情况下我们最好将数组改成数组对象的形式 , 当然实际的开发中我们也是这么做的。代码中 在数据源中添加 bg 属性, 通过三元语法实现背景颜色替换 , 效果如下。高度未设置时,组件无默认高度,自适应内容高度。对数据源进行遍历展示即可, 需要注意的是 group 需要保持一致。提供多选框组件,通常用于某选项的打开或关闭。是支持换行的 , 因此这么操作。创建多选框群组,可以控制群组内的。原创 2024-05-19 18:09:05 · 756 阅读 · 1 评论 -
12. 快速上手!HarmonyOS4.0 Panel容器组件详解
【代码】12. 快速上手!HarmonyOS4.0 Panel容器组件详解。原创 2024-05-18 19:21:01 · 5342 阅读 · 0 评论 -
11. 快速上手!HarmonyOS4.0 Grid_GridItem容器组件详解
【代码】11. 快速上手!HarmonyOS4.0 Grid_GridItem容器组件详解。原创 2024-05-17 19:27:46 · 5241 阅读 · 0 评论 -
10. 快速上手!HarmonyOS4.0 Flex 容器组件详解
【代码】10. 快速上手!HarmonyOS4.0 Flex 容器组件详解。原创 2024-05-14 09:20:36 · 3384 阅读 · 0 评论 -
09. 快速上手!HarmonyOS4.0 List/ListItem/ListItemGroup 组件详解(三)
该组件用来展示列表item分组,宽度默认充满List组件,必须配合List组件来使用。原创 2024-05-13 10:44:31 · 3438 阅读 · 0 评论 -
08. 快速上手!HarmonyOS4.0 List_ListItem_ListItemGroup 组件详解(二)
滑出的内容需要一个自定义的组件, 而在arkts 中 通过 @Builder 来创建组件, 关于组件的创建,以及传值等内容后面的章节中会有讲到, 本次的案例可以只做了解// 自定义滑出组件Row(){Button('删除').type(ButtonType.Capsule).backgroundColor('#f00')在ListItem 中 可以通过 swipeAction 属性来设置ListItem的划出组件, 完整代码如下/*** @Author: 若城。原创 2024-05-09 16:07:06 · 6394 阅读 · 0 评论 -
07. 快速上手!HarmonyOS4.0 List_ListItem_ListItemGroup 组件详解(一)
快速上手!HarmonyOS4.0 List/ListItem/ListItemGroup 组件详解原创 2024-04-09 09:36:27 · 22696 阅读 · 1 评论 -
06. 快速上手!HarmonyOS4.0 路由详解
【代码】06. 快速上手!HarmonyOS4.0 路由详解。原创 2024-04-08 09:22:30 · 23996 阅读 · 2 评论 -
05. 快速上手!HarmonyOS4.0 Button_Blank 基础组件详解
此处使用了LoadingProgress 组件 可参考。, 直接在组件内添加字符串即可。原创 2024-03-28 09:30:55 · 14141 阅读 · 1 评论 -
04. 快速上手!HarmonyOS4.0 布局组件(Column/Row)
【代码】04. 快速上手!HarmonyOS4.0 布局组件(Column/Row)原创 2024-03-27 09:48:04 · 16347 阅读 · 2 评论 -
03. 快速上手!HarmonyOS4.0 Text/Span组件详解
显示一段文本的组件。原创 2024-03-18 09:30:14 · 1008 阅读 · 3 评论 -
02. 快速上手!HarmonyOS4.0 Image组件详解
图片(Image)是用来显示图片的组件Column() {Text('自定义形状').fontSize(20)Column() {Text('自定义圆角').fontSize(20)原创 2024-03-13 09:56:35 · 4179 阅读 · 1 评论 -
01.HarmonyOS4.0 工具安装 --- 启航篇
在**DevEco Studio **中默认提供中文环境, 我们只需要将其打开即可 , 如下图所示。Node.js >= 16.9.1 + Install ohpm 鸿蒙包管理器。下面主要以win 安装为例 , mac 的直接按照常规软件安装即可。页面中 , 选择已安装的插件, 在输入框内 搜索。如下图所示 ,填写完成信息之后 ,点击。, 将筛选出的插件勾选 后 点击。在历史版本中 选择适合自己的版本。官网导航列表中选择开发即可。下滑到底部找到历史版本。查看检查结果是否全部画勾。点击设置, 选择插件。原创 2024-03-12 08:45:01 · 20476 阅读 · 1 评论 -
04. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-----------(番外篇)
在使用接口时, 再指定具体的泛型类型**原创 2024-03-11 09:47:20 · 21247 阅读 · 0 评论 -
03. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-----------(下篇)
TypeScript 支持通过 getters/setters 来截取对对象成员的访问。 它能帮助你有效的控制对对象成员的访问。原创 2024-03-08 08:50:38 · 7457 阅读 · 3 评论 -
02. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-----------(中篇)
对于传统的 JavaScript 程序我们会使用函数和基于原型的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员使用这些语法就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。从 ECMAScript 2015,也就是 ES6 开始, JavaScript 程序员将能够使用基于类的面向对象的方式。使用 TypeScript,我们允许开发者现在就使用这些特性,并且编译后的 JavaScript 可以在所有主流浏览器和平台上运行,而不需要等到下个 JavaScript 版本。/*原创 2024-03-05 08:45:40 · 2803 阅读 · 9 评论 -
01. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-------(上篇)
如果是前端研发掌握起来无压力, 如果是其他方向的研发, 大约需要半个月左右的时间去掌握, 当然如果想更加深入的掌握TypeScript则需要掌握JavaScript ,而JavaScript 初步掌握需要的时间大约在 一个月左右, 深入掌握因人而异, 可能是三个月也可能是半年。注意问题:元组类型在使用的时候,数据的类型的位置和数据的个数 应该和在定义元组的时候的数据类型及位置应该是一致的。注意问题:数组定义后,里面的数据的类型必须和定义数组的时候的类型是一致的,否则有错误提示信息,也不会编译通过的。原创 2024-03-04 09:49:11 · 4239 阅读 · 15 评论 -
【画龙迎春】 HarmonyOS Image 组件的基本使用之画龙迎春,“码”上“鸿”福到
各位朋友们大家好!本想再摸鱼几天, 然后一看今天已经28号了, 真实“锤死梦中惊坐起”啊!时间太快了,今天遍接着这篇博文简单的说一下本人今年的大体博文知识更新计划,有兴趣的朋友记得关于一下哦!鸿蒙从入门到实战软考高项知识点分享技术测评粉丝福利【送书大爆发】24年若城将从以上四个方向进行博文更新!废话不多说啦, 龙年就从画一个龙来开始本年的幸福之旅吧!let’s go!!!原创 2024-02-28 10:46:11 · 11175 阅读 · 11 评论