HarmonyOS鸿蒙开发指南:组件开发 栅格布局

已于 2024-01-10 10:45:40 修改
阅读量1k 收藏 19
点赞数 15
CC 4.0 BY-SA版权
文章标签： harmonyos 华为 鸿蒙系统 鸿蒙开发 栅格布局 组件
于 2024-01-10 10:45:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68036862/article/details/135491417
本文详细介绍了在HarmonyOS中如何创建和使用grid-container组件进行栅格布局。通过创建grid-container，添加grid-row和grild-col，实现灵活的网格布局。在场景示例中，展示了如何结合refresh组件实现数据的动态刷新，从而更新网格内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

创建grid-container组件

调用方法

添加grild-col

场景示例

创建grid-container组件

在pages/index目录下的hml文件中创建一个grid-container组件，并添加Grid-row子组件。

<!-- index.hml -->
<div class="container">
  <grid-container id="mygrid" columns="5" gutter="20px" style="background-color: pink;">
    <grid-row style="height:100px;justify-content:space-around;width: 80%;background-color: #f67002;margin-left: 
      10%;"></g
了解本专栏 订阅专栏 解锁全文
博客
YOLO项目环境配置教程
10-16 4364
YOLO项目环境安装，环境配置，项目环境配置，python虚拟环境搭建
博客
基于深度学习YOLOv12的火焰烟雾检测系统（YOLOv12+YOLO数据集+UI界面+登录注册界面+Python项目源码+模型）
06-11 889
摘要：本项目基于YOLOv12算法开发了一套高效的火焰烟雾检测系统，支持图片、视频和实时摄像头三种检测模式。系统采用多线程架构和科幻风格UI设计，具备双画面对比显示、检测结果可视化表格、智能参数调节等功能。核心数据集包含6744张标注图像，训练后模型可精准识别火焰和烟雾。系统适用于森林防火、工业安全、城市安防等多种场景，具有响应速度快（约30fps）、检测精度高等特点。项目提供完整源码、训练数据和部署教程，可实现端到端的火焰烟雾检测解决方案。
博客
基于深度学习YOLOv11的火焰烟雾检测系统（YOLOv11+YOLO数据集+UI界面+登录注册界面+Python项目源码+模型）
06-11 953
【摘要】本项目基于YOLOv11算法开发了一套智能火焰烟雾检测系统，实现了火灾早期预警功能。系统具备图片、视频和实时摄像头三种检测模式，通过深度学习技术快速识别火焰和烟雾目标。核心功能包括用户登录验证、多线程检测处理、双画面可视化显示（原始画面/检测结果）、参数配置（置信度/IoU阈值调节）以及结果保存机制。系统采用6744张标注图像训练，支持fire和smoke两类目标检测，检测精度达90%以上。Python实现结合PyQt5界面，具有科幻风格UI设计和响应式布局，适用于森林防火、工业监控等场景。
博客
基于深度学习YOLOv8的船舶分类识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1001
本项目基于YOLOv8深度学习框架，开发了一套先进的船舶分类识别检测系统，能够自动识别并分类五种主要船舶类型：集装箱船（Container Ship）、邮轮（Cruise Ship）、军用舰艇（Military Ship）、滚装船（RORO）和油轮（Tanker）。系统采用包含3,721张高质量标注图像的数据集（训练集3,232张、验证集339张、测试集150张），通过精细的模型调优和迁移学习技术，实现了高精度的船舶检测与分类。
博客
基于深度学习YOLOv8的道路坑洼识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 984
本项目基于YOLOv8目标检测算法，开发了一套专门用于道路坑洼识别的智能检测系统。该系统能够通过实时图像或视频流自动检测并定位道路表面的坑洼、裂缝等缺陷，为道路维护、交通安全和智慧城市建设提供数据支持。项目采用了一个包含3,490张标注图像的专业数据集（训练集3,043张、验证集273张、测试集174张），通过深度学习技术训练出高精度的坑洼检测模型，具备较强的泛化能力和鲁棒性。
博客
基于深度学习YOLOv8的汽车损坏识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1000
本项目基于先进的YOLOv8目标检测算法，开发了一套专门用于汽车损坏识别的智能检测系统。系统通过对汽车外观图像的实时分析，能够准确识别和定位车辆表面的各种损伤，包括划痕、凹陷、剐蹭等常见损坏类型。项目使用了一个包含11,675张标注图像的专业数据集（训练集10,218张、验证集971张、测试集486张），通过深度学习技术训练出高性能的汽车损坏检测模型。该系统实现了端到端的汽车损坏检测流程，从图像输入到损坏区域识别与标注完全自动化，检测精度达到工业应用水平。
博客
基于深度学习YOLOv8的蜜蜂识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 731
本项目基于YOLOv8深度学习框架，开发了一套高精度的蜜蜂识别检测系统，专门用于蜂群监测、生态研究和农业授粉管理。系统以"bees"为检测目标，通过计算机视觉技术实现对蜜蜂个体的精准识别与定位，可有效统计蜂群数量、分析活动轨迹及监测异常行为。数据集包含训练集5640张图像、验证集1604张图像和测试集836张图像，覆盖不同光照条件、背景环境及蜜蜂飞行姿态，确保模型具备强泛化能力。
博客
基于深度学习YOLOv8的猫狗品种识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1012
本项目基于先进的YOLOv8深度学习框架，开发了一套高精度的猫狗品种识别检测系统，能够准确识别和分类37种不同品种的猫狗（包含12种猫品种和25种狗品种）。系统采用大规模标注数据集进行训练，包含训练集12879张图像、验证集736张图像和测试集368张图像，通过数据增强、迁移学习和模型优化技术，实现了对各类猫狗品种的高精度识别。该系统具备实时检测能力，可广泛应用于宠物医院、智能家居、宠物社交平台、动物收容所等多个场景。
博客
基于深度学习YOLOv8的危险武器识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1274
本项目基于YOLOv8目标检测算法，开发了一套危险武器（刀具）智能识别系统，专门用于实时检测监控场景中的刀具，以提升公共安全防范能力。系统以"Knife"作为唯一检测类别，通过深度学习模型对图像或视频流进行分析，能够快速、准确地识别并定位刀具，适用于安检、公共场所监控、校园安全等场景。数据集包含训练集6675张图像和验证集2514张图像，经过数据增强、模型调优和迁移学习，系统在复杂环境下仍能保持较高的检测精度和鲁棒性。
博客
基于深度学习YOLOv8的超市空货架识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1015
本项目基于YOLOv8目标检测算法开发了一套超市空货架智能识别系统，专门用于检测超市货架上的缺货状态（Out-of-Stock，简称OOS）。系统以"100-O-O-S"作为唯一检测类别，通过对货架图像的实时分析，能够准确识别并定位缺货区域。项目数据集经过数据增强和模型优化，实现了较高的检测精度。该系统可集成到超市现有的监控体系中，为库存管理和补货决策提供实时数据支持，有效提升零售运营效率。
博客
基于深度学习YOLOv8的药物识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1114
本项目开发了一个基于YOLOv8深度学习算法的药物识别与检测系统，旨在通过计算机视觉技术实现对8种不同药物的自动识别与分类。系统针对的药物类别包括：Cipro 500、Ibuphil 600 mg、Ibuphil Cold 400-60、Xyzall 5mg以及四种颜色标识药物(蓝色、粉色、红色和白色)。通过YOLOv8这一先进的实时目标检测算法，系统能够快速准确地识别药物种类，为医疗健康领域提供了一种高效可靠的药物识别解决方案。
博客
基于深度学习YOLOv8的车辆识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 955
本项目基于先进的YOLOv8目标检测算法，开发了一个高效准确的车辆识别检测系统，专门用于道路交通场景中多类车辆识别。系统针对四类常见车辆（公交车、小汽车、摩托车和卡车）进行优化检测，使用包含1000张图像的数据集（训练集750张、验证集100张、测试集150张）进行模型训练和评估。该系统实现了实时视频流和静态图像中的车辆检测与分类，具有检测速度快、识别准确率高和轻量化等特点。系统可部署于多种硬件平台，包括服务器、边缘计算设备和移动终端，为智能交通管理、自动驾驶辅助系统和道路安全监控提供了可靠的技术解决方案。
博客
基于深度学习YOLOv8的家具识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 807
本项目基于先进的YOLOv8目标检测算法，开发了一套专门用于家具识别的智能视觉系统。系统针对三类常见家具（椅子、沙发和桌子）进行高效识别与定位，共使用了689张标注图像作为数据集。通过深度学习技术，该系统能够实时准确地检测图像或视频流中的家具物品，并标注其类别和位置信息。项目实现了从数据采集、标注、模型训练到性能评估的完整流程，最终在测试集上达到了较高的识别精度，为智能家居、室内导航、家具电商等应用场景提供了可靠的技术解决方案。
博客
基于深度学习YOLOv8的手语识别检测系统（YOLOv8+YOLO数据集+UI界面+Python项目源码+模型）
05-26 1004
本项目基于YOLOv8目标检测算法开发了一套高效的手语识别系统，专门用于识别美国手语字母表(A-Z)中的26个字母手势。系统采用深度学习技术，通过504张训练图像、144张验证图像和72张测试图像构建的数据集进行模型训练与优化。该系统能够实时检测和分类手语手势，将视觉手势转化为对应的字母输出，为手语使用者与非手语使用者之间搭建沟通桥梁。实验结果表明，该系统在测试集上达到了较高的识别准确率，展现了YOLOv8算法在手语识别领域的强大应用潜力。
博客
基于深度学习YOLOv10的船舶分类识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 756
本项目基于最先进的YOLOv10目标检测算法，开发了一套高精度的船舶分类识别检测系统，能够准确识别并分类五大类船舶：集装箱船(Container Ship)、邮轮(Cruise Ship)、军用舰艇(Military Ship)、滚装船(RORO)和油轮(Tanker)。系统采用包含3,721张高质量船舶图像的专业数据集进行训练和评估，其中训练集3,232张，验证集339张，测试集150张。该系统在海面复杂背景下实现了多类别船舶的实时检测与分类，能够有效应对不同天气条件、拍摄角度和船舶姿态的识别挑战。
博客
基于深度学习YOLOv10的道路坑洼识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 835
本项目基于YOLOv10深度学习框架开发了一套高精度的道路坑洼识别检测系统，专门用于自动检测道路表面的各类坑洼损伤。系统采用包含3,490张道路坑洼图像的专业数据集进行训练和评估，其中训练集3,043张，验证集273张，测试集174张。该系统在复杂道路环境下实现了对坑洼目标的精准识别，能够有效应对不同光照条件、路面材质和天气状况的挑战。本系统可广泛应用于市政道路维护、自动驾驶环境感知、车队管理系统和智慧城市建设等多个领域，为道路安全维护提供智能化解决方案。
博客
基于深度学习YOLOv10的汽车损坏识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 921
本项目基于前沿的YOLOv10目标检测算法，开发了一套高精度的汽车损坏识别检测系统，专门用于快速准确地识别车辆各类损伤情况。系统采用包含11,675张高质量汽车损伤图像的专业数据集进行训练和评估，其中训练集10,218张，验证集971张，测试集486张。该检测系统实现了对汽车刮擦、凹陷、裂纹、破碎等多种损伤类型的精准识别，可广泛应用于保险理赔、二手车评估、汽车维修厂质检、共享汽车运营管理以及自动驾驶安全监测等多个领域，为汽车后市场服务提供智能化技术解决方案。
博客
基于深度学习YOLOv10的蜜蜂识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 1007
本项目基于新一代YOLOv10目标检测框架，开发了一套高精度的蜜蜂识别检测系统，专门用于在各种复杂自然场景中准确识别蜜蜂个体。系统采用包含8,080张高质量蜜蜂图像的专业数据集进行训练和评估，其中训练集5,640张，验证集1,604张，测试集836张。该检测系统实现了在密集蜂群场景下对单个蜜蜂的精准识别，能够有效应对蜜蜂快速移动、相互遮挡以及复杂背景等挑战。系统可广泛应用于智慧农业、生态监测、生物研究以及蜂业自动化管理等多个领域，为蜜蜂种群监测和蜂业智能化发展提供可靠的技术支持。
博客
基于深度学习YOLOv10的猫狗品种识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 872
本项目基于前沿的YOLOv10目标检测算法，开发了一套高精度的猫狗品种识别检测系统，能够区分37种不同的猫犬品种（包括12种猫品种和25种犬品种）。系统采用包含13,983张图像的专业数据集进行训练和验证，其中训练集12,879张，验证集736张，测试集368张。该识别系统能够在复杂场景下准确识别并分类不同品种的猫狗，可广泛应用于宠物医院智能诊断、宠物商店管理、动物收容所自动化登记、宠物社交平台内容分类以及智能家居宠物识别等多个领域，为宠物相关行业提供智能化解决方案。
博客
基于深度学习YOLOv10的危险武器识别检测系统（YOLOv10+YOLO数据集+UI界面+Python项目源码+模型）
05-25 1263
本项目基于YOLOv10目标检测算法开发了一套高效的危险武器识别检测系统，专门用于识别刀具等危险物品。系统使用包含9199张图像的自定义数据集进行训练和验证，其中训练集6675张，验证集2514张。该系统能够在实时视频流或静态图像中准确检测出刀具等危险武器，可应用于公共场所安检、智能监控、校园安全等多个场景，为安全防护提供智能化解决方案。相比前代YOLO算法，YOLOv10在保持高精度的同时显著提升了检测速度，使其更适合部署在资源有限的边缘设备上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值