ohos扩展包——CollapsingToolbarLayout、ViewPager

jacksky
发布于 2021-9-27 18:37
浏览
0收藏

ViewPager

与Android api保持一致

使用

注意:

  1. FragmentPagerAdapter使用FractionPagerAdapter替代,用法一致
  2. Fraction不能与Fraction嵌套使用,即ViewPager中的Fraction不能再包含Fraction,主要是由于FractionScheduler的commit方法不能几乎同时多次执行
  3. 由于ViewPager使用了ScrollApiHelper来滚动,因此子元素的getLeft、getRight函数的数值均会加上滚动距离,此时需要使用ViewPager.getChildLeft(Component)来获取child的left,通过left + width获取right。

未实现

  1. setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer, int pageLayerType)中reverseDrawingOrder与pageLayerType未实现
  2. ScrollingCache未实现
  3. Adapter的restoreState中ClassLoader一直为null
  4. 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修改
收藏
回复
举报
回复
    相关推荐