31.图解鸿蒙之线性布局-自适应延伸-水平方向布局中使用Scroll组件

137 阅读1分钟

图解鸿蒙之线性布局-自适应延伸-水平方向布局中使用Scroll组件

宝子们,我发现有些 APP 里能左右滑着看东西,这是咋弄的呀?
答:嘿嘿,这是用了水平方向的 Scroll 组件哟!你就想象有个超酷的 “魔法传送履带”,把要展示的图片、图标啥的都放在上面排排站。要是它们排起来太宽,超出屏幕能看到的地方,这个 Scroll 组件就像给履带装上了小滑轮,咱们手指轻轻往左或往右一划,就能把藏在边上的宝贝一个个看全,是不是超好玩!

 

在水平方向布局时,Scroll 组件就如同一条可滑动的轨道。当众多元素按水平排列,总宽度超出容器可视范围,它便能派上用场,让用户通过左右滑动查看隐藏内容。常用于电商商品多图展示、社交媒体长图浏览、时间轴事件呈现等场景。使用时,需将水平排列元素置于 Scroll 组件内,把滚动方向精准设为水平,还可按需调控滚动条显示,常与 Row 容器配合,以打造流畅便捷的横向浏览体验。

PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~