如何在不同的屏幕尺寸和密度下保持 TextView 中的文本大小一致？

Question

我已经阅读了很多关于此的问答，但都没有奏效。它们很可能已经过时了。当然有一个简单的解决方案。我正在开发一个静态图片背景的 UI（尽管缺少密度桶，但它可以在所有设备上很好地缩放），TextViews 布局在背景上（参见图片）。

1. 看起来不错：

1. 看起来不太好：

我尝试过以多种不同方式布置文本，目前是从中心（有一个名为 centerdot 的不可见图像，因为我不确定如何布置距中心的像素距离）。我试过sp 和dp 他们都有同样的反应。我只希望我的文本与图像一致。如果可以解决问题，我可以使用按钮代替，但我也不确定如何做到这一点。

<?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"
    android:background="#000000"
    tools:context=".Main2Activity">

    <TextView
        android:id="@+id/mpView"
        android:layout_width="wrap_content"
        android:layout_height="0sp"
        android:layout_marginTop="208dp"
        android:layout_marginEnd="52dp"
        android:autoSizeTextType="none"
        android:onClick="mpRanges"
        android:text="@string/mp"
        android:textColor="#FFFFFF"
        android:textSize="30sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toStartOf="@+id/centreDot"
        app:layout_constraintTop_toTopOf="@+id/centreDot" />

Answer 1

如果您的图像在 dp 中未按特定大小固定，则无法使用固定 dp 值设置 TextView 位置。

假设您的图片宽度为 100 像素，并缩放至设备宽度。

在一台设备上显示宽度为 200dp，因此 100 像素的图像缩放为 200dp。 在另一台设备上，显示宽度为 400dp，因此 100px 缩放为 400dp。 现在让我们计算 dp 中的图像中心：在第一种情况下是 100dp，在第二种情况下是 200dp！这就是为什么你不能让它在所有设备上看起来都很好。

要解决此问题，您需要创建自定义 ViewGroup（可能是 FrameLayout 的子级）。在运行时，您将能够获得真实的图像大小并计算所有 TextView 相对于您的图像的位置。似乎您甚至不需要实现onMeasure（）和onDraw（），只需onLayout（）。

创建自定义视图的官方文档：https://developer.android.com/guide/topics/ui/custom-components。但也许你会通过谷歌搜索“android create custom viewgroup”或类似的东西找到更好的解释文章。

-

我仍然更喜欢我的第一个答案，但会添加另一个答案：也许您将能够通过 ConstraintLayout 中的百分比定位来做您需要的事情。您可以使用 layout_constraintGuide_percent 为图像上的每个点（垂直和水平）创建指南并将 TextView 粘贴到它。 0.2 和 0.5 - 将此值替换为图像中点中心的百分比位置。

<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">

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/gd1"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.2" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/gd2"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.5" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="@id/gd1"
    app:layout_constraintEnd_toEndOf="@id/gd2"
    app:layout_constraintStart_toStartOf="@id/gd2"
    app:layout_constraintTop_toTopOf="@id/gd1" />

Answer 2

您可以使用this library，这将在不同的屏幕尺寸下保持相同的字体大小。