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

时间:2018-06-26 15:36:26

标签: java android

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

请忽略右上角的那些对象

example problem

个人资料图像被剪切。是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>

2 个答案:

答案 0 :(得分:1)

将属性android:elevation="50dp"设置为您的图片视图

答案 1 :(得分:0)

使用layout_collapseParallaxMultiplier中使用的CollapsingToolbarLayout如下:

 <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,并且图像将上下重叠同步。