给Web开发者的HarmonyOS指南02-布局样式

3 月 27 日
阅读 3 分钟
237
给Web开发者的HarmonyOS指南02-布局样式本系列教程适合鸿蒙 HarmonyOS 初学者,为那些熟悉用 HTML 与 CSS 语法的 Web 前端开发者准备的。本系列教程会将 HTML/CSS 代码片段替换为等价的 HarmonyOS/ArkUI 代码。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15布局基础对比在Web开发中,我们使用CSS来控制元素的布...

给Web开发者的HarmonyOS指南01-文本样式

3 月 27 日
阅读 3 分钟
271
给Web开发者的HarmonyOS指南01-文本样式本系列教程适合 HarmonyOS 初学者,为那些熟悉用 HTML 与 CSS 语法的 Web 前端开发者准备的。本系列教程会将 HTML/CSS 代码片段替换为等价的 HarmonyOS/ArkUI 代码。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15页面结构 HTML 与 ArkUI在 Web 开发中,HTML 文档结构由&l...

鸿蒙开发 HarmonyOS DevEco Studio 常用快捷键

3 月 27 日
阅读 3 分钟
184
前言做 HarmonyOS 鸿蒙开发离不开 DevEco Studio 开发工具, DevEco Studio 是基于 IntelliJ IDEA Community 开源版本打造,所以默认的快捷键其实继承于 IntelliJ IDEA 。熟悉 DevEco Studio 的快捷键能提升开发效率和开发体验。下面将详细列出 DevEco Studio 一些常用的快捷键,由黑马程序员整理,希望对大家有帮助,也...

鸿蒙特效教程10-卡片展开/收起效果

3 月 27 日
阅读 13 分钟
208
鸿蒙特效教程10-卡片展开/收起效果在移动应用开发中,卡片是一种常见且实用的UI元素,能够将信息以紧凑且易于理解的方式呈现给用户。本教程将详细讲解如何在HarmonyOS中实现卡片的展开/收起效果,通过这个实例,你将掌握ArkUI中状态管理和动画实现的核心技巧。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15一、...

鸿蒙特效教程09-深入学习animateTo动画

3 月 27 日
阅读 9 分钟
244
鸿蒙特效教程09-深入学习animateTo动画本教程将带领大家从零开始,一步步讲解如何讲解 animateTo 动画,并实现按钮交互效果,使新手也能轻松掌握。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15效果演示通过两个常见的按钮动画效果,深入学习 HarmonyOS Next 的 animateTo 动画,以及探索最佳实践。缩放按钮效...

鸿蒙特效教程08-幸运大转盘抽奖

3 月 27 日
阅读 18 分钟
286
鸿蒙特效教程08-幸运大转盘抽奖本教程将带领大家从零开始,一步步实现一个完整的转盘抽奖效果,包括界面布局、Canvas绘制、动画效果和抽奖逻辑等。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 151. 需求分析与整体设计温馨提醒:本案例有一定难度,建议先收藏起来。在开始编码前,让我们先明确转盘抽奖的基本需...

鸿蒙特效教程07-九宫格幸运抽奖

3 月 27 日
阅读 13 分钟
170
在移动应用中,抽奖功能是一种常见且受欢迎的交互方式,能够有效提升用户粘性。本教程将带领大家从零开始,逐步实现一个九宫格抽奖效果,适合HarmonyOS开发的初学者阅读。

鸿蒙特效教程06-可拖拽网格实现教程

3 月 27 日
阅读 10 分钟
209
鸿蒙特效教程06-可拖拽网格实现教程本教程适合 HarmonyOS Next 初学者,通过简单到复杂的步骤,一步步实现类似桌面APP中的可拖拽编辑效果。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15效果预览我们要实现的效果是一个 Grid 网格布局,用户可以通过长按并拖动来调整应用图标的位置顺序。拖拽完成后,底部会显...

鸿蒙特效教程05-鸿蒙很开门

3 月 27 日
阅读 16 分钟
255
本教程适合HarmonyOS初学者,通过简单到复杂的步骤,通过 Stack 层叠布局 + animation 动画,一步步实现这个"鸿蒙很开门"特效。

鸿蒙特效教程04-直播点赞动画效果实现教程

3 月 27 日
阅读 12 分钟
157
鸿蒙特效教程04-直播点赞动画效果实现教程在时下流行的直播、短视频等应用中,点赞动画是提升用户体验的重要元素。当用户点击屏幕时,屏幕上会出现飘动的点赞图标。本教程适合HarmonyOS初学者,通过简单到复杂的步骤,通过HarmonyOS的Canvas组件,一步步实现时下流行的点赞动画效果。开发环境准备DevEco Studio 5.0.3Har...

鸿蒙特效教程03-水波纹动画效果

3 月 27 日
阅读 9 分钟
184
鸿蒙特效教程03-水波纹动画效果本教程适合HarmonyOS初学者,通过简单到复杂的步骤,一步步实现漂亮的水波纹动画效果。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15最终效果预览我们将实现以下功能:点击屏幕任意位置,在点击处生成一个水波纹触摸并滑动屏幕,波纹会实时跟随手指位置生成波纹从小到大扩散,同...

鸿蒙特效教程02-微信语音录制动画效果

3 月 22 日
阅读 12 分钟
265
鸿蒙特效教程02-微信语音录制动画效果本教程适合HarmonyOS初学者,通过简单到复杂的步骤,一步步实现类似微信APP中的语音录制动画效果。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15最终效果预览我们将实现以下功能:长按"按住说话"按钮:显示录音界面和声波动画录音过程中显示实时时长手指上滑:取消录音发送...
封面图

鸿蒙特效教程01-哔哩哔哩点赞与一键三连动画

3 月 20 日
阅读 12 分钟
272
鸿蒙特效教程01-哔哩哔哩点赞与一键三连动画本教程适合HarmonyOS初学者,通过简单到复杂的步骤,一步步实现类似哔哩哔哩APP中的点赞及一键三连效果。开发环境准备DevEco Studio 5.0.3HarmonyOS Next API 15最终效果预览我们将实现以下两个效果:点击点赞按钮:实现点赞/取消点赞的切换效果,包含图标变色和缩放动画长按...
封面图