簡體   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