[英]How to use different images for different screen sizes android?
我已将不同尺寸的图片放在 mdpi、hdpi、xhdpi 等中,但我使用该图像的 ImageButtons 在每个设备上的大小似乎相同。
上次我这样做时,它只将图像放在文件夹中。 我不记得我到底做了什么。
我想在不同的屏幕上显示不同大小的图像。 我有
我的应用程序在所有这些按钮中显示相同大小的图像按钮。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
android:background="@color/bg"
tools:context="test.music.MainActivity">
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="10dip">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical">
<TextView
android:id="@+id/nowplayingname_txtv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:maxLines="1"
android:scrollbars="horizontal"
android:text="Ek Mulaqat-www.songsfarm.ifo"
android:textColor="@color/title"
android:textSize="20sp"
android:textStyle="bold" />
<TextView
android:id="@+id/npduration_txtv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:maxLines="1"
android:text="05:12"
android:textColor="@android:color/darker_gray" />
</LinearLayout>
<ImageButton
android:id="@+id/settings_imgbtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:backgroundTint="@color/bg"
android:paddingLeft="20dip"
android:paddingRight="20dip"
app:srcCompat="@mipmap/menu" />
</LinearLayout>
<ListView
android:id="@+id/songs_listv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_weight="1"
android:longClickable="true"
android:layout_below="@+id/linearLayout3"
android:layout_above="@+id/song_seekbar" />
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:orientation="horizontal"
android:paddingBottom="16dp">
<ImageButton
android:id="@+id/prev_imgbtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:backgroundTint="@color/bg"
app:srcCompat="@mipmap/prev" />
<Space
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
<ImageButton
android:id="@+id/pp_imgbtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:backgroundTint="@color/bg"
app:srcCompat="@mipmap/play" />
<Space
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
<ImageButton
android:id="@+id/next_imgbtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:backgroundTint="@color/bg"
app:srcCompat="@mipmap/next" />
</LinearLayout>
<SeekBar
android:id="@+id/song_seekbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/linearLayout2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:paddingBottom="16dip"
android:paddingTop="16dip" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_below="@+id/linearLayout"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:id="@+id/linearLayout3">
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#D3D3D3" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignTop="@+id/song_seekbar"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true">
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#D3D3D3" />
</LinearLayout>
</RelativeLayout>
注意:已经很长时间了,但事实证明将文件放在正确的文件夹中是有效的。 文件的名称应该完全相同。 您可以通过将图像与文件夹中已有的图像进行比较来验证图像的大小。
您可以使用dimenify插件。 它将为不同的屏幕创建标准的尺寸文件夹集,并为这些屏幕转换尺寸值。 这样,您的按钮将在每个屏幕上都有自己的大小:)
首先要解决的是“屏幕尺寸”的含义的混淆。 你的意思是物理尺寸(例如 4 英寸宽 vs 7 英寸宽)还是逻辑尺寸(例如 360dp 宽 vs 600dp 宽)?
根据我的经验,很多开发人员都关心物理尺寸,而没有意识到他们不应该如此。 显示的逻辑大小是您的应用程序向用户显示的一个更大的因素。
如果你想为不同的物理尺寸使用不同的图像,使用资源框架没有简单的方法来做到这一点。 您必须使用DisplayMetrics
对象的widthPixels
和xdpi
字段在 Java 中自己计算屏幕的物理尺寸,然后编写使用例如R.drawable.my_drawable_four_inches
或R.drawable.my_drawable_seven_inches
代码。
如果你想为不同的逻辑大小使用不同的图像,资源框架会帮助你。 您可以像这样设置可绘制资源:
res/
drawable/
my_drawable.png
drawable-sw600dp/
my_drawable.png
现在,在您的布局和 Java 代码中,您只需引用@drawable/my_drawable
或R.drawable.my_drawable
,系统就会自动为您选择合适的。 任何 600dp 或更宽的设备将获得第二个文件,任何 559dp 或更窄的设备将获得第一个文件。
最重要的是,您可能需要考虑为不同的屏幕分辨率提供同一图像的多个副本。 这有点超出本答案的范围,但您可以在此处阅读: https : //developer.android.com/guide/practices/screens_support.html#density-independence
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.