鸿蒙开发者社区

引言在移动电商应用开发中，轮播图组件(Swiper)作为核心交互元素被广泛使用。然而我们在实际开发中发现，当启用loop循环模式时，Android低端机型和HarmonyOS旗舰机均出现不同程度的内存泄漏现象。本文将基于HarmonyOS5.0+ArkUIX框架，深入剖析问题根源并提供完整解决方案。一、问题现象与复现环境1.1现象描述某电商APP首页轮播图模块在连续滑动30次后：Android低端机（Pixel4API28）内存增长达280MBHarmonyOS旗舰机（HUAWEIMate...

引言在医疗设备管理系统中，交互控件的视觉一致性直接影响医护人员的操作效率与专业判断。我们团队负责的「医联」智能诊疗平台中，RadioGroup（单选按钮组）作为核心交互组件，其选中色（设计规范指定为45A3FF）需在iOS、Android、鸿蒙等多平台保持绝对一致。然而，由于不同设备的屏幕色域差异（如sRGB、P3广色域），以及平台对颜色渲染策略的不同，导致同一45A3FF颜色在不同设备上出现偏色问题，严重影响了医疗操作的严谨性。...

引言在工业控制领域，参数调节的精度直接关系到设备运行的稳定性和产品质量。作为人机交互的核心组件之一，Slider（滑动条）的精度控制尤为关键。然而，在跨平台开发中，iOS与HarmonyOS（原鸿蒙）对Slider的stepSize（步长）属性支持存在显著差异，导致工业参数调节时出现"显示值与实际值偏差""微调失效"等问题。本文将结合笔者参与的工业物联网控制系统开发经验，深入探讨这一问题的技术本质，并提供一套完整的跨平台精度同步...

引言：跨平台图表开发的适配挑战去年，我参与了一款智能健康+车载双场景的数据可视化应用开发，核心功能之一是展示用户运动驾驶数据的饼图（PieChart）。项目上线前测试时，暴露了一个典型问题：在小尺寸Android手表（1.31.8英寸）上，饼图标签频繁重叠；而在大屏HarmonyOS车机（812.3英寸）上，虽然空间充裕，但部分复杂饼图（如8分类以上）的标签仍会出现局部重叠。这个问题直接影响用户体验——手表用户看不清标签，车机用户...

引言在金融科技领域，数据可视化是核心能力之一。我们团队负责开发的「智观」金融看板系统，需要为机构投资者提供多维度的数据分析视图。其中，柱状图作为最常用的数据对比工具，其显示效果直接影响用户对市场趋势的判断。随着用户设备从iPadPro系列扩展到华为MatePadPro系列，我们遇到了一个关键问题：不同平板设备上，相同数据集的柱状图柱子宽度不一致，导致跨设备数据对比出现视觉偏差。本文将围绕这一问题，结合我们在实际...

