繁体   English   中英

在折叠工具栏中时,ImageView消失了

[英]ImageView dissapearing when inside Collapsing Toolbar

在我的ProfileFragment.java我有一个折叠工具栏。 当我折叠工具栏时,会发生此问题(更容易在图像中显示):

请忽略右上角的那些对象

示例问题

个人资料图像被剪切。 消失的是android:id="@+id/picFotoPerfil3"

这是我的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:background="@color/colorWhite"
android:orientation="vertical"
xmlns:tools="http://schemas.android.com/tools">

<android.support.design.widget.AppBarLayout
    android:id="@+id/testeparabackground"
    android:layout_width="match_parent"
    android:layout_height="203dp"
    android:background="?attr/actionBarDivider">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/backgroundcollapsedtoolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="exitUntilCollapsed|scroll">

        <ImageView
            android:id="@+id/imgFotoCapa"
            android:layout_width="446dp"
            android:layout_height="203dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true"
            android:paddingLeft="-32dp"
            android:visibility="visible"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:srcCompat="@drawable/banner_profile"
            tools:layout_editor_absoluteY="1dp" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbarid"
            android:layout_width="match_parent"
            android:layout_height="110dp"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

        </android.support.v7.widget.Toolbar>

    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

<ImageView
    android:id="@+id/picFotoPerfil3"
    android:layout_width="117dp"
    android:layout_height="103dp"
    android:layout_alignParentBottom="true"

    android:layout_centerHorizontal="true"
    app:layout_anchor="@+id/testeparabackground"
    app:layout_anchorGravity="bottom|center"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@android:color/black" />
</android.support.design.widget.CoordinatorLayout>

将属性android:elevation="50dp"为您的imageview

使用在CollapsingToolbarLayout使用的layout_collapseParallaxMultiplier如下:

 <android.support.design.widget.CollapsingToolbarLayout ... >
<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:src="@drawable/random_pattern"
    android:scaleType="fitXY"
    app:layout_collapseMode="parallax"
    app:layout_collapseParallaxMultiplier="0.75"/>
 </android.support.design.widget.CollapsingToolbarLayout>

滚动时,我们看到以下内容-应用程序栏图像开始隐藏在内容下方且超出屏幕顶部边缘。 参数layout_collapseParallaxMultiplier确定将在底部内容下隐藏图像的哪一部分(以百分比为单位)。

因此,例如,将此参数设置为值1.0表示appbar图像的顶部边界绑定到屏幕的顶部边缘,并且在滚动时不会移动。 主要内容在图像的顶部。

如果未设置该参数,则该值等于0.5并且图像将上下同步重叠。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM