鸿蒙开发者社区

页面布局结构包括三个colum列布局容器组件，分别是红、黄、绿色框，如下图所示：cke3226.pngcke6250.png打开我们前面新建的PestInfoPage.ets文件，自定义一个AI诊断页面组件PestDiagnosisView，接收2个参数：病虫害实体对象和图片占满屏幕宽度。代码如下：ComponentstructPestDiagnosisView{privatepestObj:PestModel;privateimgWidth:number;build(){Column(){病害图片Column(){Image(this.pestObj.Img).width(this.imgWidth)....

前言在室内运动场景中，由于缺乏GPS信号，传统的基于卫星定位的运动数据追踪方法无法使用。因此，如何准确估算室内运动的距离、速度和步幅，成为了运动应用开发中的一个重要挑战。本文将结合鸿蒙（HarmonyOS）开发实战经验，深入解析如何利用加速度传感器等设备功能，实现室内运动数据的精准估算。一、加速度传感器：室内运动数据的核心加速度传感器是实现室内运动数据估算的关键硬件。它能够实时监测设备在三个轴向上的加速度...

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

鸿蒙应用开发：WebSocket使用示例前言最近在开发鸿蒙应用时，遇到了需要实现实时通信的需求。经过一番研究，发现鸿蒙5.0提供了更完善的WebSocket支持，于是就写了个简单的demo来测试。下面分享一下我的实现过程，希望能帮到有同样需求的同学。开发环境DevEcoStudio4.0HarmonyOSSDKAPI14（鸿蒙5.0）测试设备：华为Mate60Pro实现过程1.先导入需要的包typescriptimport{webSocket}from'kit.NetworkKit';import{BusinessError}from'...

核心技术：相机服务CameraKit请参见官方资料：https:developer.huawei.comconsumercndocharmonyosguidescameraoverview一、申请相机权限打开src>>main>>module.json5文件，在requestPermissions数组中添加ohos.permission.CAMERA{"name":"ohos.permission.CAMERA","reason":"$string:camerareason","usedScene":{"abilities":["EntryAbility"],"when":"always"​二、定义拉起手机摄像头异步方法拍照asyncpickerCamera():Promise...

核心知识点1.自定义PestListView组件2.定义病虫害实体类PestModel对象在HomePage.ets文件中定义一个组件PestListView，该组件必需的3个属性：虫害图片、农作物名称、病虫害名称。以及接收外部输入参数病虫害实体PestModel。病虫害列表项ComponentstructPestListView{privatelstItem:PestModel;privatelstItemImg:stringResource;privatelstItemTitle:stringResource;privatelstItemId:number;privatelstItemPest:stringResource...

为什么我的Params的方法无法传递到另一个界面？1.传参界面：.onClick(async(){查找第一个未开始订单constcurrentOrderitem;router.pushUrl({url:'pagesOrderDetailPage',params:{scanResult:item.id}})console.log('ken',item.id);打印原始ID）}接受参数的界面：onPageShow(){try{constparamsrouter.getParams()asOrderParams;console.debug("路由参数:",params);if(typeofparams.scanResult'number'){this.getOrderDetail(para...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在现代UI设计中，按照特定比例分配空间的布局需求非常常见，例如黄金分割比例的内容区域、按照特定比例分配的多列布局等。HarmonyOSNEXT的RelativeContainer组件提供了链中节点权重(chainWeight)功能，能够按照指定的权重比例分配链中组件的空间，实现灵活的比例布局。本教程将详细讲解如何利用RelativeContainer的链...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言搜索栏是现代应用中常见的UI组件，通常包含一个搜索图标和一个输入框。在设计搜索栏时，我们常常需要精确控制组件之间的位置关系，使其既美观又符合用户的使用习惯。HarmonyOSNEXT的RelativeContainer组件提供了链中偏移(bias)功能，能够精确控制链中组件的位置，非常适合实现搜索栏这类需要精确定位的UI元素。本教程...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言底部导航栏是移动应用中最常见的导航元素之一，它通常包含多个均匀分布的图标或按钮，用于在应用的主要功能之间切换。在HarmonyOSNEXT中，RelativeContainer组件提供了强大的链式布局(Chain)功能，能够轻松实现元素的均匀分布，非常适合底部导航栏的实现。本教程将详细讲解如何利用RelativeContainer的水平链布局功能...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在现代移动应用开发中，聊天界面是最常见的交互场景之一。一个优秀的聊天界面需要能够适应不同长度的消息内容，保持布局的一致性和美观性。HarmonyOSNEXT的RelativeContainer组件提供了强大的屏障(Barrier)功能，能够根据内容动态调整布局，非常适合实现聊天气泡这类需要自适应内容边界的UI元素。本教程将详细讲解如...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在HarmonyOSNEXT的UI开发中，表单是常见且重要的界面元素。创建对齐精确、布局合理的表单需要精细的定位控制。RelativeContainer提供的辅助线(Guideline)功能，为表单布局提供了强大的支持。本教程将详细讲解如何使用RelativeContainer的辅助线功能实现精确的表单布局，帮助你掌握这一专业级UI技术。2.辅助线(Guideli...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言进度条是应用程序中常见的UI元素，用于直观地展示任务完成进度或数据加载状态。在HarmonyOSNEXT中，使用RelativeContainer可以轻松实现功能丰富、视觉精美的进度条。本教程将详细讲解如何利用RelativeContainer的锚点系统构建动态进度条，帮助你掌握这一实用技术。2.进度条的基本原理进度条通常由两部分组成：背景轨...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在HarmonyOSNEXT的UI开发中，创建能够根据内容自动调整尺寸的容器是实现灵活布局的关键。RelativeContainer结合自适应尺寸设置，可以实现内容驱动的智能尺寸调整，使UI更加灵活且易于维护。本教程将详细讲解如何创建自适应尺寸的RelativeContainer，帮助你掌握这一实用技术。2.自适应容器尺寸概述自适应容器尺寸是指...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在HarmonyOSNEXT的UI开发中，组件之间的间距控制对于创建美观、易用的界面至关重要。RelativeContainer不仅提供了强大的锚点定位系统，还可以结合外边距(margin)属性实现更精细的布局控制。本教程将详细讲解如何在RelativeContainer中巧妙运用外边距，帮助你掌握这一实用技巧。2.外边距在RelativeContainer中的作用在...

本文档基于瑞芯微RV1106的LockAI凌智视觉识别模块，通过C++语言做的目标检测实验。本文档展示了如何使用lockzhinervisionmodule::vision::PaddleDet类进行目标检测，并通过lockzhinervisionmodule::vision::Visualize函数将检测结果可视化。源代码网址：https:gitee.comLockzhinerAILockzhinerVisionModuletreemasterCppexampleD01testdetection1.基础知识讲解1.1目标检测的基本介绍目标检测是计算机视觉领域中的一个关键任务，...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.引言在HarmonyOSNEXT的UI开发中，精确控制组件位置是构建复杂界面的关键。RelativeContainer作为一种强大的布局容器，通过锚点系统提供了精确定位能力，使开发者能够创建出灵活且精准的UI布局。本教程将详细讲解如何使用RelativeContainer的锚点布局功能，帮助你掌握这一核心技术。2.RelativeContainer锚点布局概述锚点布...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述分页控件是数据展示类应用中不可或缺的导航元素，它允许用户在大量数据中进行有序浏览。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建一个功能完善的分页控件，实现页码显示与前后翻页按钮的完美结合。分页控件在各类应用场景中广泛应用，如电子商城的商品列表、新闻应用的文章列表、图库应用的图片浏览等。通...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在移动应用界面设计中，图文混排卡片是一种常见且实用的UI组件，它通过将图标和文本组合在一起，以简洁明了的方式呈现信息。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件创建一个精美的图文混排卡片，实现左侧图标与右侧多行文本的布局效果。图文混排卡片广泛应用于各类应用场景，如通知提醒、功能介绍、信息展示...

项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示1.概述在现代移动应用中，可滑动列表项是一种常见且高效的交互方式，它允许用户通过水平滑动列表项来显示隐藏的操作按钮，如删除、置顶、归档等。本教程将详细讲解如何使用HarmonyOSNEXT的Row组件结合手势和动画创建一个流畅的可滑动列表项，实现滑动操作按钮的高级交互效果。2.可滑动列表项的设计原则在设计可滑动列表项时...