Textview 超過 Imageview 固定 position

Question

我想在固定的 position 中的圖像上放置一些文本視圖。 我嘗試使用相對、約束和框架布局，但我在預覽中看到的內容與我的設備不匹配。 我嘗試使用 px、sp 和 dp，但沒有幫助。 Textviews 必須在每台設備上完全保持在其 position 中。 謝謝

屏幕設備和android演播室布局

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>

Answer 1

您可以根據您的要求嘗試將屏幕高度編程到您的 textview 以獲得更詳細的答案，首先詳細說明您的問題。

Answer 2

如果我是你，我會使用自定義視圖，我會在其中簡單地計算必要的坐標。 https://www.vogella.com/tutorials/AndroidCustomViews/article.html