鸿蒙实战开发（HarmonyOS）实现滚动吸顶效果场景

最新推荐文章于 2025-02-24 13:46:07 发布
最新推荐文章于 2025-02-24 13:46:07 发布
阅读量1.2k 收藏 12
点赞数 21
分类专栏： OpenHarmony 鸿蒙开发 HarmonyOS 文章标签： harmonyos 华为 鸿蒙系统 前端 ui android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/adaedwa187545/article/details/143798599
版权
最低0.47元/天 解锁文章
鸿蒙5.0开发进阶：滚动吸顶效果实现案例
HSMMQAQ的博客
10-24 1454
本示例介绍运用Stack组件以构建多层次堆叠的视觉效果。
关于鸿蒙开发中滚动容器Scroll的介绍
qq_45569925的博客
08-17 1952
当子组件的布局尺寸超过Scroll的尺寸时，内容可以滚动。
鸿蒙HarmonyOS 5.0开发实战：滚动吸顶效果实现案例
最新发布
m0_73088370的博客
02-24 898
本示例介绍运用Stack组件以构建多层次堆叠的视觉效果。
【HarmonyOS NEXT】如何实现Scroll容器组件中子组件吸顶效果
Mayism123的博客
03-11 1758
垂直滑动的Scroll容器组件中，自上而下依次包含Text1、Text2、List三个子组件，然后上滑Scroll组件，滑至Text2子组件处，Text2吸顶，List子组件中内容可继续滑动。请问此场景下Text2吸顶效果可如何实现？鸿蒙原生有提供吸顶效果的API吗？暂时没有原生的吸顶效果API，可以通过偏移量来实现相同效果。Scroll / 子组件 / 吸顶。
鸿蒙实现吸顶效果的方式
Abner_Crazy的博客
03-06 2644
鸿蒙中一种实现吸顶效果的方式介绍及使用
鸿蒙HarmonyOS开发：List组件嵌套滑动，实现上下滑动时顶部tab栏在搜索框卷起后有吸顶效果
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
12-16 1691
使用列表可以轻松高效地显示结构化、可滚动的信息。通过在List组件中按垂直或者水平方向线性排列子组件ListItemGroup或ListItem，为列表中的行或列提供单个视图，或使用循环渲染迭代一组行或列，或混合任意数量的单个视图和ForEach结构，构建一个列表。List组件支持使用条件渲染、循环渲染、懒加载等渲染控制方式生成子组件。
HarmonyOS ArkUi Tabs+TabContent+List实现tab吸顶功能
qq_34501274的博客
06-27 1534
【代码】HarmonyOS ArkUi Tabs+TabContent+List实现tab吸顶功能。
鸿蒙NEXT版实战开发：UI框架-如何实现分组列表的吸顶/吸底效果？
qq_39652397的博客
11-04 281
可通过List组件的sticky属性配合ListItemGroup组件来实现。
鸿蒙实战开发（HarmonyOS）使用List实现底部抽屉滑动效果场景
adaedwa187545的博客
11-16 366
本示例主要介绍了利用List实现底部抽屉滑动效果场景，并将界面沉浸式（全屏）显示，及背景地图可拖动。
鸿蒙(HarmonyOS)实战开发篇——基于tabs实现页面布局
lc748258的博客
10-06 1598
最外层为tabs组件，首页tabContent主要用的stack组件嵌套了scroll组件+导航输入框组件，其中scroll组件嵌套了tabs组件，tabs里面嵌套list组件。
HarmonyOS 实战开发 —— 基于webview的嵌套滚动及与ArkUI组件的联动
CTrup的博客
11-27 1011
在以上dom树的示例中，可以看出来父组件List中有两个listItem子组件和两个封装的web组件，封装的类里面是有一个Stack父组件以及web和column两个子组件，分别加载web页面和展开更多的文本。给web页面一个最小高度，这样就可实现以上List列表的效果，当用户想查看详情的时候，就可以点击展开更多，通过这个点击事件将web加载时拿到的页面高度在变量里取出来，赋值到web组件的高度上，这样就可以实现点击展开详情页的效果，滑动到最下面后再点击收起把web的高度恢复到最小值即可。
鸿蒙(HarmonyOS)应用开发实战——底部抽屉滑动效果案例
CTrup的博客
10-06 1152
本示例主要介绍了利用List实现底部抽屉滑动效果场景，并将界面沉浸式（全屏）显示，及背景地图可拖动。
#鸿蒙开发#Flex弹性布局及如何在Scroll组件中使用Flex
m0_73386679的博客
02-22 651
Scroll组件用于允许用户通过滚动查看超出容器尺寸的内容。在openHarmony中，Scroll组件非常常用，尤其是在需要展示大量内容或动态内容的场景下。在Scroll组件中使用Flex布局时，不需要为Flex容器定义固定的高度，因为Scroll组件会根据内部内容的大小自动调整其高度。Flex布局的自适应特性使得子元素可以根据容器的大小和内容的数量进行灵活的排列和调整。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件
adendean的博客
03-05 1444
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件。
HarmonyOS鸿蒙 Next 实现协调布局效果
肤浅失眠中
10-01 2159
我们前面介绍的三要素当中，可滚动的头部区域 以及粘性头部区域 直接使用普通组件即可，关于可滚动的内容区域 ，下面要着重做一下讲解，因为这块的滑动和CoordinatorLayout在外层的滑动存在着滑动冲突，所以我们在以下情况需要特殊处理:当外部容器未完全展开/收起时,优先处理外部容器的滚动。当外部容器已完全展开/收起时,内部列表可以正常滚动。在滚动过程中,可以平滑地过渡between外部容器和内部列表的滚动。@BuilderText(`${"测试"}${item}`)})
鸿蒙使用 scroll 让页面滚动 && 使用 position 定位盒子 [保姆级教程]
qq_52602294的博客
06-21 950
新手可以看看这个案例 中间内容使用 scroll 滚动 底部使用 position 固定
HarmonyOS Next开发学习手册——Web组件嵌套滚动
maniuT的博客
07-22 1132
Web组件嵌套滚动的典型应用场景为，在一个页面中，有多个独立的区域需要进行滚动，当用户滚动Web区域内容时，可带动其他滚动区域进行滚动，以达到上下滑动页面的用户体验。内嵌在可滚动容器（ Scroll 、 List …）中的Web组件，接收到滑动手势事件，需要对接ArkUI框架的 NestedScrollMode 枚举类型，使得Web组件可以嵌套ArkUI可滚动容器，进行嵌套滚动。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值