鸿蒙--WaterFlow 实现商城首页

已于 2024-10-11 16:21:08 修改
阅读量436 收藏
点赞数
分类专栏： HarmonyOS 文章标签： harmonyos 华为
于 2024-10-11 16:17:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43285360/article/details/142856977
版权

目录结构

├──entry/src/main/ets // 代码区

│ ├──common

│ │ ├──constants

│ │ │ └──CommonConstants.ets // 公共常量类

│ │ └──utils

│ │ └──Logger.ets // 日志打印类

│ ├──entryability

│ │ └──EntryAbility.ets // 程序入口类

│ ├──pages

│ │ └──Index.ets // 主界面

│ ├──view

│ │ ├──ClassifyComponent.ets // 分类信息类

了解本专栏 订阅专栏 解锁全文 超级会员免费看
小白小白从不日白
关注
专栏目录
订阅专栏
鸿蒙开发实战项目(九):WaterFlow容器的使用（ArkTS）
sybh的博客
01-26 1061
本篇Codelab主要介绍WaterFlow容器的使用。如图所示对高度不相等的子组件，实现如瀑布般的紧密布局。
[HarmonyOS Next示例代码] 鸿蒙UI开发 - WaterFlow瀑布流实例
qq_23068089的博客
09-11 350
基于WaterFlow容器，实现瀑布流布局，使用sections实现了混合排列，实现了Tab吸顶、下拉刷新、无限加载等功能。
HarmonyOS-瀑布流 WaterFlow
flyingkekokele的博客
05-29 667
1、瀑布流的概念：瀑布流容器，由“行”和“列”分割的单元格所组成，通过容器自身的排列规则，将不同大小的“项目”自上而下。例如, '1fr 1fr 2fr' 是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。例如, '1fr 1fr 2fr'是将父组件分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。设置是否支持滚动手势，当设置为false时，无法通过手指或者鼠标滚动，但不影响控制器的滚动接口。footer:设置WaterFlow尾部组件。
鸿蒙HarmonyOS开发知识：Waterflow组件布局
weixin_55362248的博客
08-18 761
WaterFlow是容器组件，内部分裂成行和列形式，通过容器自身的排列规则，将不同大小的“项目”自上而下，如瀑布般紧密布局。
鸿蒙HarmonyOS开发：WaterFlow高性能开发指南
keleeQAQ的博客
08-13 895
瀑布流常用于展示图片信息，如多用于购物、资讯类应用。
鸿蒙HarmonyOS开发中的知识：Waterflow组件
DMZDAMS的博客
06-21 1267
当我们浏览购物应用时，比如某宝，某书，会发现浏览的布局都是错落有致的
HarmonyOS应用开发：WaterFlow（容器组件）
situnanQAQ的博客
06-19 2034
瀑布流容器，由“行”和“列”分割的单元格所组成，通过容器自身的排列规则，将不同大小的“项目”自上而下，如瀑布般紧密布局。
鸿蒙next开发：WaterFlow高性能开发指南
shudaoshanQAQ的博客
05-21 1335
瀑布流常用于展示图片信息，如多用于购物、资讯类应用。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之WaterFlow容器组件
zy0412326的专栏
03-15 1709
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之WaterFlow容器组件。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：WaterFlow）
m0_64420071的博客
03-16 1229
ArkTS声明式开发（容器组件：WaterFlow）
【HarmonyOS NEXT应用开发】案例63：基于WaterFlow的页面滑动加载
xzs51job的专栏
08-18 97
可通过Item和分组分组信息中itemsCount设置指定Item的布局，例如Item=5，第一个分组中itemsCount: 4，Item=5为第二个分组的第二个Item(此处Item从0开始)。在瀑布流分组中为要吸顶的部分预留出位置，监听瀑布流滚动事件，吸顶部分基于瀑布流滚动后的偏移量设置位置，让吸顶部分跟随瀑布流一起滚动，吸顶部分到顶后固定不动。场景一：瀑布流页面多列混排的布局场景，例如：10个item在2列内布局，中间5个item在1列内撑满宽度布局，后10个item在3列内布局。
鸿蒙进阶篇-剩余和展开、简单和复杂类型
2401_88463044的博客
11-09 1508
以下是关于“剩余和展开”“简单和复杂类型”概念的文章摘要： “剩余”参数使函数能够接收不定数量的额外参数，并以数组形式处理，增加了函数参数的灵活性。“展开”常见于数组或对象操作，如将数组元素或对象属性展开用于特定场景。 “简单类型”为基本的数据类型，如整数、浮点数等，具有固定大小和简单操作。“复杂类型”如数组、对象、类等，由多种简单或复杂类型组合而成，结构丰富，操作较复杂。 这些概念在编程中各自发挥重要作用，影响着数据处理和程序结构的设计。
鸿蒙next版开发：ArkTS组件通用属性（组件标识）
小淼淼的博客
11-10 481
通过本文的介绍，你应该对HarmonyOS 5.0中ArkTS组件的标识有了基本的了解。组件标识是UI开发中的重要工具，合理利用这些属性可以使你的应用开发更加高效和灵活。希望本文能够帮助你在开发过程中更好地利用ArkTS的组件标识属性。
HarmonyOS一次开发多端部署三巨头之功能级一多开发和工程级一多开发
2301_79624024的博客
11-10 1234
HarmonyOS一次开发多段部署之功能级一多开发和工程级一多开发
鸿蒙生态新机遇
weixin_44626085的博客
11-11 584
近年来，随着智能设备的普及，鸿蒙操作系统应运而生，成为我们日常生活和工作中重要的技术工具。但在这片充满机遇的生态中，开发者们却面临着重重挑战。你是否曾感受到开发工具的不完善、技术难度的提升，及生态竞争的压力？在这篇文章中，我们将一一揭开鸿蒙生态中面临的挑战与机遇，帮助你更好地融入这个快速发展的技术世界。
鸿蒙ArkTS中的获取网络数据
dawn0718的专栏
11-07 323
记录学习鸿蒙ArkTS中的获取网络数据的方法。
鸿蒙多线程开发——Worker多线程
harmonyClassRoom的博客
11-09 1154
Worker主要作用是为应用程序提供一个多线程的运行环境，可满足应用程序在执行过程中与主线程分离，在后台线程中运行一个脚本进行耗时操作，极大避免类似于计算密集型或高延迟的任务阻塞主线程的运行。创建Worker的线程称为宿主线程（不一定是主线程，工作线程也支持创建Worker子线程），Worker自身的线程称为Worker子线程（或Actor线程、工作线程）。
鸿蒙系统：智能设备新时代的技术驱动
qq_29893481的博客
11-07 832
总的来说，鸿蒙系统作为一个面向多设备的智能操作系统，凭借其创新的分布式架构和跨平台能力，在智能设备行业中展现出了巨大的潜力。尽管它面临着生态建设和应用开发的挑战，但随着技术的不断进步和开发者的不断参与，鸿蒙系统将在智能设备领域发挥越来越重要的作用。对于开发者来说，鸿蒙生态的崛起为我们带来了全新的机遇和挑战，掌握鸿蒙开发技能，不仅有助于提升个人技术水平，更能够在智能设备新时代的浪潮中抓住更多机会。如果你是一个开发者，现在正是加入鸿蒙生态的最佳时机，让我们一起见证这个新兴操作系统的成长与未来！
HarmonyOS NEXT应用元服务开发Intents Kit（意图框架服务）技能调用接入方案
最新发布
weixin_69135651的博客
11-11 522
通过意图名称，识别查看旅游攻略意图(ViewTravelGuides)，在对应的方法中传递意图参数（param），并拉起对应落地页（点击推荐卡片跳转的界面，如旅游攻略落页面）。通过意图名称，识别打开蓝牙意图（LoadBluetoothCard）调用扩展意图，在对应的方法中传递意图参数（param），并拉起对应窗口化页面（如打开蓝牙窗口化页面）。开发者需要按照意图定义，进行意图注册并实现意图调用；用户通过对小艺对话进行自然语言输入，小艺理解语义转换成意图调用（含意图参数），执行意图调用实现对应交互体验。
鸿蒙waterflow无限加载怎么写
10-19
鸿蒙系统的WaterFlow设计是一种瀑布式滚动效果，常用于列表或页面的无限滚动加载。在HarmonyOS中实现这种效果通常需要结合组件化和数据管理。以下是一个简单的步骤概述： 1. **创建基础组件**： - 使用`ListCell`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小白小白从不日白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值