android – CollapsingToolbarLayout |滚动和布局问题

android – CollapsingToolbarLayout |滚动和布局问题,第1张

概述相关问题 CollapsingToolbarLayout | Scrolling and layout issues 2 题 我一直在使用Android支持设计库并成功实现了CoordinatorLayout,导致工具栏和TabLayout在滚动时滚动出视图.这非常有效,所以我想我会尝试使用新的CollapsingToolbarLayout. 在单独的活动中,我一直在实施CollapsingToo 相关问题

CollapsingToolbarLayout | Scrolling and layout issues 2

我一直在使用AndroID支持设计库并成功实现了CoordinatorLayout,导致工具栏和TabLayout在滚动时滚动出视图.这非常有效,所以我想我会尝试使用新的CollapsingToolbarLayout.

在单独的活动中,我一直在实施CollapsingToolbarLayout问题.正如他们所说,我很接近,但没有雪茄.

我想使用2个不同的片段

>标题图像(目前只是一个ImageVIEw)
>“可滚动”内容(实际上内容不是真正可滚动的,但我强迫它将长Lorem Ipsum文本进行测试)

我自己构建了这个布局的一个例子,但经过多次尝试后无法使它工作.最后,我发现了[在这里输入图像描述] [5]并修改它以达到我现在的目的

问题

注意:我不知道这些是否是由1件事(多米诺骨牌效应)引起的,或者这些是否是个体的.另外,我查看了很多相关问题,但似乎没有任何问题.

> Scrollable Content显示在header Image上方
>可滚动内容未锚定到标题图像的底部
>在滚动可滚动内容时,它将滚动标题图像看似随机的:

>恰到好处地跟随手指的速度(完美)
>太快,并通过移动我的手指1行文本的高度将屏幕上的标题图像设置为动画
>同样在向下滚动时,上面的2个效果会伴随第​​3个效果发生

>即时或近乎即时的“动画”,以全宽度显示标题图像

编辑:下面的问题在另一个问题中被问到!! The above had 1 simple fix

> CollapsingToolbarLayout不允许我展开工具栏以查看完整的标题图像

>它显示了大部分图像,但不是全部.顶部被切割,但底部是可见的.

>工具栏设置为Pin但滚动时隐藏

>只是标题图像应该消失

总体布局

<androID.support.design.Widget.CoordinatorLayout>    <androID.support.design.Widget.AppbarLayout>        <androID.support.design.Widget.CollapsingToolbarLayout>            <ImageVIEw/> <!-- Will be a fragment later -->            <androID.support.v7.Widget.Toolbar/>        </androID.support.design.Widget.CollapsingToolbarLayout>    </androID.support.design.Widget.AppbarLayout>    <androID.support.v4.Widget.nestedScrollVIEw>        <fragment/>  <!-- Not a scrolling fragment layout -->    </androID.support.v4.Widget.nestedScrollVIEw></androID.support.design.Widget.CoordinatorLayout>

Layout.xml

<androID.support.design.Widget.CoordinatorLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"    xmlns:app="http://schemas.androID.com/apk/res-auto"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:fitsSystemwindows="true">    <androID.support.design.Widget.AppbarLayout        androID:ID="@+ID/appbar"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        androID:theme="@style/themeOverlay.AppCompat.Dark.Actionbar">        <androID.support.design.Widget.CollapsingToolbarLayout            androID:ID="@+ID/collapsing_toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="wrap_content"            app:contentScrim="?attr/colorPrimary"            app:expandedTitlemarginEnd="16dp"            app:expandedTitlemarginStart="48dp"            app:layout_scrollFlags="scroll|enteralways">            <ImageVIEw                androID:ID="@+ID/header"                androID:layout_wIDth="match_parent"                androID:layout_height="wrap_content"                androID:background="@drawable/download"                androID:scaleType="centerCrop" />            <androID.support.v7.Widget.Toolbar                androID:ID="@+ID/anim_toolbar"                androID:layout_wIDth="match_parent"                androID:layout_height="?attr/actionbarSize"                app:layout_collapseMode="pin" />        </androID.support.design.Widget.CollapsingToolbarLayout>    </androID.support.design.Widget.AppbarLayout>    <androID.support.v4.Widget.nestedScrollVIEw        androID:layout_wIDth="fill_parent"        androID:layout_height="fill_parent"        androID:layout_below="@+ID/imageVIEw1">        <fragment            androID:ID="@+ID/detail"            androID:name="<package>.<fragment_name>"            androID:layout_wIDth="match_parent"            androID:layout_height="match_parent" />    </androID.support.v4.Widget.nestedScrollVIEw></androID.support.design.Widget.CoordinatorLayout>

1
2
3

4

6

解决方法 您需要将app:layout_behavior =“@ string / appbar_scrolling_vIEw_behavior”添加到您的nestedScrollVIEw中 – 这标记了应该位于AppbarLayout下方的类(因此,在CollapsingToolbarLayout下方). 总结

以上是内存溢出为你收集整理的android – CollapsingToolbarLayout |滚动和布局问题全部内容,希望文章能够帮你解决android – CollapsingToolbarLayout |滚动和布局问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1122369.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存