1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/thoseyears-ohos-extension

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
CollapsingToolbarLayout.md 1.8 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
朱帆 Отправлено 24.07.2021 05:28 76ece4d

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

未实现功能

  • 多行文本暂未测试

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/thoseyears-ohos-extension.git
git@api.gitlife.ru:oschina-mirror/thoseyears-ohos-extension.git
oschina-mirror
thoseyears-ohos-extension
thoseyears-ohos-extension
master