java - 图像视图无法在不同设备之间缩放
问题描述
我的活动结构如下:
使用适配器和 CardView 布局填充的回收视图。
CardView 由包含一个图像和两个文本框的约束布局组成。
Image 设置为从 URL 异步加载的可绘制对象。
这是一些代码:
图片加载:
try {
InputStream is = (InputStream) new URL(url).getContent();
Drawable d = Drawable.createFromStream(is, "src name");
Bitmap bitmap = ((BitmapDrawable) d).getBitmap();
Drawable temp = new BitmapDrawable(Bitmap.createScaledBitmap(bitmap, 300, 300, true));
return temp;
}
catch (Exception e) {
e.printStackTrace();
return null;
}
This is called later in a different function where vh is the ViewHolder:
vh.imageView.setImageDrawable(d);
卡片视图 XML:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<androidx.cardview.widget.CardView
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp" >
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/playlist_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/playlist_name"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
app:srcCompat="@mipmap/ic_launcher" />
etc...
回收站视图 XML:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".PlaylistChoose">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/playlist_view"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="1dp"
android:layout_marginEnd="1dp"
android:clickable="true"
android:focusable="auto"
android:foreground="?attr/selectableItemBackground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:listitem="@layout/custom_playlist_view" >
</androidx.recyclerview.widget.RecyclerView>
</androidx.constraintlayout.widget.ConstraintLayout>
目前,当我在虚拟设备上运行此代码时,图像看起来很好,但是当我在 Galaxy S7 Edge 上运行应用程序时,图像看起来非常小。然后我尝试将高度和宽度Drawable temp = new BitmapDrawable(Bitmap.createScaledBitmap(bitmap, 300, 300, true));
从 300 增加到大约 1400,然后应用程序在 S7 上运行良好,但虚拟设备现在显示的图像大得离谱。我有点困惑,因为图像位于设置为包装内容的约束布局内,并且两部手机的内容大小相同,所以我不明白为什么实际大小会有所不同......提前致谢!任何帮助表示赞赏:)
一些图片:
AVD 1400:https ://gyazo.com/1c4ab4ffb9266e191357dd3e0dcd2f5c
S7 1400:https ://gyazo.com/fd87f094bf7f23933543369b206b794a
解决方案
我有点困惑,因为图像位于设置为包装内容的约束布局内,并且两部手机的内容大小相同
不同手机的内容可能相同,但由于不同的手机在使用时屏幕尺寸不同,因此在所有设备wrap_content
上ImageView
看起来并不相同。
怎么修:
你会想做ConstraintLayout
这样的事情:
将此用作您的图像视图:
<ImageView
android:id="@+id/imageView2"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintWidth_percent="0.25"
app:layout_constraintHeight_percent="0.25"
android:scaleType="fitXY"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/your_image" />
现在,这将是其父项的宽度和高度的 25%。
您可以根据需要更改图像的大小,只需更改:
app:layout_constraintWidth_percent="0.25"
app:layout_constraintHeight_percent="0.25"
推荐阅读
- flutter - Json int 对 Flutter 进行双重解析
- elasticsearch - 在 Elasticsearch 中有两个节点的集群中启用安全性
- reactjs - 如何使用 react-hook-form 和 useContext 在 MultiStepForm 中存储值?
- opengl - 具有固定位置的 OpenGL 广告牌
- reactjs - 有没有办法在 Outsystems 中注销特定用户?
- r - 如何通过链接我的 csv 文件使我闪亮的应用程序对我的过滤器产生反应
- angular - 在多列中显示 formArray 输入
- c# - 使用属性名称将类转换为 EF 类
- graphql - Amplify GraphQL 订阅返回 null
- spring - 使用“in”运算符的 Spring JPA 查询问题