Textview поверх Imageview в фиксированной позиции - PullRequest
Новая
       17

Textview поверх Imageview в фиксированной позиции

1 голос
/ 15 апреля 2020

Я хотел бы поместить некоторые текстовые просмотры поверх изображения в фиксированной позиции. Я пытался использовать относительную, контрастную и рамочную компоновку, но то, что я вижу в предварительном просмотре, не совпадает на моем устройстве. Я пытался использовать px, sp и dp, но это не помогло. Текстовые просмотры должны оставаться точно на своих местах на каждом устройстве. Спасибо

экран устройства и android студийный макет enter image description here

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>

drawable

Ответы [ 2 ]

0 голосов
/ 15 апреля 2020

На вашем месте я бы использовал пользовательский вид, в котором я бы просто вычислял необходимые координаты. https://www.vogella.com/tutorials/AndroidCustomViews/article.html

0 голосов
/ 15 апреля 2020

вы можете попробовать высоту экрана programmati c для вашего текстового обзора в соответствии с вашим требованием для более детального ответа, сначала уточните свой вопрос.

...