提交1.0.6版本

example/oh-package.json5

@@ -7,6 +7,6 @@
   "main": "",
   "version": "1.0.0",
   "dependencies": {
-    "@abner/refresh": "file:libs/refresh-1.0.5.har"
+    "@abner/refresh": "file:libs/refresh-1.0.6.har"
   }
 }

example/src/main/ets/exampleability/ExampleAbility.ets

@@ -22,14 +22,20 @@ export default class ExampleAbility extends UIAbility {
 
       let windowClass: window.Window = windowStage.getMainWindowSync(); // 获取应用主窗口
 
-
       let sysBarProps: window.SystemBarProperties = {
         statusBarColor: '#ff0000',
         navigationBarColor: '#ff0000',
         // 以下两个属性从API Version 8开始支持
         statusBarContentColor: '#ffffff',
         navigationBarContentColor: '#ffffff'
       };
+
+      let area = windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM)
+      let statusBarHeight = area.topRect.height
+
+      console.log("============" + JSON.stringify(area))
+
+
       windowClass.setWindowSystemBarProperties(sysBarProps, (err: BusinessError) => {
         let errCode: number = err.code;
         if (errCode) {

example/src/main/ets/pages/Index.ets

@@ -1,6 +1,6 @@
 import router from '@ohos.router'
 import { ActionBar } from './ActionBar'
-import { ListView, RefreshController } from '@abner/refresh'
+import { GridView, RefreshController } from '@abner/refresh'
 
 /**
  * AUTHOR:AbnerMing
@@ -16,7 +16,7 @@ struct Index {
     "普通的列表ListView", "下拉刷新列表ListView", "刷新加载列表ListView", "带有头的ListView",
     "普通的列表GridView", "下拉刷新列表GridView", "刷新加载列表GridView", "带有头的GridView",
     "普通的瀑布流列表", "带有头的瀑布流列表",
-    "任意组件", "侧滑展示按钮"
+    "任意组件", "侧滑展示按钮", "下滑进入二楼"
   ]
   private routerPaths: Array<string> = [
     "pages/list/ListViewPage",
@@ -30,7 +30,8 @@ struct Index {
     "pages/staggered/StaggeredPage",
     "pages/staggered/StaggeredHeadPage",
     "pages/layout/LayoutViewPage",
-    "pages/list/SlideMenuListViewPage"
+    "pages/list/SlideMenuListViewPage",
+    "pages/floor/SecondFloorPage"
   ]
 
   /**
@@ -44,7 +45,7 @@ struct Index {
     Text(item.toString())
       .width("95%")
       .height(50)
-      .margin(10)
+      .margin({ left: "2.5%", top: 10 })
       .textAlign(TextAlign.Center)
       .border({ width: 1, color: Color.Pink })
       .onClick(() => {
@@ -56,7 +57,7 @@ struct Index {
     Column() {
       ActionBar({ title: "首页", hiddenBack: true })
 
-      ListView({
+      GridView({
         items: this.array, //数据源 数组
         itemLayout: (item, index) => this.itemLayout(item, index),
         controller: this.controller, //控制器，负责关闭下拉和上拉

example/src/main/ets/pages/floor/SecondFloorPage.ets

@@ -0,0 +1,148 @@
+import { SecondFloorLayout, SfRefreshController, WindowFullScreenUtil } from '@abner/refresh'
+import { window } from '@kit.ArkUI'
+
+@Entry
+@Component
+struct SecondFloorPage {
+  @State sfController: SfRefreshController = new SfRefreshController()
+  @State topViewHeight: number = 44
+  @State statusBarHeight: number = 0
+  @State mScrollInteraction: boolean = true
+
+  onPageShow(): void {
+
+    let sysBarProps: window.SystemBarProperties = {
+      statusBarColor: "#00000000",
+      navigationBarColor: '#00000000',
+      // 以下两个属性从API Version 8开始支持
+      statusBarContentColor: '#ffffff',
+      navigationBarContentColor: '#ffffff'
+    }
+
+    WindowFullScreenUtil.changeWindowFullScreen(true, {
+      sysBarProps: sysBarProps,
+      success: (win) => {
+        // 2. 获取布局避让遮挡的区域
+        let area = win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM)
+        this.statusBarHeight = px2vp(area.topRect.height)
+        this.topViewHeight = this.topViewHeight + this.statusBarHeight
+      }
+    })
+  }
+
+  onBackPress(): boolean | void {
+    let sysBarProps: window.SystemBarProperties = {
+      statusBarColor: "#ff0000",
+      navigationBarColor: '#ff0000',
+      // 以下两个属性从API Version 8开始支持
+      statusBarContentColor: '#ffffff',
+      navigationBarContentColor: '#ffffff'
+    };
+    WindowFullScreenUtil.changeWindowFullScreen(false, { sysBarProps: sysBarProps })
+
+  }
+
+  /*
+  * Author:AbnerMing
+  * Describe:一楼视图
+  */
+  @State listPosition: number = 0; // 0代表滚动到List顶部，1代表中间值，2代表滚动到List底部。
+
+  @Builder
+  firstFloorView(_this: SecondFloorPage) {
+    Scroll() {
+      Image($r("app.media.taobao_index"))
+        .width("100%")
+    }
+    .width("100%")
+    .height("100%")
+    .onReachStart(() => {
+      _this.listPosition = 0
+    })
+    .enableScrollInteraction(_this.mScrollInteraction)
+    .onScrollFrameBegin((offset: number, _: ScrollState) => {
+      _this.sfController.markStartLocation(_this.listPosition == 0)
+      if (_this.listPosition == 0 && offset <= 0) {
+        return { offsetRemain: 0 }
+      }
+      _this.listPosition = 1
+      return { offsetRemain: offset }
+    })
+
+  }
+
+  /*
+ * Author:AbnerMing
+ * Describe:二楼视图
+ */
+  @Builder
+  secondFloorView() {
+    Column() {
+      Image($r("app.media.taobao_second_floor"))
+        .width("100%")
+        .height("100%")
+    }
+    .width("100%")
+    .height("100%")
+  }
+
+  /*
+ * Author:AbnerMing
+ * Describe:顶部固定视图
+ */
+  @Builder
+  topFixedView(this_: SecondFloorPage) {
+    Column() {
+      Text("淘宝二楼")
+        .fontColor(Color.White)
+    }
+    .width("100%")
+    .height(this_.topViewHeight)
+    .padding({ top: this_.statusBarHeight })
+    .backgroundColor(Color.Red)
+    .justifyContent(FlexAlign.Center)
+  }
+
+  build() {
+    RelativeContainer() {
+      SecondFloorLayout({
+        firstFloorView: () => { //一楼视图
+          this.firstFloorView(this)
+        },
+        isNeedHalfFloor: false, //是否需要半楼功能
+        secondFloorView: this.secondFloorView, //二楼视图
+        enableScrollInteraction: (isInteraction: boolean) => {
+          //用于解决嵌套的滑动组件冲突
+          this.mScrollInteraction = isInteraction
+        },
+        topFixedView: () => {
+          //顶部固定视图
+          this.topFixedView(this)
+        },
+        sfController: this.sfController, //刷新控制器
+        refreshHeaderAttribute: (attr) => {
+          //刷新头及二楼滑动属性配置
+          attr.fontColor = Color.White
+          attr.timeFontColor = Color.White
+        },
+        onRefresh: () => {
+          //下拉刷新
+          setTimeout(() => {
+            this.sfController.finishRefresh()
+          }, 2000)
+        },
+        onScrollStatus: (status) => {
+          //当前的滑动状态
+
+        }
+      })
+        .id('SecondFloorView')
+        .alignRules({
+          center: { anchor: '__container__', align: VerticalAlign.Center },
+          middle: { anchor: '__container__', align: HorizontalAlign.Center }
+        })
+    }
+    .height('100%')
+    .width('100%')
+  }
+}

example/src/main/ets/pages/grid/GridViewPage.ets

@@ -39,7 +39,7 @@ struct GridViewPage {
       ActionBar({ title: "普通的列表GridView" })
       GridView({
         items: this.array, //数据源 数组
-        itemLayout: (item, index) => this.itemLayout(item, index),
+        itemLayout: (item, index) => this.itemLayout(item, index)
       })
     }
   }

example/src/main/ets/pages/list/ListViewRefreshPage.ets

@@ -39,9 +39,9 @@ struct ListViewRefreshPage {
     Column() {
       ActionBar({ title: "下拉刷新列表ListView" })
       ListView({
-        items: this.array, //数据源 数组
-        itemLayout: (item, index) => {
-          this.itemLayout(item as number, index)
+        items: this.array, //数据源 数组，可以任意类型，自定义对象[],number[],string[]……
+        itemLayout: (item:Object, index:number) => {
+          this.itemLayout(item as number, index)//转成你需要的对象
         },
         controller: this.controller, //控制器，负责关闭下拉和上拉
         onRefresh: () => {

example/src/main/ets/pages/list/SlideMenuListViewPage.ets

@@ -40,9 +40,10 @@ struct SlideMenuListViewPage {
       ActionBar({ title: "侧滑右侧展示按钮" })
       ListView({
         items: this.array, //数据源 数组
-        itemLayout: (item, index) => this.itemLayout(item, index),
-        slideRightMenuLayout: this.slideRightMenuLayout,
+        itemLayout: (item, index) => this.itemLayout(item, index),//条目视图
+        slideRightMenuLayout: this.slideRightMenuLayout,//侧滑视图
         slideMenuAttr: (attr) => {
+          //设置侧滑属性
           attr.rightMenuWidth = 100
         },
         onLazyDataSource: (dataSource: RefreshDataSource) => {

example/src/main/resources/base/profile/main_pages.json

@@ -12,6 +12,7 @@
     "pages/layout/LayoutViewPage",
     "pages/staggered/StaggeredPage",
     "pages/staggered/StaggeredHeadPage",
-    "pages/list/SlideMenuListViewPage"
+    "pages/list/SlideMenuListViewPage",
+    "pages/floor/SecondFloorPage"
   ]
 }