自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 【共创季稿事节】鸿蒙原生ArkTS布局方式之RowSpaceEvenly主轴分布

鸿蒙ArkTS布局之RowSpaceEvenly主轴分布解析 本文深入探讨鸿蒙OS ArkTS开发中的Row+SpaceEvenly布局方式,这是一种实现子组件均匀等距分布的高效方案。文章首先介绍了ArkTS声明式UI布局体系的核心概念,包括主轴/交叉轴理论和FlexAlign枚举类型。重点解析了Row容器的特性和SpaceEvenly布局的数学原理,通过公式推导和图示对比了SpaceEvenly与SpaceAround、SpaceBetween等分布方式的差异。文章还提供了典型应用场景和性能优化建议,帮助

2026-06-15 19:39:41 352

原创 【共创季稿事节】鸿蒙原生ArkTS布局方式之Column+Expanded自适应布局

鸿蒙 ArkTS 自适应布局指南:Column + Expanded 详解 本文介绍了 HarmonyOS NEXT 中 ArkTS 声明式 UI 的核心布局方式 Column + Expanded 组合。内容要点: Column 容器:垂直布局组件,支持子组件从上到下排列,提供 alignItems、justifyContent 等属性控制对齐方式。 Expanded 组件:弹性伸缩容器,包裹在 Column 子组件外层实现自动填充剩余空间,通过 layoutWeight 按比例分配空间。 典型应用场景:

2026-06-14 18:52:36 362

原创 【共创季稿事节】鸿蒙原生ArkTS布局方式之Column滚动纵向布局

本文详细介绍了鸿蒙ArkTS中Column+Scroll纵向滚动布局的核心原理与实现。Column作为纵向容器负责子组件排列,Scroll提供滚动功能,两者配合实现高效内容展示。文章通过示例代码解析了数据模型构建、响应式状态管理、ForEach循环渲染等关键技术点,并重点讲解了layoutWeight对滚动区域控制的作用。这种布局方案适用于新闻列表、商品展示等需要纵向滚动的场景,具有结构清晰、性能优化的特点。

2026-06-14 18:42:59 609

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除