0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙应用布局ArkUI:【其他常用布局容器和组件】介绍

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-05-15 20:22 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

其他常用布局容器和组件

  • 创建轮播(Swiper)实现轮播图功能

开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

image.png

  • 栅格布局(GridRow/GridCol)和Grid布局类似,但是可以根据设置的分割点动态显示列数。特别适合做多设备适配布局

image.png

  • Badge实现消息小红点和消息数功能

image.png

  • WaterFlow实现瀑布流功能

image.png

  • Video实现视频播放功能

image.png

  • Web实现加载本地、远程网页功能
  • QRCode实现二维码功能

image.png

  • TextTimer实现倒计时显示功能

image.png

  • DataPanel数据面板组件,使用占比图展示多个数据的占比情况

image.png

  • Gauge以环形图表形式展示数据

image.png

  • Marquee走马灯效果
  • PatternLock图形密码锁组件

image.png

  • Rating评分组件

image.png

  • Stepper步骤导航器组件,主要用于引导介绍功能

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 组件
    +关注

    关注

    1

    文章

    551

    浏览量

    18927
  • 鸿蒙
    +关注

    关注

    60

    文章

    2858

    浏览量

    45349
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    【HarmonyOS 5】鸿蒙中常见的标题栏布局方案

    【HarmonyOS 5】鸿蒙中常见的标题栏布局方案 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、问题背景:
    的头像 发表于 07-11 18:30 643次阅读
    【HarmonyOS 5】<b class='flag-5'>鸿蒙</b>中常见的标题栏<b class='flag-5'>布局</b>方案

    【汇思博SEEK100开发板试用体验】03 简约风天气APP开发--首页UI布局组件介绍

    布局、弹性布局等,那些暂时用不到。 线性布局(LinearLayout)是开发中最常用布局,通过线性
    发表于 07-08 13:32

    鸿蒙开发如何显示Markdown格式语法 -- markdown_hm介绍

    : 完全使用ArkUI组件,不依赖HTML或WebView 组件化设计: 易于集成和自定义扩展 类型安全: 完整的TypeScript类型定义 性能优化: 高效的解析算法和渲染逻辑 样式统一: 专业的UI
    发表于 06-30 18:47

    【HarmonyOS next】ArkUI-X新闻热搜聚合App【进阶】

    通过ArkUI-X将鸿蒙下的新闻热搜聚合App转换为iOS 一、项目背景与技术选型 1.1 项目概述 本案例基于鸿蒙(HarmonyOS)开发的聚合热搜热榜应用,通过调用韩小韩博客提供的热搜热榜聚合
    发表于 06-28 21:43

    HarmonyOS NEXT应用元服务布局优化利用布局边界减少布局计算

    对于组件的宽高不需要自适应的情况下,建议在UI描述时给定组件的宽高数值,当其组件外部的容器尺寸发生变化时,例如拖拽缩放等场景下,如果组件本身
    发表于 06-26 11:13

    HarmonyOS NEXT应用元服务布局优化精简节点数

    复制 共15个节点,并且其中并没有冗余的嵌套节点。而扁平化布局是一种让页面结构变浅变宽的方式,通过一些高级组件如RelativeContainer、Grid等容器,可以让元素在平面上展开。这种
    发表于 06-26 10:21

    HarmonyOS NEXT应用元服务布局优化精简节点数

    复制 共15个节点,并且其中并没有冗余的嵌套节点。而扁平化布局是一种让页面结构变浅变宽的方式,通过一些高级组件如RelativeContainer、Grid等容器,可以让元素在平面上展开。这种
    发表于 06-26 10:21

    网格布局介绍

    图片展示、日历、计算器等。 ArkUI提供了Grid容器组件和子组件GridItem,用于构建网格布局。Grid用于设置网格
    发表于 06-25 06:27

    ArkUI介绍

    ArkUI(方舟UI框架)为应用的UI开发提供了完整的基础设施,包括简洁的UI语法、丰富的UI功能(组件布局、动画以及交互事件),以及实时界面预览工具等,可以支持开发者进行可视化界面开发
    发表于 06-24 06:41

    UI开发概述

    。- 基本语法 - 状态管理 - 渲染控制 开发布局介绍了几种常用布局方式。- 常用布局 添加组件
    发表于 06-24 06:36

    HarmonyOS NEXT应用元服务布局优化ArkUI框架执行流程

    一、 ArkUI框架执行流程 在使用ArkUI开发中,我们通过布局组件和基础组件进行界面描述,这些描述会呈现出一个
    发表于 06-23 09:41

    HarmonyOS NEXT应用元服务布局合理使用布局组件

    发现,在布局深度和节点数相同的情况下: 使用基础组件如Column和Row容器的性能明显高于其他布局。 Flex的性能明显低于Column和
    发表于 06-20 15:48

    鸿蒙Next实现瀑布流布局

    设计思路 鸿蒙 Next 的瀑布流布局可以通过自定义组件结合 Column、Row 等容器组件实现。其核心思路是将数据分成若干列,每列独立
    发表于 06-10 14:17

    Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅

    个List滚动场景中,文本的测量占了父容器(List)布局耗时超过50%。这显然不能令人满意,我们需要探索复用文本布局阶段的结果,避免在上屏时候二次布局。 初步优化方案:部分复
    发表于 06-04 16:46

    层叠布局 (Stack):Stack组件容器组件容器内可包含各种子元素

    层叠布局 (Stack) 层叠布局(StackLayout)用于在屏幕上预留一块区域来显示组件中的元素,提供元素可以重叠的布局。层叠布局
    发表于 04-30 07:51