鸿蒙开发进阶（HarmonyOS）Scroll容器嵌套多种组件事件处理案例

最新推荐文章于 2025-05-17 11:50:41 发布

你我皆是牛马星人

最新推荐文章于 2025-05-17 11:50:41 发布

阅读量1.1k

点赞数 27

CC 4.0 BY-SA版权

分类专栏： OpenHarmony HarmonyOS 鸿蒙开发文章标签： harmonyos 华为鸿蒙 android ui 前端移动开发

本文链接：https://blog.youkuaiyun.com/adaedwa187545/article/details/143485373

鸿蒙NEXT开发实战往期必看文章：

一分钟了解”纯血版！鸿蒙HarmonyOS Next应用开发！

“非常详细的” 鸿蒙HarmonyOS Next应用开发学习路线！（从零基础入门到精通）

HarmonyOS NEXT应用开发案例实践总结合（持续更新......）

HarmonyOS NEXT应用开发性能优化实践总结（持续更新......）

介绍

本示例适用于Scroll容器嵌套多组件事件处理场景：当需要一个父容器Scroll内嵌套web、List，当父子的滚动手势冲突时，此时希望父容器

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你我皆是牛马星人

关注关注

27
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

鸿蒙5.0版开发：ArkTS组件-Scroll

m0_69424697的博客

11-05

920

可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。

鸿蒙5.0版开发：ArkTS容器组件（Scroll）

m0_69424697的博客

09-27

2267

可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。

参与评论您还未登录，请先登录后发表或查看评论

#跟着若城学鸿蒙# web篇-解决web滑动与List、Scroll组件的嵌套滑动问题

最新发布

Huang兄

05-17

459

总结一下：没啥好总结的，不过一般情况下我们的业务中很少会遇到需要嵌套滑动的场景，这里权当一个记录好了。

鸿蒙NEXT版实战开发：UI框架-Scroll中嵌套List，可否设置事件响应顺序，让List不响应滚动事件，让外层的Scroll滚动整个布局?

qq_39652397的博客

11-29

310

Scroll嵌套List的时候，如果List默认不设置高度是会默认全部展开的.....

OpenHarmony开发教程指南—如何实现视频卡片和列表区域的联动滚动场景。

m0_70749039的博客

06-03

923

本示例使用Scroll和List组件嵌套，通过List组件的滚动控制器和nestedScroll属性实现了视频卡片和列表区域的联动滚动场景。

【鸿蒙UI实战开发】基于List和Scroller由简单到复杂列表布局开发实践

HarmonyOSMN的博客

07-01

952

在多列表页面开发中，数据展示往往有联动关系，：单列表布局多长列表页面，如门户首页、商城首页：双列表滚动联动，如城市选择：多列表滚动横向纵向联动，如汽车参数对比，股票信息列表单列表布局多长列表页面，如门户首页、商城首页效果图运用List组件作为整个首页长列表的容器，通过ListItem对不同模块进行定制。核心代码双列表滚动同向联动，如城市选择效果图整体运用Stack组件（List组件+List组件）布局，左List作为城市列表，右List快捷导航列表，通过ListItem对对应数据进行渲染。

鸿蒙5.0开发进阶：Scroll容器嵌套多种组件事件处理实现案例

HSMMQAQ的博客

11-11

938

本示例适用于Scroll容器嵌套多组件事件处理场景..........

鸿蒙开发进阶（HarmonyOS ）Web组件嵌套滚动应用场景

m0_67143533的博客

11-04

361

Web组件嵌套滚动的典型应用场景为，在一个页面中，有多个独立的区域需要进行滚动，当用户滚动Web区域内容时，可带动其他滚动区域进行滚动，以达到上下滑动页面的用户体验。

HarmonyOS应用开发：Scroll（容器组件）

situnanQAQ的博客

06-18

2030

可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。

HarmonyOS实战开发：嵌套滚动-(Web)组件

DMZDAMS的博客

07-07

1343

内嵌在可滚动容器（Scroll、List...）中的Web组件，接收到滑动手势事件，需要对接ArkUI框架的NestedScrollMode枚举类型，使得Web组件可以嵌套ArkUI可滚动容器，进行嵌套滚动。

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件

zy0412326的专栏

03-05

1582

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件。

【HarmonyOS NEXT】示例代码-Scroll组件嵌套滑动

qq_45789342的博客

10-18

473

该示例通过nestedScroll属性，实现了上滑Scroll容器，滑至Tabs子组件处，Tabs吸顶，List子组件中内容可继续滑动的功能。

在HarmonyOS中控制CustomDialog的显示层级

qq_14863717的博客

05-28

945

首先，我定义了一个导航结构，用于管理应用中的页面和弹窗。这包括创建一个。

关于鸿蒙开发中滚动容器Scroll的介绍

qq_45569925的博客

08-17

2040

当子组件的布局尺寸超过Scroll的尺寸时，内容可以滚动。

鸿蒙笔记--Scroll

ljt2724960661的博客

11-10

1054

这一节了解一下Scroll控件,在鸿蒙（HarmonyOS）开发中，Scroll控件是一个重要的可滚动...

鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：List）

m0_64420071的博客

03-15

2857

ArkTS声明式开发（容器组件：List）

基于Grid实现混合布局

hongxiaomeng的博客

07-09

396

【HarmonyOS实战开发】基于Grid实现混合布局

好运来的博客

08-30

741

ArkUI提供了Grid容器组件和子组件GridItem，用于构建网格布局。Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。