HarmonyOS next开发的相关内容

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

HarmonyOS NEXT仓颉开发语言实战案例：健身App

各位好，今日分享一个健身app的首页：这个页面看起比之前的案例要稍微复杂一些，主要在于顶部部分，有重叠的背景，还有偏移的部分。重叠布局可以使用Stack容器实现，超出容器范围的偏移可以使用负数间距来实现，顶部部分的具体实现代码如下： Column{ Text('Feb...

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

HarmonyOS NEXT仓颉开发语言实战案例：小而美的旅行App

大家周末好，本文分享一个小而美的旅行app首页，效果图如下：很显然这个页面还是使用List容器，页面两侧有统一的边距，我们可以在List容器统一设置： List(space:20){ } .padding(left:14,right:14,top:62) .width(100.percent) .height(...

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

HarmonyOS NEXT仓颉开发语言实战案例：图片预览器

上文分享了如何使用仓颉语言实现动态广场，动态广场中有很多图片，本文一下如何使用仓颉语言实现一个图片放大预览器：看到这个效果，我首先想到的实现方案是弹窗，弹窗的弹出和消失效果为我们节省了很多工作，这里使用的是CustomDialogController。我们首先实现弹窗内容组件，图片预览可能会有不同...

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

HarmonyOS NEXT仓颉开发语言实战案例：动态广场

大家好，今日要分享的是使用仓颉语言开发动态广场页面，也比较像朋友圈页面：整个页面分为两部分，分别是导航栏和状态列表，导航栏比较简单，我们可以先写下导航栏的具体代码和页面的基本结构： Column{ Row(10){ Text('推荐') .f...

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

HarmonyOS NEXT仓颉开发语言实战案例：简约音乐播放页

偶然间看到一个非常漂亮的音乐播放器设计图，忍不住想拿仓颉语言来练练手，当漂亮的设计图遇到优美的开发语言，简直是天作之合。看到这个页面，我们先做一个简单的分析。整个页面分为上中下三个部分，顶部为导航栏，底部是歌词工具栏，剩下的就是中间的歌曲信息和控制按钮部分。它们的部分方式是比较简单的纵向布局。页...

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

HarmonyOS NEXT仓颉开发语言实现画板案例

大家上午好，今天分享一下仓颉开发语言实现的画板案例。最近总是有同学说我写ArkTS冒充仓颉，为了自证清白，截图给大家看一下，确实是仓颉文件：仓颉提供了画布组件Canvas，我们所有的绘制工作都要在画布上进行，所以首先在页面添加一个足够大的画布组件： Canvas(this.conte...

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

详解HarmonyOS NEXT仓颉开发语言中的全局弹窗

之前分享过仓颉开发语言中的自定义弹窗，那一次的自定义弹窗需要在对应页面先初始化再进行弹出，不是很方便。今天分享一下不依赖页面的全局弹窗。仓颉提供了全局弹窗模块prompt_action，使用之前先将它导入：import ohos.prompt_action.*该模块提供了三种预设好的弹窗形式，第一种是简单的文字提示࿰...

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

详解HarmonyOS NEXT系统中ArkTS和仓颉的混合开发

连续分享了很多天鸿蒙仓颉语言的开发教程，大家现在应该都知道鸿蒙开发有ArkTs和仓颉两种开发语言，这两种语言有些相似，而且还支持混合开发，今天就分享一下怎么实现ArkTs和仓颉的混合开发，分不清这两种语言的友友今天可能要头疼了。官方文档对这两种语言的混合开发进行了非常大篇幅非常详细的介绍，但是幽蓝君自己学习完之后...

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

鸿蒙Next仓颉开发语言中的数据类型总结分享

大家好，今天总结一下仓颉中的数据类型。数字仓颉中的数字类型复杂多样，首先分为整型和浮点型两种，也就是Int类型和Float类型，Int类型有Int、Int8、Int32、Int64几种类型，Float也有Float16、Float32和Float64几种类型，下面为大家介绍它们的区别。其实无论是Int8、Int3...

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

详解鸿蒙Next仓颉开发语言中的全屏模式

大家好，今天跟大家分享一下仓颉开发语言中的全屏模式。和ArkTS一样，仓颉的新建项目默认是非全屏模式的，如果你的应用颜色比较丰富，就会发现屏幕上方和底部的留白，这是应用自动避让了屏幕上方摄像头区域和底部的导航条区域。但是通常我们不需要这些留白，而是希望应用占满整个屏幕，这时候需要用到沉浸模式&#x...