引言在移动应用开发领域，特别是跨平台开发中，我们常常面临不同操作系统渲染机制差异带来的挑战。本文将深入探讨在使用Flutter框架开发跨平台应用时，如何处理iOS毛玻璃效果与鸿蒙(HarmonyOS)卡片堆叠之间的zIndex优先级冲突问题。这个问题曾经在我的一个企业级应用项目中导致了严重的UI渲染异常，通过深入研究和实践，我总结出了一套有效的解决方案。一、问题背景与分析1.1iOS毛玻璃效果实现原理iOS的毛玻璃效果(BackdropFilt...

引言在医疗健康领域，数据可视化扮演着至关重要的角色。作为一家医疗科技公司的心电监护设备开发工程师，我曾负责开发一款支持多平台显示的实时心电监测应用。在这个项目中，我们遇到了一个棘手的问题：在不同刷新率的显示设备上，特别是iOS120Hz高刷屏和鸿蒙工控屏，LineChart曲线的渲染效果和性能表现存在显著差异。本文将围绕LineChart的smooth属性，分享我们在高刷新率iOS设备和鸿蒙工控屏上进行渲染优化的实战经验，包括遇...

引言：一次差点翻车的车载项目经历去年，我参与了一个智能座舱系统的开发项目，负责中控娱乐系统的UI重构。项目初期一切顺利，直到测试阶段，在不同车型和平板设备上出现了严重的布局错位问题。特别是在HarmonyOS车机和Android平板上，同样的Grid组件布局表现大相径庭。经过两周的加班调试和数据分析，我终于找到了问题的根源——Grid组件columnTemplate的不当使用导致的像素级适配问题。本文将分享我的实战经验和解决方案。一...

[toc](HarmonyOS的router传参)路由传参在鸿蒙应用开发中，router是页面跳转最基础、最简单的方式，它允许开发者在不同的ArkUI页面之间进行导航，并支持参数传递、返回、页面栈管理等功能。新建页面步骤一：srcmainetspages文件中创建文件步骤二：起名字，点击Finish查看路由：路由信息统一记录在srcmainresourcesbaseprofilemainpages.json文件中Index.ets进行传参,params传递对象数据。javascriptimport{router}from'kit.ArkUI...

Dumi是一款为组件开发场景而生的静态站点框架，它有个代表作：AntDesign。不知是否有人跟我一样，第一眼看上的不是AntDesign的组件，而是它的组件库文档。真心嫉妒他们的这份文档，有案例、有代码、能交互，还有详细的参数说明。如果对它感兴趣可以点击Dumi传送门。StorybookStorybook是一个开源项目，在GitHub上已有83K+star。它不仅用于构建组件库文档，还能用于组件测试。推荐Storybook的主要原因如下：可直接嵌入项目，在编...

前言前面两篇介绍了如何打开指定页面，并且传递对应的参数。这一篇中我们来看下在页面返回时，如何将数据传递给上一个页面。方案按照之前的介绍，我们在flutter打开native时，也是通过methodChannel调用原生的方法打开的对应页面，那么当原生页面返回的时候，也是会将数据放在HMRouterPathCallback回调中返回。当我们获取到对应的数据之后，可以通过MethodResult将数据返回给flutter。当flutter页面返回时，需要先判断能不能由f...

在现代的UI界面中，常会出现非常规的圆角样式需求。本文深入解析一种基于Canvas的动态圆角绘制方案，可完美实现正负半径值组合形成的内外圆角混合效果。核心实现原理条件判断：当四个角均为内圆角或均为外圆角时，直接使用ArkUI的通用borderRadius属性：arktsif((this.topRadius0&&this.bottomRadius0)(this.topRadius<0&&this.bottomRadius<0)){Column().height('100%').width('100%').borderRadius(Math.abs(this.topRadius+t...

我们自己的业务比较简单，基本上没有使用PlatformView，所有的页面要么是原生，要么是flutter，没有这种在flutter页面上展示原生控件的需求。这里介绍一下如何在纯flutter项目中使用platformView展示鸿蒙组件。准备按照之前的环境搭建和第一个helloworld，搭建好环境，运行起来。原生侧使用DevEco打开项目工程下的ohos文件夹，DevEco会将该文件夹识别为一个鸿蒙项目，可以获得完整的代码提示和语法高亮。我们先从底层向接口方向...

摘要：[图片组件](https:www.aigcoder.comcodemagic)(AImage)：可设置图片地址、图片宽度、图片高度、圆角类型及是否显示外框线。圆角类型支持普通圆角、圆形及无圆角。一、组件调用方式1.极简调用只需要输入AImage，然后给src（图片地址）属性赋值即可。默认宽度和高度均为300vp，方角。2.更多属性输入AImage，然后给src（图片地址）属性赋值，可设置图片宽度（imageWidth）、图片高度（imageHeight）、圆角类型（radius）和使...

在做UI设计时，我们经常会碰到这样一个需求：要在某个图标、按钮或列表项的角落加一个小小的提示，比如红点、新消息数量、状态标签之类的。这时候就轮到​​Badge​​组件登场了。如果你想要一个简单优雅、可配置灵活的信息标记功能，​​Badge​​就是官方给你的标准答案。组件简介：Badge是干什么的？​​Badge​​是一个「信息标记容器组件」，可以附加在你指定的任何子组件上，用来做提示提醒，比如：红点数字（199+）文本...

在日常开发中，如果你有类似「左侧导航+右侧内容」的布局需求，比如后台管理界面、文件管理器、设置页等，​​SideBarContainer​​是非常值得掌握的组件。它自带侧边栏和主内容区的分离机制，还支持折叠、拖拽、控制按钮和多种显示模式，是构建复杂页面结构的好帮手。这篇文章将从实际开发视角出发，用一段简化的示例代码，带你快速掌握​​SideBarContainer​​的使用方法，并逐步解析核心属性与交互行为。组件简介​​SideBa...

介绍一下使用DevEcoStudio3.1.1Release打开、运行《HarmonyOS从入门到精通40例》中的HarmonyOSJAVAAPI6工程方法。这里我们使用的DevEcoStudio版本为3.1.0.501。下载地址为：https:developer.huawei.comconsumercndevecostudioarchive。下面以《HarmonyOS从入门到精通40例》中的论坛点赞(Button)工程ForumPraise为例，具体说明打开方法如下：第1步，复制工程ForumPraise到纯英文目录下。第2步，使用DevEcoStudio打开工程。第3步...

项目源码地址项目源码已发布到GitCode平台,方便开发者进行下载和使用。https:gitcode.comqq33681891NovelReader效果演示前言在本教程中，我们将深入探讨HarmonyOS应用开发中的UI布局基础知识，通过小说阅读器应用的首页实现来学习HarmonyOS的布局系统。我们将详细讲解如何使用各种容器组件和基础组件来构建一个美观且功能完善的用户界面。1.HarmonyOS布局系统概述在HarmonyOS中，UI布局主要基于ArkUI框架，它提供了声明式的UI开...

一、原理图本篇不涉及硬件相关的功能开发，硬件设备使用MQTT客户端模拟，如果有硬件相关经验的可以直接使用真实硬件代替MQTT客户端。1、华为云物联网服务器华为云物联网平台是硬件设备端跟移动APP端数据的中转平台，硬件设备端定时上报采集都的数据到云平台，移动APP端可以从云平台定时的拉取硬件设备端上报的数据并且显示给管理员，移动APP端可以发送指令到云平台，硬件设备端通过”订阅“云平台指定的服务，从而获得移动APP端...

1.注册华为开发者账号访问​​华为开发者联盟官网​​并注册账号。完成实名认证（个人或企业开发者），需提供身份证或企业资质信息。2.登录AppGalleryConnect(AGC)使用华为开发者账号登录​​AGC控制台​​。创建或选择已有项目。3.开通认证服务在项目设置中，点击左侧菜单的“认证服务”。选择需要开通的认证方式（如手机验证码、邮箱、生物识别等）并启用。特别注意：完成开通认证之后，需先删除旧配置再添加新配置。(将agcon...