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

HarmonyOS实战:自定义表情键盘

前言 在日常开发中,不同的应用程序都有自己专属的键盘,特别是在评论和发帖中需要自定义表情键盘,鸿蒙中对自定义键盘提供了很好的支持,本篇文章将带你一步步实现一个自定义表情键盘,建议点赞收藏! 实现效果   需求分析 对数据源进行拆分组合。 ...

HarmonyOS实战:自定义表情键盘
文章 2025-06-29 来自:开发者社区

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

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

HarmonyOS NEXT仓颉开发语言实战案例:健身App
文章 2025-06-29 来自:开发者社区

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

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

HarmonyOS NEXT仓颉开发语言实战案例:小而美的旅行App
文章 2025-06-29 来自:开发者社区

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

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

HarmonyOS NEXT仓颉开发语言实战案例:图片预览器
文章 2025-06-29 来自:开发者社区

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

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

HarmonyOS NEXT仓颉开发语言实战案例:动态广场
文章 2025-06-29 来自:开发者社区

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

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

HarmonyOS NEXT仓颉开发语言实战案例:简约音乐播放页
文章 2025-06-29 来自:开发者社区

HarmonyOS NEXT仓颉开发语言实战案例:银行App

仓颉语言的商城项目基本开发结束啦,今天跟大家分享新的项目,一个银行app,说是新项目但是大家可能会有些眼熟,在ArkTS的教程中就写过这个项目。今天我们仓颉语言再写一遍,看看和ArkTS有什么不同。 首先我们可以看到页面内容撑满了屏幕,所以需要设置沉浸模式,具体代码如下: windo...

HarmonyOS NEXT仓颉开发语言实战案例:银行App
文章 2025-06-29 来自:开发者社区

HarmonyOS实战:打造极简HEventBus事件通知

前言 事件通知在日常开发中十分重要,不同页面之间的事件通信都会用到事件通知,作为 Android 开发的小伙伴相信都用过 EventBus,LiveDataEventBus 等事件通信工具。鸿蒙开发中也同样需要一个页面之间通信等工具,本篇文章教你在鸿蒙开发中如何实现一个 HEventBus,建议点赞收藏! 需求分析 全局只存在唯一实例。 支持事件注册...

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

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

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

鸿蒙Next仓颉语言开发实战教程:聊天列表
文章 2025-06-28 来自:开发者社区

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

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

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

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注