3 Star 44 Fork 10

Ryan Zhu / OhosExtension

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
AppBarLayout.md 2.85 KB
一键复制 编辑 原始数据 按行查看 历史
朱帆 提交于 2021-07-23 11:05 . update readme

AppBarLayout

AppBarLayout中提供了两个CoordinatorLayout.Behavior的实现,具体用法与Android中一致。

使用

参考其他AppBarLayout教程。

AppBarLayout最重要的属性是在子控件中的layout_scrollFlags,如下:

    <com.ryan.ohos.extension.nested.component.AppBarLayout
        ohos:height="match_content"
        ohos:width="match_parent">

        <com.ryan.ohos.extension.widget.toolbar.Toolbar
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:title="测试"
            ohos:gravity="center"
            ohos:background_element="$color:primaryColor"
            ohos:layout_scrollFlags="scroll|enterAlways"/>

    </com.ryan.ohos.extension.nested.component.AppBarLayout>

    <com.ryan.ohos.extension.nested.component.NestedScrollView
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:background_element="#fff"
            ohos:layout_behavior="com.ryan.ohos.extension.nested.component.AppBarLayout$ScrollingViewBehavior">
    
            ...
    
        </com.ryan.ohos.extension.nested.component.NestedScrollView>

layout_scrollFlags有5种取值:

  • scroll 子View设置为scroll时,这个View将会随着可滚动View一起滚动,就好像子View是属于可滚动View的一部分一样。没有这个属性则不会跟着可滚动View一起滚动。

  • enterAlways 子View设置为enterAlways时, 当可滚动View向下滑动时,子View将直接向下滑动,而不管可滚动View是否在滑动。注意:要与scroll搭配使用,否者是不能滑动的,即scroll|enterAlways

  • enterAlwaysCollapsed enterAlwaysCollapsed是对enterAlways的补充,当可滚动View向下滑动的时候,子View(也就是设置了enterAlwaysCollapsed的View)下滑至折叠的高度,当可滚动View到达滑动范围的结束值的时候,子View剩下的部分开始滑动。这个折叠的高度是通过Component的minHeight(最小高度)指定的。注意:layout_scrollFlags需要设置成scroll|enterAlways|enterAlwaysCollapsed才能生效

  • exitUntilCollapsed 当可滚动View滑出屏幕时(也就时向上滑动时),子View先响应滑动事件,滑动至折叠高度,也就是通过minHeight设置的最小高度后,就固定不动了,再把滑动事件交给可滚动View继续滑动。layout_scrollFlags需要设置为scroll|exitUntilCollapsed

  • snap 在滚动结束后,如果子view只是部分可见,它将滑动到最近的边界。比如,如果view的底部只有25%可见,它将滚动离开屏幕,而如果底部有75%可见,它将滚动到完全显示。layout_scrollFlags需要设置为scroll|snap

具体效果可以自行实验

未实现功能

  • Theme
  • Elevation
  • Android_keyboardNavigationCluster
  • Android_touchscreenBlocksFocus
  • LiftOnScroll
  • StatusBarForeground
Java
1
https://gitee.com/thoseyears/ohos-extension.git
git@gitee.com:thoseyears/ohos-extension.git
thoseyears
ohos-extension
OhosExtension
master

搜索帮助