Android 中不同屏幕尺寸的一致 UI（XML 布局）

Question

我正在 Android Studio 中使用 XML 布局设计 UI。然而，UI 在不同设备上的呈现不一致，尤其是在移动设备和平板设备之间。用户界面在平板电脑上看起来不错，但在移动设备上显得扭曲或过大。我希望确保 UI 在所有屏幕尺寸上保持一致且具有视觉吸引力的外观。

我探索了使用尺寸资源（dimens.xml）来管理不同屏幕尺寸的尺寸调整。然而，我正在努力确定各种 UI 元素（例如 TextView、Switches 和 CardView）的适当大小，以确保跨设备的缩放比例一致。例如，我希望 TextView 中的文本大小在小型设备上为 14sp，在平板电脑上为 24sp。如何有效地确定所有 UI 元素的这些尺寸并一致地应用它们？

此外，我不确定每种设备类型是否都需要单独的尺寸文件。如果是这样，我应该如何创建和管理这些文件？

其他详细信息：

我使用的是 Android Studio 版本 Iguana | 2023.2.1.

我的目标是 API 级别 28 及以上。

我尝试过对 TextView 使用

android:autoSizeTextType

，但它似乎并没有始终如一地产生所需的结果。

请提供有关如何使用 XML 布局在 Android 中跨不同屏幕尺寸实现一致的 UI 尺寸调整的指南。

感谢您的协助。

Answer 1

您可以使用

ConstraintLayout

来实现此目的和/或创建不同的屏幕尺寸限定符。 https://developer.android.com/guide/topics/large-screens/support- different-screen-sizes