同步操作将从 HarmonyOS_Samples/WaterFlow 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
This sample describes how to implement the waterfall layout based on the WaterFlow container. Sections are used to implement hybrid layout, and functions such as tab ceiling, pull-down refresh, and unlimited loading are also implemented in this sample.
Scenario 1 | Scenario 2 | Scenario 3 |
---|---|---|
├──entry/src/main/ets // Code area
│ ├──common
│ │ ├──constants
│ │ │ └──CommonConstants.ets // Constant class
│ │ └──utils
│ │ └──Logger.ets // Log class
│ ├──entryability
│ │ └──EntryAbility.ets
│ ├──model
│ │ ├──DataModel.ets // Navigation data on the home page of scenario 3
│ │ ├──GridDataModel.ets // Grid menu data in scenario 3
│ │ ├──HomeViewModel.ets // Home page data of scenario 3
│ │ ├──ProductItem.ets // Waterfall item data class
│ │ ├──SectionsWaterFlowDataSource.ets // Sections waterfall data
│ │ ├──TabsData.ets // Category tab data
│ │ ├──ToolbarData.ets // Default data of the category tab
│ │ └──WaterFlowDataSource.ets // Waterfall data
│ ├──pages
│ │ ├──Index.ets // Home page of scenario aggregation
│ │ ├──NavPage.ets // Scenario 3 - Home page
│ │ ├──SectionsHomePage.ets // Scenario 1 - Home page
│ │ └──StickyHomePage.ets // Scenario 2 - Home page
│ └──view
│ ├──FlowItemComponent.ets // Waterfall item component
│ ├──GoodsDetailComponent.ets // Goods details component on the home page of scenario 3
│ ├──GoodsNavComponent.ets // Home page navigation of scenario 3
│ ├──GoodsTabComponent.ets // Combination of the category tab and waterfall on the home page of scenario 3
│ ├──GridComponent.ets // Homepage grid of scenario 3
│ ├──SearchComponent.ets // Search box on the home page of scenario 3
│ ├──SectionsWaterFlowComponent.ets // Sections Waterfall component
│ ├──StickyWaterFlowComponent.ets // Sticky waterfall component
│ ├──SwiperComponent.ets // Swiper on the home page of scenario 3
│ ├──ToolbarComponent.ets // Toolbar at the bottom of scenario 3
│ └──WaterFlowComponent.ets // Waterfall component
└──entry/src/main/resources // App resource directory
The sample app is supported only on Huawei phones running the standard system.
The HarmonyOS version must be HarmonyOS NEXT Developer Beta1 or later.
The DevEco Studio version must be DevEco Studio NEXT Developer Beta1 or later.
The HarmonyOS SDK version must be HarmonyOS NEXT Developer Beta1 or later.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。