HarmonyOS next开发的相关内容

文章 2025-06-28 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：聊天列表

昨天分享了消息列表页面，今天继续分享聊天页面的开发过程：这个页面又是常见的上中下布局，从上至下依次为导航栏、聊天列表和输入框工具栏，我们可以先写一下简单的结构，最上面导航栏是横向布局，所以写个Row容器，中间是List，底部仍然是Row容器，导航栏和底部输入框的高度是固...

文章 2025-06-28 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：消息列表

大家周末好，今天要分享的是仓颉语言开发商城应用实战教程的消息列表页面。这个页面的导航栏和之前有所不同，不过难度并没有增加，只是标题移到了左边，我们使用两端对齐方式就能实现，导航栏部分的具体代码如下： Row(8){ Text('消息') .fontSize(16) ...

文章 2025-06-28 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：设置页面

仓颉语言商城应用的页面开发教程接近尾声了，今天要分享的是设置页面：导航栏还是老样式，介绍过很多次了，今天不再赘述。这个页面的内容主要还是介绍List容器的使用。可以看出列表内容分为三组，所以我们要用到ListItemGroup，不过第一组是没有标题的，所以可以直接使用ListItem，...

文章 2025-06-28 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：订单列表

大家上午好，最近不断有友友反馈仓颉语言和ArkTs很像，所以要注意不要混淆。今天要分享的是仓颉语言开发商城应用的订单列表页。首先来分析一下这个页面，它分为三大部分，分别是导航栏、订单类型和订单列表部分。导航栏由返回按钮和搜索框组成，这里要注意组件横向占满屏幕时要使用layoutWeight属性，导航栏部分的实现...

文章 2025-06-28 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：下拉刷新和上拉加载更多

在移动应用中，各种列表页面离不开下拉刷新和上拉加载更多，我们的商城应用也是如此。今天介绍一下在仓颉开发语言中如何实现这一功能。下拉刷新仓颉开发语言直接提供了下拉刷新的组件，叫做Refresh，使用起来也非常方便: @State var headerLoading : Bool = false; Refresh(Refr...

文章 2025-06-27 来自：开发者社区

鸿蒙Next仓颉语言开发实战教程：店铺详情页

各位早上好，幽蓝君又来分享仓颉开发教程了，今天的内容是店铺详情页：这个页面的内容看似简单，其实有很多小细节需要注意，主要还是让大家熟悉List容器的使用。整个页面由导航栏和List容器两大部分组成，导航栏我们已经分享过多次，今天不再赘述。主要说一下List部分。首先需要注意的是在有自定义导航栏的情...

文章 2025-06-27 来自：开发者社区

详解鸿蒙Next仓颉开发语言中的动画

大家上午好，今天来聊一聊仓颉开发语言中的动画开发。仓颉中的动画通常有两种方式，分别是属性动画和显示动画，我们今天以下面的加载动画为例，使用显示动画和属性动画分别实现一下，看看他们有什么区别。显示动画显示动画是幽蓝君比较习惯使用的方式，它主要依赖animateTo方法来实现。首先我要现在页面上添加加载图片&#x...

文章 2025-06-24 来自：开发者社区

HarmonyOS NEXT开发教程：全局悬浮窗

今天跟大家分享一下HarmonyOS开发中的悬浮窗。对于悬浮窗，可能有的同学会想到使用层叠布局是否可以实现，将悬浮窗叠在导航栏组件Tabs上，像这样： Stack({alignContent:Alignment.BottomEnd}){ Tabs({barPosition:BarPosition.End}){ TabConte...

文章 2025-06-24 来自：开发者社区

HarmonyOS Next开发教程：详解贝塞尔曲线

好久不见啊大家，经过了一段时间的忙碌，终于能抽出空来跟大家分享一期鸿蒙开发教程。今天要分享的是贝塞尔曲线。在鸿蒙开发中，提供了两种绘制贝塞尔曲线的方式，一种是二次贝塞尔曲线quadraticCurveTo(cpx: number, cpy: number, x: number, y: number)一种是三次贝塞尔曲线：bez...