Android工具栏collapseMode问题

Android工具栏collapseMode问题,第1张

概述我有一个问题是“带有标题文本的工具栏”在CollapsingToolbarLayout中向上滚动时不折叠. 我尝试了一些调整,使用app:layout_collapseMode =“none”作为我的android.support.v7.widget.Toolbar中的属性,但它不起作用.也许我的布局有问题. 以下是我想要实现的目标. 但是当我滚动到顶部时,工具栏也会折叠,并且tabBar也会向内 我有一个问题是“带有标题文本的工具栏”在CollapsingToolbarLayout中向上滚动时不折叠.

我尝试了一些调整,使用app:layout_collapseMode =“none”作为我的android.support.v7.Widget.Toolbar中的属性,但它不起作用.也许我的布局有问题.

以下是我想要实现的目标.

但是当我滚动到顶部时,工具栏也会折叠,并且tabbar也会向内滚动,并变得不可见.以下就是我现在所拥有的.

这是我的布局代码

<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.support.design.Widget.AppbarLayout        androID:ID="@+ID/appbar"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content">        <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:layout_scrollFlags="scroll|enteralways">            <FrameLayout                androID:layout_wIDth="match_parent"                androID:layout_height="250dp"                app:layout_collapseMode="parallax"                app:layout_collapseParallaxMultiplIEr="0.7">                <ImageVIEw                    androID:ID="@+ID/backdrop"                    androID:layout_wIDth="match_parent"                    androID:layout_height="match_parent"                    androID:scaleType="centerCrop" />                <VIEw                    androID:layout_wIDth="match_parent"                    androID:layout_height="match_parent"                    androID:background="#20000000" />            </FrameLayout>            <androID.support.v7.Widget.Toolbar                androID:ID="@+ID/toolbar"                app:popuptheme="@style/themeOverlay.AppCompat.light"                androID:layout_wIDth="match_parent"                androID:layout_height="?attr/actionbarSize"                app:layout_collapseMode="none"                >                <TextVIEw                    androID:layout_wIDth="wrap_content"                    androID:layout_height="wrap_content"                    androID:text="Application Title"                    androID:textcolor="#fff"                    androID:textSize="18sp" />            </androID.support.v7.Widget.Toolbar>        </androID.support.design.Widget.CollapsingToolbarLayout>        <androID.support.design.Widget.CollapsingToolbarLayout            androID:layout_wIDth="match_parent"            androID:layout_height="wrap_content"            app:layout_scrollFlags="scroll|enteralways">            <androID.support.design.Widget.TabLayout                androID:ID="@+ID/detail_tabs"                androID:layout_wIDth="match_parent"                androID:layout_height="60dp"                app:layout_collapseMode="pin"                androID:background="#00000000"                app:tabSelectedTextcolor="#3498db"                app:tabTextcolor="#000" />            />        </androID.support.design.Widget.CollapsingToolbarLayout>    </androID.support.design.Widget.AppbarLayout>    <androID.support.v4.vIEw.VIEwPager        androID:ID="@+ID/vIEwpager"        androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        androID:background="#333"        app:layout_behavior="@string/appbar_scrolling_vIEw_behavior" /></androID.support.design.Widget.CoordinatorLayout>

依赖

dependencIEs {    compile filetree(dir: 'libs',include: ['*.jar'])    compile "com.androID.support:appcompat-v7:22.2.1"    compile "com.androID.support:support-annotations:22.2.1"    compile "com.androID.support:design:22.2.1"    compile 'com.androID.support:recyclervIEw-v7:22.2.1'    compile 'com.androID.support:cardvIEw-v7:22.2.1'}
解决方法 试试这个…

你必须在CollapsingToolbarLayout中使用app:layout_scrollFlags =“scroll | exitUntilCollapsed”而不是app:layout_scrollFlags =“scroll | enteralways”

并在工具栏中使用app:layout_collapseMode =“pin”

<androID.support.design.Widget.CollapsingToolbarLayout        androID:ID="@+ID/collapsing_toolbar"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        app:layout_scrollFlags="scroll|exitUntilCollapsed"        app:contentScrim="?attr/colorPrimary" >        <FrameLayout            androID:layout_wIDth="match_parent"            androID:layout_height="250dp"            app:layout_collapseMode="parallax"            app:layout_collapseParallaxMultiplIEr="0.7" >            <ImageVIEw                androID:ID="@+ID/backdrop"                androID:layout_wIDth="match_parent"                androID:layout_height="match_parent"                androID:scaleType="centerCrop" />            <VIEw                androID:layout_wIDth="match_parent"                androID:layout_height="match_parent"                androID:background="#20000000" />        </FrameLayout>        <androID.support.v7.Widget.Toolbar            androID:ID="@+ID/toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="?attr/actionbarSize"            app:layout_collapseMode="pin"            app:popuptheme="@style/themeOverlay.AppCompat.light" >            <TextVIEw                androID:layout_wIDth="wrap_content"                androID:layout_height="wrap_content"                androID:text="Application Title"                androID:textcolor="#fff"                androID:textSize="18sp" />        </androID.support.v7.Widget.Toolbar>    </androID.support.design.Widget.CollapsingToolbarLayout>
总结

以上是内存溢出为你收集整理的Android工具栏collapseMode问题全部内容,希望文章能够帮你解决Android工具栏collapseMode问题所遇到的程序开发问题。

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存