Android ImageView 图片太大
Android ImageView Image too big
这是我的情况:
FrameLayout
with
/height
160dp(吐司的视图)
ImageView
在 FrameLayout
中应该显示 140dp 的图像
所以我认为 160dp 的 FrameLayout
是 1 英寸(2,54 厘米)。正确的?
我在 Illustrator 中的图像是 0.87 英寸(2.2 厘米),我以 320 ppi 导出它。最终像素大小为277px。
问题是我的手机显示的图像有大约 1 英寸(2.54 厘米)的圆形。那太大了!我的索尼 Xperia Z3 的密度大约是 430 ppi。
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="160dp"
android:layout_height="160dp"
android:id="@+id/too_much_items_toast_root"
android:background="@drawable/toast_background_white">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bamaki_zoom_in"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000"
android:layout_gravity="center"
android:textSize="15sp"
android:text="Zoomen"/>
</FrameLayout>
我哪里错了?或者我必须怎么做才能使图像适合布局,边缘有一些 space?
您可以将 FrameLayout
width/height 设置为 wrap_content
并提供填充 20dp
。这样您将在右侧有类似的框架。
像这样
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:id="@+id/too_much_items_toast_root"
android:background="@drawable/toast_background_white">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bamaki_zoom_in"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000"
android:layout_gravity="center"
android:textSize="15sp"
android:text="Zoomen"/>
</FrameLayout>
已更新:计算图像大小的正确方法
暂时忘记 DPI。在开始制作图像尺寸之前,首先要确定一个基本尺寸。该大小将转到可绘制对象的 MDPI 文件夹。然后HDPI文件夹做1.5倍,XHDPI文件夹做2倍,XXHDPI文件夹做3倍
这是我的情况:
FrameLayout
with
/height
160dp(吐司的视图)ImageView
在FrameLayout
中应该显示 140dp 的图像
所以我认为 160dp 的 FrameLayout
是 1 英寸(2,54 厘米)。正确的?
我在 Illustrator 中的图像是 0.87 英寸(2.2 厘米),我以 320 ppi 导出它。最终像素大小为277px。
问题是我的手机显示的图像有大约 1 英寸(2.54 厘米)的圆形。那太大了!我的索尼 Xperia Z3 的密度大约是 430 ppi。
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="160dp"
android:layout_height="160dp"
android:id="@+id/too_much_items_toast_root"
android:background="@drawable/toast_background_white">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bamaki_zoom_in"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000"
android:layout_gravity="center"
android:textSize="15sp"
android:text="Zoomen"/>
</FrameLayout>
我哪里错了?或者我必须怎么做才能使图像适合布局,边缘有一些 space?
您可以将 FrameLayout
width/height 设置为 wrap_content
并提供填充 20dp
。这样您将在右侧有类似的框架。
像这样
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:id="@+id/too_much_items_toast_root"
android:background="@drawable/toast_background_white">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bamaki_zoom_in"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000"
android:layout_gravity="center"
android:textSize="15sp"
android:text="Zoomen"/>
</FrameLayout>
已更新:计算图像大小的正确方法
暂时忘记 DPI。在开始制作图像尺寸之前,首先要确定一个基本尺寸。该大小将转到可绘制对象的 MDPI 文件夹。然后HDPI文件夹做1.5倍,XHDPI文件夹做2倍,XXHDPI文件夹做3倍