android – 为什么折叠工具栏标题在工具栏下?

android – 为什么折叠工具栏标题在工具栏下?,第1张

概述我的活动设计如下: <android.support.design.widget.AppBarLayout android:id="@+id/movie_detail_appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemW 我的活动设计如下:

<androID.support.design.Widget.AppbarLayout    androID:ID="@+ID/movIE_detail_appbar"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:fitsSystemwindows="true"    androID:theme="@style/themeOverlay.AppCompat.Dark.Actionbar">    <androID.support.design.Widget.CollapsingToolbarLayout        androID:ID="@+ID/movIE_detail_collapsing_toolbar"        androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        androID:fitsSystemwindows="true"        app:contentScrim="?attr/colorPrimary"        app:layout_scrollFlags="scroll|exitUntilCollapsed">        <ImageVIEw            androID:ID="@+ID/movIE_detail_header_image"            androID:layout_wIDth="match_parent"            androID:layout_height="250dp"            androID:fitsSystemwindows="true"            androID:scaleType="centerCrop"            app:layout_collapseMode="parallax" />        <linearLayout            androID:layout_wIDth="match_parent"            androID:layout_height="wrap_content"            androID:layout_gravity="bottom"            androID:background="#99000026"            androID:fitsSystemwindows="true"            androID:orIEntation="horizontal"            androID:weightSum="10">            <ImageVIEw                androID:ID="@+ID/detail_movIE_poster"                androID:layout_wIDth="90dp"                androID:layout_height="110dp"                androID:layout_margin="10dp"                androID:layout_weight="1"                androID:scaleType="centerInsIDe"                androID:src="@drawable/no_movIE_image" />            <linearLayout                androID:layout_wIDth="wrap_content"                androID:layout_height="match_parent"                androID:layout_weight="9"                androID:orIEntation="vertical">                <TextVIEw                    androID:ID="@+ID/detail_movIE_name"                    androID:layout_wIDth="match_parent"                    androID:layout_height="wrap_content"                    androID:ellipsize="marquee"                    androID:focusable="true"                    androID:focusableIntouchMode="true"                    androID:marqueeRepeatlimit="marquee_forever"                    androID:singleline="true"                    androID:textcolor="@androID:color/white"                    androID:textSize="26sp" />                <TextVIEw                    androID:ID="@+ID/detail_movIE_original_name"                    androID:layout_wIDth="match_parent"                    androID:layout_height="wrap_content"                    androID:textSize="16sp" />                <TextVIEw                    androID:ID="@+ID/detail_movIE_genres"                    androID:layout_wIDth="match_parent"                    androID:layout_height="wrap_content"                    androID:layout_margintop="10dp"                    androID:singleline="true"                    androID:textSize="14sp" />            </linearLayout>        </linearLayout>        <androID.support.v7.Widget.Toolbar            androID:ID="@+ID/movIE_detail_toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="65dp"            androID:fitsSystemwindows="true"            app:layout_collapseMode="pin"            app:popuptheme="@style/themeOverlay.AppCompat.Actionbar" />    </androID.support.design.Widget.CollapsingToolbarLayout>    <androID.support.design.Widget.TabLayout        androID:ID="@+ID/movIE_detail_tabs"        androID:layout_wIDth="match_parent"        androID:layout_height="?attr/actionbarSize"        androID:layout_gravity="bottom"        app:tabIndicatorcolor="@androID:color/white"        app:popuptheme="@style/themeOverlay.AppCompat.light"/>    </androID.support.design.Widget.AppbarLayout>    <androID.support.v4.vIEw.VIEwPager        androID:ID="@+ID/movIE_detail_vIEwpager"        androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        app:layout_behavior="@string/appbar_scrolling_vIEw_behavior" />

但设计就是这样发生的.折叠工具栏标题位于工具栏下方.

我还使用这个initCollapsingToolbar()来动态折叠工具栏标题

private voID initCollapsingToolbar() {    final CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findVIEwByID(R.ID.collapsing_toolbar);collapsingToolbar.setTitle(" ");AppbarLayout appbarLayout = (AppbarLayout) findVIEwByID(R.ID.appbar);appbarLayout.setExpanded(true);// hIDing & showing the Title when toolbar expanded & collapsedappbarLayout.addOnOffsetChangedListener(new AppbarLayout.OnOffsetChangedListener() {    boolean isShow = false;    int scrollRange = -1;    @OverrIDe    public voID onOffsetChanged(AppbarLayout appbarLayout,int verticalOffset) {        if (scrollRange == -1) {            scrollRange = appbarLayout.getTotalScrollRange();        }        if (scrollRange + verticalOffset == 0) {            Results results = intent.getParcelableExtra(Constant.PARCELABLE_MOVIE_Title);                collapsingToolbarLayout.setTitle(results.getTitle());            isShow = true;        } else if (isShow) {            collapsingToolbar.setTitle(" ");            isShow = false;        }       }    });}
解决方法 我解决了这个问题.我的解决方案在这里

首先,我将应用程序:TitleEnabled =“false”添加到CollapsingToolbar

<androID.support.design.Widget.CollapsingToolbarLayout    androID:ID="@+ID/movIE_detail_collapsing_toolbar"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:fitsSystemwindows="true"    app:contentScrim="?attr/colorPrimary"    app:layout_scrollFlags="scroll|exitUntilCollapsed"    app:TitleEnabled="false">

然后更改collapsingToolbar.setTitle(); to getSupportActionbar().setTitle();
 在initCollapsingToolbar()中

最后将app:Titlemargintop =“14dp”添加到工具栏

也许这个解决方案很糟糕,但这就是我所能做的.

总结

以上是内存溢出为你收集整理的android – 为什么折叠工具栏标题在工具栏下?全部内容,希望文章能够帮你解决android – 为什么折叠工具栏标题在工具栏下?所遇到的程序开发问题。

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

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

原文地址:https://54852.com/web/1122548.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存