回复
ohos扩展包——CollapsingToolbarLayout、ViewPager
jacksky
发布于 2021-9-27 18:37
浏览
0收藏
ViewPager
与Android api保持一致
使用
注意:
- FragmentPagerAdapter使用FractionPagerAdapter替代,用法一致
- Fraction不能与Fraction嵌套使用,即ViewPager中的Fraction不能再包含Fraction,主要是由于FractionScheduler的commit方法不能几乎同时多次执行
- 由于ViewPager使用了ScrollApiHelper来滚动,因此子元素的getLeft、getRight函数的数值均会加上滚动距离,此时需要使用ViewPager.getChildLeft(Component)来获取child的left,通过left + width获取right。
未实现
- setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer, int pageLayerType)中reverseDrawingOrder与pageLayerType未实现
- ScrollingCache未实现
- Adapter的restoreState中ClassLoader一直为null
- EdgeEffect未实现
CollapsingToolbarLayout
具体用法与Android中一致。
使用
参考其他CollapsingToolbarLayout教程
<com.ryan.ohos.extension.nested.component.CollapsingToolbarLayout ohos:id="$+id:toolBarLayout" ohos:height="match_parent" ohos:width="match_parent" ohos:toolbarId="$+id:toolbar" ohos:layout_scrollFlags="scroll|exitUntilCollapsed"> <Image ohos:height="match_parent" ohos:width="match_parent" ohos:image_src="$media:ohos" ohos:scale_mode="clip_center" ohos:layout_collapseMode="parallax"/> <com.ryan.ohos.extension.widget.toolbar.Toolbar ohos:id="$+id:toolbar" ohos:height="$float:toolbarHeight" ohos:width="match_parent" ohos:title="$string:mainability_description" ohos:gravity="center" ohos:hideNavigationIcon="true" ohos:layout_collapseMode="pin"/> </com.ryan.ohos.extension.nested.component.CollapsingToolbarLayout>
属性
- titleEnabled 是否替换Toolbar的title
- expandedTitleMargin
- expandedTitleMarginStart
- expandedTitleMarginEnd
- expandedTitleMarginTop
- expandedTitleMarginBottom
- expandedTitleSize
- expandedTitleColor
- collapsedTitleSize
- collapsedTitleColor
- scrimVisibleHeightTrigger 背景出现的高度阈值
- scrimAnimationDuration 背景动画的持续时间
- contentScrim 背景,当滚动达到一定阈值,将会出现一个背景,此背景位于Toolbar之下,其他元素之上
- toolbarId
子控件属性
- layout_collapseMode pin-跟随滚动、parallax-视觉差效果
- layout_collapseParallaxMultiplier 视觉差效果系数
默认值
Toolbar的默认值可以查看src\main\resources\base\element\collapsing_toolbar.json
未实现功能
- 多行文本暂未测试
已于2021-9-27 18:37:17修改
赞
收藏
回复
相关推荐