如何在不损失图像质量的情况下将图像完美地放入 imageview android
How to fit image into the imageview perfectly without losing image quality android
我试图在 imageView
中完美地匹配图像,但是当我将 centerCrop
与 adjustViewBounds
一起使用时图像显示不正确,但是当我将 fitXY
与 [= 一起使用时15=] 图像非常适合 imageView 但现在图像质量变得最差,我的 imageView
height
和 width
是 match_parent
是的我也使用 fitCenter
但没用
截图//目前我正在使用 centerCrop
和 adjustViewBounds
这是我的代码
<LinearLayout 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:layout_centerInParent="true"
android:orientation="vertical"
android:weightSum="5">
<com.google.android.material.card.MaterialCardView
android:id="@+id/Card_View"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="5dp"
android:layout_marginEnd="5dp"
android:layout_weight="4"
app:shapeAppearanceOverlay="@style/RoundedCornerHome">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.imageview.ShapeableImageView
android:id="@+id/imagePostHome"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:adjustViewBounds="true"
android:contentDescription="@string/todo"
app:shapeAppearanceOverlay="@style/RoundedCornerHome" />
<include
android:id="@+id/imagepost_buttons"
layout="@layout/imagepost_buttons" />
</FrameLayout>
</com.google.android.material.card.MaterialCardView>
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="5dp"
android:layout_marginTop="10dp"
android:layout_marginEnd="5dp"
android:layout_marginBottom="10dp"
android:layout_weight="1"
android:background="@color/grey"
app:cardBackgroundColor="@color/grey"
app:shapeAppearanceOverlay="@style/RoundedCornerHome">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/material_cardview_snipet"
layout="@layout/material_cardview_snipet" />
</FrameLayout>
</com.google.android.material.card.MaterialCardView>
</LinearLayout>
对于那些想知道什么是布局的人material_cardview_snipet,这里是它的代码
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top|right"
android:layout_marginTop="5dp"
android:layout_marginEnd="25dp"
android:src="@drawable/ic_baseline_attach_money_24"
tools:ignore="RtlHardcoded"
android:contentDescription="@string/todo" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Ian Somerhalder"
android:textColor="@color/white"
android:layout_marginTop="5dp"
android:textSize="20sp"
android:textStyle="bold"
tools:ignore="SmallSp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="left|center_vertical"
tools:ignore="RtlHardcoded"
android:textSize="17sp"
android:layout_marginLeft="10dp"
android:textColor="@color/white"
android:text=".............."/>
</FrameLayout>
如果您要从服务器或什至从可绘制对象中获取图像,请使用 glide 库 将图像设置为图像视图。
Google 也 recommends the Glide library 处理 android 中的图像。
非常容易快速理解。参见 Doc
您可以在 firebase 中调整图片大小,无需为其编写代码
https://firebase.google.com/products/extensions/storage-resize-images
您可以使用这个很酷的 firebase 扩展。它将上传到云存储的图像调整为指定大小,并可选择保留或删除原始图像。
它需要一个 blaze 计划,为此请使用它的试用版,或者如果您是学生,您可以使用您的 .edu id 并从 google.
获取它
如果您的图片尺寸我的意思是高度和宽度比例与您的图片视图高度和宽度比例不匹配,滑动将使图片适合您的图片视图的中心,并且如果比例不匹配,则图片的一部分会被剪切不匹配。
如果您强制图像适合图像视图,即使比例不匹配,它也会被压缩以适应 x 轴或 y 轴。所以你的图片看起来不像原来的。
所以像这样使用你的图像视图属性
android:layout_width="match_parent"
android:layout_height="wrap_content"
此处宽度固定,高度根据图片高度计算
我试图在 imageView
中完美地匹配图像,但是当我将 centerCrop
与 adjustViewBounds
一起使用时图像显示不正确,但是当我将 fitXY
与 [= 一起使用时15=] 图像非常适合 imageView 但现在图像质量变得最差,我的 imageView
height
和 width
是 match_parent
是的我也使用 fitCenter
但没用
截图//目前我正在使用 centerCrop
和 adjustViewBounds
这是我的代码
<LinearLayout 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:layout_centerInParent="true"
android:orientation="vertical"
android:weightSum="5">
<com.google.android.material.card.MaterialCardView
android:id="@+id/Card_View"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="5dp"
android:layout_marginEnd="5dp"
android:layout_weight="4"
app:shapeAppearanceOverlay="@style/RoundedCornerHome">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.imageview.ShapeableImageView
android:id="@+id/imagePostHome"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:adjustViewBounds="true"
android:contentDescription="@string/todo"
app:shapeAppearanceOverlay="@style/RoundedCornerHome" />
<include
android:id="@+id/imagepost_buttons"
layout="@layout/imagepost_buttons" />
</FrameLayout>
</com.google.android.material.card.MaterialCardView>
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="5dp"
android:layout_marginTop="10dp"
android:layout_marginEnd="5dp"
android:layout_marginBottom="10dp"
android:layout_weight="1"
android:background="@color/grey"
app:cardBackgroundColor="@color/grey"
app:shapeAppearanceOverlay="@style/RoundedCornerHome">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/material_cardview_snipet"
layout="@layout/material_cardview_snipet" />
</FrameLayout>
</com.google.android.material.card.MaterialCardView>
</LinearLayout>
对于那些想知道什么是布局的人material_cardview_snipet,这里是它的代码
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top|right"
android:layout_marginTop="5dp"
android:layout_marginEnd="25dp"
android:src="@drawable/ic_baseline_attach_money_24"
tools:ignore="RtlHardcoded"
android:contentDescription="@string/todo" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Ian Somerhalder"
android:textColor="@color/white"
android:layout_marginTop="5dp"
android:textSize="20sp"
android:textStyle="bold"
tools:ignore="SmallSp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="left|center_vertical"
tools:ignore="RtlHardcoded"
android:textSize="17sp"
android:layout_marginLeft="10dp"
android:textColor="@color/white"
android:text=".............."/>
</FrameLayout>
如果您要从服务器或什至从可绘制对象中获取图像,请使用 glide 库 将图像设置为图像视图。 Google 也 recommends the Glide library 处理 android 中的图像。 非常容易快速理解。参见 Doc
您可以在 firebase 中调整图片大小,无需为其编写代码 https://firebase.google.com/products/extensions/storage-resize-images 您可以使用这个很酷的 firebase 扩展。它将上传到云存储的图像调整为指定大小,并可选择保留或删除原始图像。
它需要一个 blaze 计划,为此请使用它的试用版,或者如果您是学生,您可以使用您的 .edu id 并从 google.
获取它如果您的图片尺寸我的意思是高度和宽度比例与您的图片视图高度和宽度比例不匹配,滑动将使图片适合您的图片视图的中心,并且如果比例不匹配,则图片的一部分会被剪切不匹配。 如果您强制图像适合图像视图,即使比例不匹配,它也会被压缩以适应 x 轴或 y 轴。所以你的图片看起来不像原来的。
所以像这样使用你的图像视图属性 android:layout_width="match_parent" android:layout_height="wrap_content"
此处宽度固定,高度根据图片高度计算