ohos扩展包——CoordinatorLayout & AppBarLayout
CoordinatorLayout
CoordinatorLayout实现了NestedScrollingParent接口,具体用法与Android中一致。
使用
参考其他CoordinatorLayout教程
CoordinatorLayout可以为每个子控件设置behavior,通过layout_behavior属性设置,取值为behavior类的全路径(内部类可以使用$符号),如:
<com.ryan.ohos.extension.nested.component.coordinatorlayout.CoordinatorLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent">
<com.ryan.ohos.extension.nested.component.AppBarLayout
ohos:height="match_content"
ohos:width="match_parent">
....
</com.ryan.ohos.extension.nested.component.AppBarLayout>
<com.ryan.ohos.extension.nested.component.NestedListContainer
ohos:height="match_parent"
ohos:width="match_parent"
ohos:background_element="#fff"
ohos:layout_behavior="com.ryan.ohos.extension.nested.component.AppBarLayout$ScrollingViewBehavior" />a
</com.ryan.ohos.extension.nested.component.coordinatorlayout.CoordinatorLayout>
未实现功能
- Anchor
- Gravity
- Layout direction
- Window inset
- Keyline/Keylines
- PreDrawListener
- ViewElevationComparator
- StatusBar background
- Draw behavior Scrim
- Behavior.onRequestChildRectangleOnScreen
- onRestoreInstanceState/onSaveInstanceState
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
你好有git链接吗?想看看学习一下 只有xml 介绍 看不明白