HarmonyOS布局之scroll

对于Scroll 布局官方讲解非常好,我在这做个总结,主要结合实际应用进行补充

Scroll --- 首先他是一个容器布局,所有的容器布局都可包含子布局,因此scroll 布局也可包含子组件但是(他只能包含一个子组件 ),

这里面有一个概念,容器的内有一个子组件,比如京东的首页可滑动的区域为黑色的部分,而整体的黑色区域又分为banner区域,金刚区域,商品展示形式1区域,和商品展示2区域,(顶部的tabs没有写出来,也属于滑动区域)

**仅仅banner 区域就有3个image, 怎么会是滑动的区域只有一个组件呢?

所以这里有个细节:所有的容器组件内如果有另一个容器组件A,那么这个A就属于这个父容器的单个组件,而容器A内可以有多个容器组件。**并且容器A内可以有多个容器,但是如果滑动组件里面有容器A,和容器B两个组件,滑动的区域只有容器A例如:

以上滑动容器scroll 组件包含了两个容器组件,分别为column() 容器A 和column() 容器B,滑动的后的结果只展示容器A,*那么如何能将容器B的内容也进行滑动?
答:将容器B的放入容器A
,成为容器A的子组件如下图

备注:容器想滑动,必须子组件的内容大于一屏幕

相关推荐
●VON1 小时前
鸿蒙NEXT实战:用HdsTabs构建沉浸式音乐播放器 WaveFlow
华为·harmonyos·鸿蒙·新特性
●VON1 小时前
鸿蒙NEXT视觉特效深度解析:gradientMask渐变遮罩与Material材质系统
华为·harmonyos·鸿蒙·材质·新特性
●VON2 小时前
BodyAR 骨骼数据解析:从 ARBody 到 23 个关键点的完整数据链路
华为·harmonyos·鸿蒙·新特性
●VON2 小时前
BodyAR 会话管理深度剖析:ARConfig 参数全解与生命周期最佳实践
华为·harmonyos·鸿蒙·新特性
●VON2 小时前
BodyAR 骨骼可视化渲染:Shape + Line + Circle 打造优雅的 AR 骨架叠加层
华为·ar·harmonyos·鸿蒙·新特性
●VON3 小时前
鸿蒙NEXT新特性:HdsTabs悬浮页签栏barFloatingStyle完全入门指南
华为·harmonyos·鸿蒙·新特性
●VON1 天前
BodyAR 从零开始:开发环境搭建与完整项目配置指南
华为·harmonyos·鸿蒙·新特性
敲代码的鱼哇1 天前
PDF 预览与签名批注写回 支持安卓 iOS 鸿蒙 UTS插件
android·ios·pdf·鸿蒙·harmony
zhuweisky2 天前
uni-app 实现视频聊天、屏幕分享,支持Android、HarmonyOS、iOS
鸿蒙·视频聊天·屏幕分享
梦想不只是梦与想4 天前
鸿蒙 Live View Kit:实况窗服务(一)
harmonyos·鸿蒙·实况窗