Как правильно добавить поля к этим представлениям?

#android #android-layout #android-xml

Вопрос:

У меня проблема. Я хочу добавить фон к группе кнопок и текстовых представлений. дело в том, что я хочу, чтобы фон имел преимущество над входными данными, чтобы он не выглядел плохо.
Я не могу создать представления внутри макета контейнера, а затем добавить к нему фон, потому что мне нужны представления в том же макете, что и все остальные представления. Итак, я сделал вид с фоном и ограничил его желаемыми видами.
Как я могу добавить поля к этому фону поверх представлений? без добавления полей вручную к каждому из представлений. Может быть, есть другой вариант, кроме создания представления с фоном?

как это выглядит
введите описание изображения здесь

как я этого хочу
введите описание изображения здесь

заранее спасибо

Правка: Забыл добавить код. Вот он:

 <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="12dp">

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@drawable/edit_add_card_group_shape"
    app:layout_constraintStart_toStartOf="@id/tvContact"
    app:layout_constraintEnd_toEndOf="@id/etPhoneNumber"
    app:layout_constraintTop_toTopOf="@id/btAreaCode"
    app:layout_constraintBottom_toBottomOf="@id/btAddPhone" />

<com.google.android.material.textfield.TextInputEditText
    android:id="@ id/etPhoneNumber"
    style="@style/Widget.App.EditText.TextSize"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:autofillHints=""
    android:hint="@string/phone_number"
    android:inputType="phone"
    android:layout_marginEnd="10dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="@ id/guideline3"
    app:layout_constraintTop_toBottomOf="@id/tvContact" />

<com.google.android.material.button.MaterialButton
    android:id="@ id/btAreaCode"
    style="@style/Widget.App.Button.TextButton.RegularColor"
    android:layout_width="0dp"
    android:layout_marginStart="10dp"
    android:layout_marginTop="10dp"
    android:layout_height="wrap_content"
    android:drawableEnd="@drawable/ic_baseline_arrow_forward_ios_24"
    android:text="@string/phone"
    android:textAlignment="textStart"
    app:layout_constraintBottom_toBottomOf="@id/etPhoneNumber"
    app:layout_constraintEnd_toStartOf="@ id/etPhoneNumber"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@ id/tvContact"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="@id/etPhoneNumber" />

<com.google.android.material.button.MaterialButton
    android:id="@ id/btAddPhone"
    style="@style/Widget.App.Button.TextButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/add_phone_number"
    android:textAlignment="textStart"
    app:layout_constraintEnd_toEndOf="parent"
    android:layout_marginBottom="10dp"
    android:layout_marginStart="10dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/etPhoneNumber2" />

</androidx.constraintlayout.widget.ConstraintLayout>
 

Комментарии:

1. Поделитесь своим кодом

2. Эй, я отредактировал этот пост

Ответ №1:

Используйте Android:заполнение в вашем ограничении

 <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="12dp"
android:padding="12dp">

</androidx.constraintlayout.widget.ConstraintLayout>
 

Комментарии:

1. Спасибо, что ответили! Я попробую это сделать. Но разве это не сделало бы то же самое, что и сейчас? Я имею в виду, что все равно в моем представлении не будет поля над кнопками и редактированием текста