android - 不同尺寸设备上的ImageButton

Question

据我所知（如果我错了，请纠正我），如果您想在多种尺寸的设备上使用看起来不错（带有良好的抗锯齿功能）的图形按钮，则必须创建一组不同尺寸的图像并将图像放置在不同目录的集合中。我正在寻找一个工作示例，该示例准确显示要使用的目录集以及这些目录的相对大小。

顺便说一句，当我说ImageButtons时，我的意思是包含一个图像而不是文本-因此9patch图像将无法解决问题。

编辑：让我特别困惑的一件事是，我经常看到人们采用不同屏幕密度的示例（例如chuck258的答案），但是如果您按宽度和高度调整了密度的按钮，则按钮占用的屏幕可能会以各种不受控制的方式变化，如果您具有高密度但小尺寸的屏幕，则按钮将过大。

编辑：在我上次编辑之后，也许我应该对我想要的内容更具体...让我们说我想要一个正方形的ImageButton，它大约是10％（我将接受从8％到13％的变化） （仅纵向）屏幕的宽度...我要制作什么尺寸的图像，它们将位于什么目录中？

编辑：我收到一条消息，如果您有更多的屏幕空间，那么标准要做的就是让图标占据屏幕的一小部分。大概是因为允许图标变得非常大，使它们看起来像玩具似的或幼稚的。但事实是，我正在为儿童制作游戏应用程序！所以这正是我想要的。

Answer 1

首先，您需要了解屏幕密度和屏幕尺寸之间的区别。

屏幕尺寸是物理尺寸，以屏幕的对角线为单位。 Android将所有实际屏幕尺寸分为四个通用尺寸：小，普通，大和特大。
手机的屏幕尺寸可能为4.9英寸，这被认为是正常的； Nexus 7（2012年的旧手机和2013年的新手机）的屏幕尺寸均为7英寸（大），Nexus 10的屏幕尺寸为10“，这是特大号。

另一方面，屏幕密度是屏幕物理区域内的像素数量。通常称为dpi（每英寸点数）。例如，与“正常”或“高”密度屏幕相比，“低”密度屏幕在给定的物理区域内具有较少的像素。
为简单起见，Android将所有实际屏幕密度分为四个广义的密度：低，中，高和超高（加上新的xxhdpi）。
旧的Nexus 7的屏幕尺寸与新的Nexus 7相同，但是旧的Nexus 7的分辨率为1280x800，即216 dpi或hdpi，而新的Nexus 7的分辨率为1920×1200像素，即323 dpi或xhdpi（更多像素）在同一物理区域内表示像素密度更高（dpi）。

如果屏幕具有相同的屏幕密度，则可绘制文件夹中的图像在小型，常规，大型和x大型屏幕上将具有相同的物理尺寸。由于屏幕尺寸不同，图像将占据屏幕的不同部分。在小屏幕上，它将占比大屏幕更大的百分比。

如果同一图像位于屏幕尺寸文件夹之一（drawable-small，drawable-normal，drawable-large，drawable-xlarge）中，则什么都不会改变，但是您可以决定将较大版本的图像放入drawable-xlarge。在这种情况下，Nexus 10上的图像会比新的Nexus 7（均具有xhdpi像素密度）大。

如果屏幕具有不同的像素密度，则同一张图像看起来会有所不同。与mdpi屏幕相比，图像的尺寸是xhdpi屏幕的一半（因为xhdpi屏幕的像素密度大约是其两倍）：
http://developer.android.com/images/screens_support/density-test-bad.png

如果是图标，通常希望它在不同的屏幕上具有相同的大小。这就是为什么mdpi屏幕的菜单图标为32x32，xhdpi屏幕的菜单图标为64x64，两者均位于相应的drawable文件夹中（drawable-mdpi和drawable-xhdpi）：
http://developer.android.com/images/screens_support/density-test-good.png

现在何时使用像素密度，何时使用屏幕尺寸可绘制文件夹？

如果图像在具有不同屏幕密度的屏幕上应该具有相同的物理尺寸（通常是您想要的），则使用像素密度文件夹。如果您在新旧Nexus 7上使用相同的图像，则即使屏幕的物理尺寸相同，尺寸也会有所不同，这不是您想要的。因此，使用依赖于密度的图像势在必行。

如果您希望图像在小，常规，大和超大屏幕上具有不同的物理尺寸，则使用屏幕尺寸文件夹。如果我在主屏幕上有一个带有6个图标的网格导航，并且我不想在大屏幕上使用多余的屏幕空间（例如，通过添加更多图标），那么我将为小屏幕提供一个小图像大屏幕的大图像。
如前所述，您仍然必须在与屏幕尺寸有关的图像之上提供与密度有关的图像（例如，旧的Nexus 7与新的Nexus 7）。

因此，从理论上讲，您将需要16个不同的资源来处理同一张图像（4个屏幕密度，4个屏幕密度或具有新的xxhdpi密度，甚至5个密度-> 20个资源）。
现在，当然没有人想要创建那么多资源，尤其是当您有很多图像时。
一种方法是按照有人建议使用仪表板：
http://developer.android.com/about/dashboards/index.html#Screens
并选择最常用的组合，即小/ ldpi，普通/ mdpi，普通/ hdpi和普通/ xhdpi（占所有设备的81％）。这样，您可以将资源减少到仅4个。
另一种方法是提供用于屏幕大小或屏幕密度的资源（再次仅需要4个资源），然后在代码中进行一些缩放。

如果您具有依赖于屏幕密度的资源，则可以使用例如https://stackoverflow.com/a/5016350/534471可以按比例缩小图像（从不放大）。

如果您具有依赖于屏幕尺寸的资源，则可以使用此http://developer.android.com/reference/android/util/DisplayMetrics.html
缩小图像。

这里有一个很好的例子（包括源代码）：
https://www.captechconsulting.com/blog/steven-byle/understanding-density-independence-android

现在针对您的特定问题，您可以在可绘制文件夹中使用一个通用图像。该图像的大小应确保不必放大（因为这看起来很丑）。您可以在布局中定义按钮，如下所示：

<ImageButton
    android:id="@+id/myButton"
    android:src="@drawable/myDrawable"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
/>

结合这段代码，按钮可以缩放到屏幕的10％：

Display display = getWindowManager().getDefaultDisplay();
Point screenSize = new Point();
display.getRealSize(screenSize);
int size = Math.min(screenSize.x, screenSize.y);
int buttonSize = Math.round(size * 0.1f);
ImageButton button = (ImageButton) findViewById(R.id.myButton);
button.setMaxWidth(buttonSize);
button.setMaxHeight(buttonSize);

原始图像应该有多大？
Nexus 10目前可能是所有Android设备中最高的屏幕分辨率。 1600像素将在其xhdpi显示屏上转换为3200密度无关的像素。 3200的10％是320。如果您使用320x320的图像，那么在所有现有设备上都会得到很好的效果。
这种方法有一个陷阱。
320x320很大（可能是24/32位色深），因此您可能会遇到内存问题。如果在与密度相关的可绘制文件夹中提供相同的资源，则可以降低hdpi，mdpi和ldpi设备的内存占用量：


drawable-xhdpi：320x320
drawable-hdpi：240x240
drawable-mdpi：160x160
drawable-ldpi：120x120


屏幕大小的可绘制文件夹可用于进一步改善此功能（较小的屏幕需要较小的图像），但是您必须如上所述提供16或20个资源。最后，在一方面的内存占用量/速度与在另一侧创建资源/ apk大小的可维护性/时间之间进行权衡。