鸿蒙开发者社区

鸿蒙5开发：ArkTS基础语法速成指南ArkTS是鸿蒙操作系统(HarmonyOS)5推出的主力开发语言，它基于TypeScript演进而来，专为鸿蒙生态优化。本文将带你快速掌握ArkTS的基础语法，并通过代码示例展示其核心特性。ArkTS与TypeScript的关系ArkTS可以看作是TypeScript在鸿蒙生态中的"进化版"，它保留了TypeScript的所有优点，同时针对鸿蒙系统的特性进行了优化和扩展：完全兼容TypeScript语法增加了鸿蒙特有的UI描述能力优化了性能，特...

技术栈Appgalleryconnect开发准备上一节我们已经实现了表单信息的创建，完成了首页跳转表单提交页的内容，这一节我们就要实现表单创建前的数据填充的页面。功能分析在表单提交前，我们要实现的静态内容有很多，分别有输入框，开关，时间选择器，表类型，是否置顶，是否设置结束时间，是否包含当天日期，事件的颜色选择，图标选择，当天的天气选择，心情选择，这些我们都需要去先有一个静态选择或者展示的入口功能开发我们先实...

技术栈Appgalleryconnect开发准备上一节我们实现了用户登录功能，现在我们进入首页，可以开始准备着手发布我们的日期计划了，在这之前我们先实现信息表的创建。在首页实现一个标题栏，一个悬浮的按钮。功能分析我们的信息表要展示的内容很多，首先是我们的事件名称，目标日期选择，公历农历，正数倒数，倒数类目的选择，是否实现置顶效果，是否显示精确时间，事件颜色，事件图标，事件心情，事件天气，跟用户绑定，跟绑定的关系...

技术栈Appgalleryconnect开发准备上一节我们实现了用户数据的提交，我们成功的实现了用户的注册，并且成功的把保存的数据这一节我们就要根据提交的信息进行登陆验证，在登陆之后我们需要保存当前用户的信息，方便我们后续的使用，这节课我们要实现的内容是用户的登录功能，我们登陆页面跟注册页面还是比较相似的，都需要收集用户输入的内容，只是注册是新增数据，登录是查询数据，根据用户输入的数据跟查询的数据做校验，成功之...

技术栈Appgalleryconnect开发准备上一节我们已经实现了静态的用户登陆页，这时候我们已经有了用户登录的窗口了，现在我们只需要搞定用户数据的插入，就可以使用登陆功能了，这一节我们就要实现用户注册功能，实现用户的数据插入。这样我们在后续的业务里就可以实现绑定用户数据的插入了功能分析要实现用户数据的插入，首先我们要把用户填充的数据提交到表单中，同时我们要添加默认id和用户id，绑定id我们在后续绑定的时候使用，...

技术栈Appgalleryconnect开发准备大家好，今天给大家带来一个全新的鸿蒙应用，名字叫做伴时匣，意思就是一个陪伴度过时光的匣子，首先来介绍关于伴时匣的整个功能设想，首先呢，就是应用的功能，这个应用主要用来进行倒计时提醒的功能，在这里我们可以发布一些日子作为目标日，通过设置正数倒数来展示我们设置的对应日子，大多数的应用同样也做得到这些，所以我们以用户为主导的思想肯定不仅限于此，我们还要实现关系的绑定，...

前言本项目API>13上一篇文章，我们通过手动实现了单一组件运行的效果，但是奈何更改的地方比较多，如果每次运行都手动进行更改，则会极大的降低开发效率，并且，稍不留神，某个地方未注意到改错了，又会增加试错的成本，那么基于此，我们可以通过自动化脚本，hvigor插件以及DevEcoStudio插件来辅助我们快速的切换。前两种形式，之前的文章分享过，关于重构后的使用方式，我们放到之后的文章中概述，本篇文章，我们重点概述一下...

