Textview 在 Imageview 上的固定位置答案

【问题标题】：Textview over Imageview in a fixed positionTextview 在 Imageview 上的固定位置
【发布时间】：2020-07-28 08:49:17
【问题描述】：

我想在固定位置的图像上放置一些文本视图。我尝试使用相对、约束和框架布局，但我在预览中看到的与我的设备不匹配。我尝试使用 px、sp 和 dp，但没有帮助。 Textviews 必须在每个设备上准确地保持在它们的位置。谢谢

屏幕设备和android studio布局

添加的xml代码：

 <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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".b_command">


<RadioGroup
    android:id="@+id/radioGroup_conn"
    android:layout_width="wrap_content"

    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:orientation="horizontal"
    app:layout_constraintBottom_toTopOf="@+id/plancia_img"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <RadioButton
        android:id="@+id/radioButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="USB" />

    <RadioButton
        android:id="@+id/radioButton2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Ethernet" />
</RadioGroup>

<RadioGroup
    android:id="@+id/Radiogroup_cmd"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:orientation="horizontal"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/radioGroup_conn">

    <RadioButton
        android:id="@+id/radioButton3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Note on/off" />

    <RadioButton
        android:id="@+id/radioButton4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Prog Change" />

    <RadioButton
        android:id="@+id/radioButton5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Ctrl Change" />
</RadioGroup>

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/plancia_layout"
    android:layout_width="363dp"
    android:layout_height="225dp"
    android:layout_marginTop="20dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/Radiogroup_cmd">

    <ImageView
        android:id="@+id/plancia_img"
        android:layout_width="363dp"
        android:layout_height="225dp"
        android:contentDescription="TODO"
        android:scaleType="centerCrop"
        android:src="@drawable/plancia"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_prev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="15dp"
        android:layout_marginTop="50dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:layout_marginTop="50dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_red"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="17dp"
        android:layout_marginTop="160dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_yellow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="102dp"
        android:layout_marginTop="160dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_play"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="265dp"
        android:layout_marginTop="160dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_f1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="165dp"
        android:layout_marginTop="75dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_f2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="215dp"
        android:layout_marginTop="75dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_f3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="265dp"
        android:layout_marginTop="75dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/val_f4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="315dp"
        android:layout_marginTop="75dp"
        android:background="#FFFFFF"
        android:backgroundTint="#F8F5F5"
        android:gravity="center"
        android:padding="2dp"
        android:text="@string/basic_value"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

【问题讨论】：

如果您使用正确的约束，您可以实现这一点，并且不需要任何 dp、sp 等，只需匹配约束即可在所有屏幕尺寸上工作
我添加了 XML 代码
@SimoneGiusti 你能把你的整个xml文件和drawables贴出来吗？
进入设置，有一个显示设置选项叫做屏幕尺寸/视图模式或者其他的，它给你三个选项小，中，大，请全部尝试，我是很确定你会得到其中一个想要的布局，如果你得到了，我会告诉你如何使它在所有视图模式下保持一致。
添加了完整的 XML 和可绘制对象

标签： java android xml android-layout

【解决方案1】：

您可以根据您的要求尝试对您的文本视图编程的屏幕高度，以获得更详细的答案，首先详细说明您的问题。

【讨论】：

【解决方案2】：

如果我是你，我会使用自定义视图，我会在其中简单地计算必要的坐标。 https://www.vogella.com/tutorials/AndroidCustomViews/article.html

【讨论】：