使用 collapseMode 在 ImageView 中调整滑动图像的大小
Resize glide image in ImageView with collapseMode
当我尝试加载 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>
您应该将 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>
当我尝试加载 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>
您应该将 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>