鸿蒙开发者社区
- 登录/注册
默认
发布时间
热度
原创
精华
40.[HarmonyOS NEXT Row案例八] 打造专业数据统计卡片：两端对齐与响应式图标的完美结合
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在数据分析、金融、健康等应用中，数据统计卡片是展示关键指标和趋势的重要UI组件。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建一个专业的数据统计卡片，实现两端对齐布局和响应式图标，打造出既美观又实用的数据可视化界面。2.数据统计卡片的设计原则在设计数据统计卡片时，需要考虑以下几个关键原则：1.信...HarmonyOS NEXT39.[HarmonyOS NEXT Row案例七] 打造精美商品列表项：图文混排与多行文本的艺术
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在电商应用和内容展示类应用中，商品列表项是一个核心UI组件，它需要在有限的空间内高效展示商品图片、标题、价格等多种信息。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件结合Column组件创建一个精美的商品列表项，实现图文混排与多行文本的完美展示。2.商品列表项的设计原则在设计商品列表项时，需要考虑以下几...HarmonyOS NEXT38.[HarmonyOS NEXT Row案例六] 打造流畅水平滚动标签列表：Row与Scroll的完美结合
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在移动应用界面设计中，水平滚动的标签列表是一种常见且实用的UI元素，它可以在有限的屏幕空间内展示多个分类或选项。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件结合Scroll容器创建一个水平滚动的标签列表，帮助开发者构建出流畅、美观的分类导航界面。2.水平滚动标签列表的设计原则在设计水平滚动标签列表时，...HarmonyOS NEXT37.[HarmonyOS NEXT Row案例五] 构建智能聊天气泡：Row组件的reverse属性妙用
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在即时通讯应用中，聊天气泡是一个核心UI元素，它需要能够区分发送方和接收方的消息，并以不同的样式和位置显示。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建反向排列的消息气泡，重点介绍reverse属性的巧妙应用，帮助开发者构建出专业、美观的聊天界面。2.聊天气泡的设计原则在设计聊天气泡时，需要考虑以...HarmonyOS NEXT36.[HarmonyOS NEXT Row案例四] 打造精美图标按钮：垂直对齐与视觉平衡的艺术
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在移动应用界面设计中，带图标的操作按钮是一种常见且实用的UI元素，它结合了图标的直观性和文本的描述性，能够有效提升用户体验。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建一个带图标的操作按钮，重点介绍垂直对齐与视觉平衡的实现技巧，帮助开发者打造出专业、美观的交互界面。2.图标按钮的设计原则在设...HarmonyOS NEXT35.[HarmonyOS NEXT Row案例三] 打造高效表单输入框：标签与输入框的弹性空间分配技巧
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在应用开发中，表单是用户输入信息的重要界面元素。一个设计良好的表单不仅能提高用户体验，还能使界面更加美观整洁。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建一个表单输入框，重点介绍标签与输入框之间的弹性空间分配技术，帮助开发者构建出专业、美观的表单界面。2.表单布局的设计原则在设计表单布局时...HarmonyOS NEXT34.[HarmonyOS NEXT Row案例二] 打造响应式图文导航项：设备适配与弹性空间的完美结合
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述HarmonyOSNEXT应用开发中，一个常见的需求是根据不同设备类型（如手机、平板）提供不同的用户界面体验。本教程将详细讲解如何使用Row组件创建响应式图文导航项，实现在不同设备上的智能适配，提供最佳的用户体验。2.响应式设计的重要性响应式设计是现代应用开发的核心理念之一，它能够让应用在不同尺寸和类型的设备上...HarmonyOS NEXT33.[HarmonyOS NEXT Row案例一（下）] 深入理解Row组件与按钮组布局技巧
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在上一篇教程中，我们介绍了如何使用Row组件创建水平排列的功能按钮组，并讲解了基础间距与对齐的设置方法。本篇教程将深入探讨Row组件的高级特性、布局技巧以及在实际应用中的最佳实践，帮助开发者更好地掌握HarmonyOSNEXT的水平布局能力。2.Row组件的高级属性除了基础的space和对齐属性外，Row组件还提供了一些高级...HarmonyOS NEXT32.[HarmonyOS NEXT Row案例一（上）] 使用Row组件创建水平排列的功能按钮组
原创项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述HarmonyOSNEXT提供了丰富的布局组件，其中Row组件是一种常用的水平布局容器，可以将子组件按照水平方向排列。本教程将详细讲解如何使用Row组件创建一个水平排列的功能按钮组，重点介绍基础间距与对齐的设置方法。2.Row组件基础介绍Row组件是HarmonyOSNEXT中用于水平布局的容器组件，它可以将子组件沿水平方向排列。在...HarmonyOS NEXT＃放码来战．端云一体化开发＃HarmonyOS 5 【农民叔叔】13.【端侧工程】首页HomePage界面布局结构分析
原创关键容器组件：Scroll、Swiper、Grid、List。从上至下、外向内的容器层级分别是：红色：上下滚动组件scroll黄色：列组件column蓝色：轮播组件swiper绿色：表格组件grid黑色：列表组件list红色：列表项组件listitem+层叠组件stack如下图所示：cke2284.pngcke1921.png1.农民叔叔标题标题Text('农民叔叔').fontWeight(FontWeight.Medium).fontSize(24).fontColor($r('sys.color.ohosidcolortextprimary')).margin({top:12,left:12}...harmonyOS5HarmonyOS NEXT端云一体化鸿蒙ArkTS | Badge 信息标记组件自学指南
原创在做UI设计时，我们经常会碰到这样一个需求：要在某个图标、按钮或列表项的角落加一个小小的提示，比如红点、新消息数量、状态标签之类的。这时候就轮到Badge组件登场了。如果你想要一个简单优雅、可配置灵活的信息标记功能，Badge就是官方给你的标准答案。组件简介：Badge是干什么的？Badge是一个「信息标记容器组件」，可以附加在你指定的任何子组件上，用来做提示提醒，比如：红点数字（199+）文本...鸿蒙鸿蒙界面镜像测试：让RTL布局「正反都好看」
原创哈喽！我是小L，那个在鸿蒙应用里「玩界面镜像」的女程序员你知道吗？当应用进入阿拉伯市场，界面需要从右往左显示，按钮位置、文本方向、图标箭头都要「镜像翻转」！今天就来聊聊如何用伪本地化测试让界面在RTL语言下「正反都丝滑」～一、镜像测试的「灵魂三问」（一）什么是RTL布局？RTL（RightToLeft）即从右到左布局，适用于阿拉伯语、希伯来语等语言。核心变化：文本方向：从右向左阅读（如阿拉伯语مرحبا显示为镜像顺...鸿蒙鸿蒙应用本地化：伪本地化测试的「照妖镜」法则
原创哈喽！我是小L，那个在鸿蒙应用里「用伪翻译找BUG」的女程序员你知道吗？一个没经过伪本地化测试的应用，正式翻译后可能出现「按钮文本被截断成乱码」「RTL语言布局错乱」「日期格式显示成火星文」等魔幻场景！今天就来聊聊如何用伪本地化测试这面「照妖镜」，提前揪出本地化隐患～一、伪本地化测试：本地化前的「压力预演」（一）什么是伪本地化？简单说就是用「假翻译」模拟真本地化，核心是让文本「变形」但不「变意」：长度...鸿蒙鸿蒙应用本地化：伪本地化测试的「照妖镜」法则
原创哈喽！我是小L，那个在鸿蒙应用里「用伪翻译找BUG」的女程序员你知道吗？一个没经过伪本地化测试的应用，正式翻译后可能出现「按钮文本被截断成乱码」「RTL语言布局错乱」「日期格式显示成火星文」等魔幻场景！今天就来聊聊如何用伪本地化测试这面「照妖镜」，提前揪出本地化隐患～一、伪本地化测试：本地化前的「压力预演」（一）什么是伪本地化？简单说就是用「假翻译」模拟真本地化，核心是让文本「变形」但不「变意」：长度...鸿蒙鸿蒙应用本地化：伪本地化测试的「照妖镜」法则
原创哈喽！我是小L，那个在鸿蒙应用里「用伪翻译找BUG」的女程序员你知道吗？一个没经过伪本地化测试的应用，正式翻译后可能出现「按钮文本被截断成乱码」「RTL语言布局错乱」「日期格式显示成火星文」等魔幻场景！今天就来聊聊如何用伪本地化测试这面「照妖镜」，提前揪出本地化隐患～一、伪本地化测试：本地化前的「压力预演」（一）什么是伪本地化？简单说就是用「假翻译」模拟真本地化，核心是让文本「变形」但不「变意」：长度...鸿蒙鸿蒙Next应用全球化：让世界用户「沉浸式」体验你的应用
原创哈喽！我是小L，那个在鸿蒙应用里「玩转语言魔法」的女程序员你知道吗？一个适配了20种语言的天气应用，在巴西用葡萄牙语显示湿度，在沙特用阿拉伯语显示礼拜时间，在日本用和式日期格式……今天就来拆解鸿蒙如何让应用「入乡随俗」，从代码到设计全方位拥抱全球化！一、国际化「基建」：让代码「兼容万国语言」（一）「去硬编码」革命错误示范：typescript❌硬编码中文，无法国际化button.setText("立即购买");正确姿势：1.在r...鸿蒙鸿蒙多进程协同：让数据采集像「流水线」一样丝滑
原创哈喽！我是小L，那个在鸿蒙进程间「搬数据」的女程序员你知道吗？在智能家居场景中，温湿度传感器、光照传感器、人体红外传感器可能各自运行在独立进程，如何让它们的数据像「流水线」一样实时汇聚到主进程？今天就来拆解如何用IPC+共享内存打造「零延迟、高可靠」的多进程数据采集系统～一、系统「骨骼」设计：采集进程vs整合进程（一）「分工明确」的进程模型角色职责描述技术实现采集进程单进程单传感器，负责数据采集IPC客...鸿蒙鸿蒙跨设备通信：让多端协同像「打电话」一样简单
原创哈喽！我是小L，那个在鸿蒙分布式世界「搭通信桥梁」的女程序员你知道吗？通过RPC+软总线，手机和平板可以「无缝接力」编辑文档，手表和体脂秤能「默契配合」分析健康数据！今天就来拆解HarmonyOS如何让跨设备通信像「打电话」一样丝滑——拨号（发现设备）、接通（建立连接）、聊天（数据传输），全程无卡顿！一、跨设备通信的「三件套」：发现→连接→传输（一）设备发现：「茫茫设备海」中精准定位鸿蒙的DistributedDeviceMa...鸿蒙鸿蒙IPCKit：远端进程消亡时的资源回收指南
原创大家好！我是小L，专注于鸿蒙进程间通信的开发。当远端服务进程突然终止时，若缺乏有效处理，应用可能面临内存泄漏、连接残留等问题。本文将介绍鸿蒙IPCKit的DeathRecipient机制，教你如何优雅处理进程消亡后的资源回收。一、为何需要进程死亡通知？（一）风险场景场景：智能家居App通过IPC控制灯光服务，若设备关机导致进程消亡：未处理：App持续发送无效指令，引发内存泄漏或崩溃。核心问题：远端进程状态不可感知，本地资源...鸿蒙鸿蒙IPCKit：当远端进程「消失」时，如何优雅地「收拾残局」？
原创哈喽！我是小L，那个在鸿蒙进程间「玩通信魔法」的女程序员你知道吗？当远端服务进程突然「跑路」时，没做好资源管理的应用可能会留下一堆「烂摊子」——内存泄漏、僵尸连接、无效句柄……今天就来聊聊IPCKit的「死亡通知」机制，看如何让进程消亡时，资源回收像「优雅谢幕」一样丝滑～一、进程「死亡现场」：为什么需要状态订阅？（一）「失联危机」场景模拟想象一下：你开发的智能家居App正通过IPC调用灯光服务进程调节亮度突...鸿蒙
