使用collapseMode调整ImageView中的滑动图像大小

时间:2017-07-18 09:45:38

标签: android imageview parallax android-glide

当我尝试加载ImageView视差时,我遇到Glide问题。

我的图片是1920x1080(示例:http://www.buildingagamingpcsite.com/wp-content/uploads/2016/07/Crysis3_Screenshot_TheHunter.jpg),我尝试加载高度为dp的图片视图:

 <ImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="320dp"
            android:nestedScrollingEnabled="false"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|enterAlways" />

我希望图片占用所有容器,但结果是: ImageView

滑行的代码是什么?

我的代码位于collapsingToolbarLayout中:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <!-- Collapser -->
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapser"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <!-- Image del detalle -->
        <ImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="320dp"
            android:nestedScrollingEnabled="false"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|enterAlways" />


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

1 个答案:

答案 0 :(得分:1)

您应该将android:scaleType属性添加到ImageView。

如果要按比例显示图片,可以使用centerCrop

如果您不想按比例显示图片,可以使用fitXY

你可以使用它。

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <!-- Collapser -->
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapser"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <!-- Image del detalle -->
        <ImageView
            android:id="@+id/image"
            android:src="@mipmap/bg_user"
            android:layout_width="match_parent"
            android:layout_height="320dp"
            android:nestedScrollingEnabled="false"
            android:scaleType="fitXY"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|enterAlways"/>

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