鸿蒙开发者社区

技术栈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自动生成之前，我们先回顾一下，手动我们是如何创建一个卡片的，是不是在已有的应用工程中，通过右键新建卡片的，可以选择静态也可以选择动态。然...

前言本文基于Api13绘制卡片就非常的简单了，和平时的应用开发是一样的，但是并不是所有的组件都支持卡片，这里，在官方文档中，每个组件也都有明确的标记，如果支持，那么就会有一个卡片能力显示。上篇文章，我们默认创建了一个卡片，所有的UI绘制，都是在widget中pages下的WidgetCard中进行绘制的，当然了，由于创建的文件名不一样，文件路径也有区别，我们可以从resources>base>profile>formconfig.json中的src字段查看，这个...

一、ArkTS状态变量的定义：State：状态，指驱动UI更新的数据。用户通过触发组件的事件方法，改变状态数据。状态数据的改变，引起UI的重新渲染。在鸿蒙原生开发中，使用ArkTS开发UI的时候，我们可以对UI进行状态变量的绑定，来进行UI渲染基本结构如下：ComponentstructMyComponent{Statecount:number0;privateincreaseBy:number1;build(){}}EntryComponentstructParent{build(){Column(){从父组件初始化，覆盖本地定义的默认值My...

一、工具DevEcoStudio二、开发步骤将一段中文音频转换为文本1.在使用语音识别时，将实现语音识别相关的类添加至工程。import{speechRecognizer}from'kit.CoreSpeechKit';import{BusinessError}from'kit.BasicServicesKit';2.调用​​createEngine​​​方法，对引擎进行初始化，并创建​​SpeechRecognitionEngine​​实例。letasrEngine:speechRecognizer.SpeechRecognitionEngine;letsessionId:string'123456';创建引擎，通过...

一、开发工具DevEcoStudio知识点：smmdlg页签在底部页签的图标和文字垂直布局页签宽度均分页签高度固定72vp页签在底部页签的图标和文字水平布局页签宽度均分页签高度固定56vp页签在左边页签的图标和文字垂直布局页签宽度固定96vp页签高度总占比‘60%’后均分​​自适应布局​​​​响应式布局​​Navigation和GridRow布局二、开发步骤创建项目层级目录：首页MainPage介绍：首先创建布局：Tabs({barPosition:BarPosition.End}){T...