【ArkUI】布局

已于 2024-02-20 22:53:38 修改
阅读量346 收藏 8
点赞数 10
分类专栏： # ArkTS Harmony 文章标签： harmonyos
于 2023-12-12 14:21:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/owo_ovo/article/details/134948553
版权

布局

通过Row和Column容器来实现布局

在这里插入图片描述

通用属性

  1. justifyContent

    设置子元素在主轴方向的对齐格式

    Column容器参数如下（Row容器只是改变主轴方向，将每个图横过来理解即可）

    在这里插入图片描述

  2. alignItems

    设置子元素在交叉轴方向的对齐格式

    Row容器使用VerticalAlign枚举

    在这里插入图片描述

    Column容器使用HorizontalAlign枚举

    在这里插入图片描述

田本初
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
鸿蒙ArkUI跨平台应用开发
01-11
鸿蒙ArkUI跨平台应用开发 ArkUI 是 HarmonyOS 的 UI 开发框架，旨在实现跨平台、跨设备的无缝体验。 ArkUI 的架构设计考虑了跨平台，代码架构解耦，方便移植到不同平台。 ArkUI 采用声明式编程模型，提高开发者...
ArkUI SwiftUI 对比分析
12-27
ArkUI SwiftUI 对比分析 ArkUI 和 SwiftUI 是两种不同的 UI 框架，它们都可以用于构建用户界面，但它们有着不同的设计理念和实现方式。本文将通过对比分析来介绍 ArkUI 和 SwiftUI 的异同点，以帮助 iOS SwiftUI ...
鸿蒙（HarmonyOS）ArkUI布局优化指南~
weixin_48091641的博客
05-24 981
DevEco Studio内置ArkUI Inspector工具，开发者可以使用ArkUI Inspector，在DevEco Studio上查看应用在真机上的UI显示效果。利用ArkUI Inspector工具，开发者可以快速定位布局不理想或其他UI相关问题，同时也可以观察和了解不同组件之间的布局关系和属性。鸿蒙战略胜利，目前鸿蒙开发是一个急需要人才的缺口，在未来几年势必会有大量的鸿蒙岗位出现，目前所存在的鸿蒙岗位也是给出了相当高的薪资。事实证明，鸿蒙开发确实是一块香饽饽。
HarmonyOS之ArkUI布局设计常见细节
捌椒的博客
05-20 291
HarmonyOS之ArkUI布局设计常见细节。
鸿蒙(ArkTS)—ArkUI布局开发常见问题
m0_70749039的博客
05-28 1078
容器组件在使用position之后会脱离文本流，导致容器脱离外层容器束缚，导致height不生效，可以将外层容器换成Stack可以解决这个问题。
ArkUI组件
m0_56308072的博客
12-09 1507
方舟开发框架（简称ArkUI）为HarmonyOS应用的UI开发提供了完整的基础设施，包括简洁的UI语法、丰富的UI功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。ArkUI提供了非常多的组件供开发者使用，我们在使用时直接去查看官方文档即可。
【HarmonyOS4.0】第十篇-ArkUI布局容器组件(二)
weixin_42533732的博客
01-15 1422
堆叠容器组件Stack的布局方式是把子组件按照设置的对齐方式顺序依次堆叠，后一个子组件覆盖在前一个子组件上边。Stack组件层叠式布局，尺寸较小的布局会有被遮挡的风险，
鸿蒙（HarmonyOS）应用开发之性能优化——ArkUI布局优化
m0_70748458的博客
06-05 663
应用开发中的用户界面（UI）布局是用户与应用程序交互的关键部分。使用不同类型的布局可以将页面排布的更加美观，但也容易带来不合理的布局。不合理的布局虽然能在界面显示上达到相同效果，但是过度的布局计算，界面嵌套带来了渲染和计算的大量开销，造成性能的衰退，本文重点介绍了几种常见的布局功能和适用场景，同时提供了几种优化布局结构的方法。DevEco Studio 内置ArkUI Inspector工具，开发者可以使用ArkUIInspector，在DevEco Studio上查看应用在真机上的UI显示效果。
鸿蒙ArkUI开发：常用布局【相对布局】
m0_62167422的博客
05-14 803
从上面的OpenHarmony技术梳理来看，，下面推荐一些：完整内容可在头像页保存，或这。
HarmonyOS ArkUI容器类组件-层叠布局容器（Stack）
m0_71263309的博客
04-22 420
ArkUI开发框架提了堆叠容器组件 `Stack` ，它的布局方式是把子组件按照设置的对齐方式顺序依次堆叠，后一个子组件覆盖在前一个子组件上边。
【HarmonyOS4.0】第九篇-ArkUI布局容器组件(一)
weixin_42533732的博客
01-11 1734
沿垂直方向布局的容器。: {space?value：可选参数，space表示设置Column参数名参数类型必填参数描述space否纵向布局元素垂直方向间距。从API version 9开始，space为负数或者justifyContent设置为FlexAlign.SpaceBetween、FlexAlign.SpaceAround、FlexAlign.SpaceEvenly时不生效。默认值：0说明：可选值为大于等于0的数字，或者可以转换为数字的字符串。
【ArkUI】如何调整组件位置
owo_ovo的博客
12-22 937
【ArkUI】如何调整组件位置
基于HarmonyOS ArkUI和napi的MQTT客户端实现
11-09
资源包括HormonyOS的MQTT 客户端hap源码，源码中包含： 1. 基于napi移植改造后paho-mqtt源码 2. c库和ArkUI连接部分的实现 3. MQTT客户端UI的实现
ArkUI 开发框架-常用组件与布局示例代码
01-26
示例代码中将barPosition的值设置为BarPosition.End，使页签显示在底部。使用@Builder修饰TabBuilder函数，生成由Image和Text组成的页签。...最后还需要给Tabs添加onChange事件，Tab页签切换后触发该事件，这样当我们...
HarmonyOS基于ArkUI绘制圣诞树的源码
12-17
从源码里面，你可以学到ArkUI的绘制组件Shape、Path以及通用属性形状裁剪等能力。 源码里面详细的添加了注释和代码的规范性，学习完你可以更加轻松的学习HarmonyOS，我们还增加了：圣诞树上面的小猫和用户的交互，...
【HarmonyOS】鸿蒙应用模块化实现
我的小窝
06-10 960
鸿蒙应用模块化实现
鸿蒙轻内核A核源码分析系列七 进程管理 (1)
最新发布
maniuT的博客
06-13 502
本文先熟悉下进程管理的概念、运行机制和编程接口。
HarmonyOS(35) @State使用注意事项
菜鸟博客
06-13 312
HarmonyOS @State使用注意事项
鸿蒙轻内核A核源码分析系列六 MMU协处理器（2）
maniuT的博客
06-13 723
在arch\arm\arm\include\arm.h文件中，封装了CP15协处理器相关的寄存器操作汇编函数。我们主要看下MMU相关的部分。
arkui foreach
09-27
ForEach是一个用于在ArkUI组件中执行循环渲染的接口。它基于数组类型的数据，并生成相应的子组件。在使用ForEach时，有几点需要注意： - ForEach必须在容器组件内使用。 - 生成的子组件应当是允许包含在ForEach父...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

田本初

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值