前言在日常开发中，不同的应用程序都有自己专属的键盘，特别是在评论和发帖中需要自定义表情键盘，鸿蒙中对自定义键盘提供了很好的支持，本篇文章将带你一步步实现一个自定义表情键盘，建议点赞收藏！实现效果需求分析●对数据源进行拆分组合。●处理表情之间的间隔与删除表情的位置。●实现表情键盘的布局。技术实现1.定义一个数组用来临时存放表情字符letarray:string[]["😁","😂","😃","😄","😅","😆","😉","😊","😋","😌","...

前言本项目API>13在《鸿蒙开发：资讯项目实战之项目初始化搭建》一文中，遗留了一个问题，那就是，如何实现各个模块独立运行，其实关于组件化各模块独立运行，之前也写过三篇文章，分别探讨了运行包和共享包区别，nodeJs脚本实现组件化和hvigor插件形式进行组件化，奈何时间过去已久，之前的方式已不在通用，因为新的API更新迭代太快了，不知不觉API19已经到来，今年以来，已经更新了6个版本了，官方的速度如火箭一般，实现追不...

前言本项目API>13，本章内容很简单，有经验的开发者可以略过。上篇文章，我们简单概述了此次资讯项目的框架以及代码架构设计，那么本篇文章，我们直接就进入到代码编写阶段，首先确定需要实现哪些模块，虽然说仿照一个今日头条，但是今日头条那么多功能，如果都一一实现完，时间和精力也确实跟不上，毕竟这个项目只用于学习，只要把相关的技术点涵盖到位便可。我大概分了四个模块，首页资讯模块，视频模块，消息模块和我的模块...

前言本项目API>13写了那么多的文章，总感觉缺少点什么，沉下心来细细一想，原来是没有把相关知识应用于实战，对于我们这些开发过项目，有过项目经验的人来说，项目开发小菜一点，但是对于刚接触鸿蒙的开发者而言，确实需要一个从0到1的项目进行磨炼一下，授人以鱼不如授人以渔，说干就干，那么接下来的一段时间，我会时不时的进行穿插项目实战的文章，当然了其他的技术文章也会不间断更新。关于项目实战，选来选去，最终选择了...

一、引言：不规则布局的智能化解决方案在图片社交、电商导购、资讯聚合等现代应用场景中，瀑布流布局以其灵活的空间利用率和自然的视觉流动感成为界面设计的重要选择。鸿蒙提供的WaterFlow与FlowItem组件，通过智能布局算法与声明式语法，彻底简化了传统瀑布流开发中的坐标计算与空间分配难题。从Instagram式的图片墙到淘宝的商品陈列，这组黄金组件实现了"声明即布局"的开发范式，本文将系统解析其核心机制与工程实践，助你掌...

一、引言：Swiper——动态轮播场景的核心解决方案在鸿蒙应用开发中，Swiper组件作为构建滑动轮播界面的核心容器，广泛应用于图片轮播、广告展示、多页内容切换等高频交互场景。自API7版本引入以来，其通过标准化的属性配置、丰富的动画效果及跨设备适配能力，成为开发者实现丝滑轮播体验的首选方案。从电商平台的首页Banner到新闻客户端的头条轮播，Swiper以简洁的接口实现了复杂的轮播逻辑，本文将系统解析其核心属性、交互控...

大家周末好，今天依然为大家分享之前使用ArkTS实现过的案例，一个电影App，今天使用仓颉的UI再次实现，看看仓颉和ArkTs有哪些相同和不同之处。在开始写代码之前，我们依然先分析一下页面的结构，这个页面整体是一个上下滚动的列表，所以使用List容器实现。在List容器内部的元素可以分为三个部分，最上面是轮播图，接下来是分类的可以左右滑动的列表，最底部是影片影响，是一个网格布局。现在我们可以着手写代码，先看最上面的轮...

前言事件通知在日常开发中十分重要，不同页面之间的事件通信都会用到事件通知，作为Android开发的小伙伴相信都用过EventBus，LiveDataEventBus等事件通信工具。鸿蒙开发中也同样需要一个页面之间通信等工具，本篇文章教你在鸿蒙开发中如何实现一个HEventBus，建议点赞收藏！需求分析●全局只存在唯一实例。●支持事件注册，反注册。●支持一次发送，多处接收。技术实现单例实现在鸿蒙中使用创建静态对象实现单例，首先定义一个...

各位周末好，今天为大家来仓颉语言外卖App的实战分享。我们可以先分析一下页面的布局结构，它是由导航栏和List容器组成的。幽蓝君目前依然没有找到仓颉语言导航栏的系统组件，还是要自定义，这个导航栏有三部分内容，可以使用两端对齐，要注意的是，如果需要中间部分在页面中间需要两端的内容宽度相同。导航栏和页面的布局结构代码如下：Column{Row{Text('幽蓝外卖').fontColor(Color.BLACK).fontSize(17)Row(6){Image(r(app.me...

前言本文基于DevEcoStudio5.0.5Release有这样的一个场景，当你初始写UI的时候，没有考虑到后面的代码复用，想要把一段重复的组件属性进行抽成一个方法？该如何快速的执行？再举一个常见的场景，一个函数，你写了很多的代码，想要把一部分代码，快速的抽成一个单独的函数，用于简化当前的代码逻辑，如何快速的实现？可能很多老铁会第一时间想到，把代码复制出来呗，这有什么难的？虽然手动复制出来可以实现，但是未免太浪费时间...

一、引言：Scroll——内容溢出场景的交互中枢在鸿蒙应用开发中，当界面内容超出屏幕可视范围时，Scroll容器组件成为实现流畅滚动交互的核心方案。作为从API7开始支持的基础组件，它通过极简的属性配置与强大的滚动控制能力，完美解决长列表、大数据展示、富文本阅读等场景的内容溢出问题。本文将系统解析Scroll的核心特性、滚动控制技巧及多端适配方案，帮助开发者掌握丝滑滚动体验的实现精髓。二、核心架构与基础应用2.1组件定...

一、引言：网格布局——多维度数据展示的黄金方案在鸿蒙应用开发体系中，网格布局作为处理多元素有序排列的核心方案，广泛应用于电商商品陈列、图片画廊、功能矩阵等场景。鸿蒙提供的Grid与GridItem组件通过声明式语法构建灵活的二维布局系统，支持行列比例分配、单元格合并、滚动交互等高级特性，相比传统线性布局可提升30%的复杂界面开发效率。本文将系统解析这组黄金搭档的核心机制与工程实践，帮助开发者掌握多维度数据可视...

前言本文基于Api13，DevEcoStudio5.0.5ReleaseCodeGenie是DevEcoStudio中一个自带的AI工具，在之前的文章中，也写过两篇文章，主要针对代码生成、知识问答和编译报错智能分析做了概述，唯独忘记了介绍它的另一个十分强大的功能，那就是万能卡片生成。​卡片手动是如何创建的了解AI自动生成之前，我们先回顾一下，手动我们是如何创建一个卡片的，是不是在已有的应用工程中，通过右键新建卡片的，可以选择静态也可以选择动态。然...