CollapsingToolbarLayout - 内部视图隐藏和剪切如果屏幕高度更高

时间:2016-05-23 12:17:57

标签: android image android-collapsingtoolbarlayout

我将在我的App视图中使用CollapsingToolbarLayout。 我将ImageView放在其中,并通过图像填充它,如下图所示。

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/annonce.main.coordinator"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:ignore="RtlHardcoded" >

<android.support.design.widget.AppBarLayout
    android:id="@+id/flexible.example.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/collapsing"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways"
        android:fitsSystemWindows="true"
        app:contentScrim="?colorPrimary"
        app:expandedTitleMarginBottom="94dp"
        app:expandedTitleTextAppearance="@style/CollapsingTextAppearance.Inverse" >

        <ImageView
            android:id="@+id/post_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_collapseMode="parallax"
            android:adjustViewBounds="true"
            android:fitsSystemWindows="true"
            android:scaleType="fitXY" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/flexible.example.toolbar"
            style="@style/ToolBarWithNavigationBack"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            android:background="@null" />
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

问题

正如您在图像中看到的,当图像高度大于屏幕高度时! CollapsingToolbarLayout充当css属性overFlow:hidden并剪切图像

Actual Size Result

0 个答案:

没有答案