Не могу понять зависимости макета в Android - PullRequest
Новая
       25

Не могу понять зависимости макета в Android

0 голосов
/ 02 октября 2018

Мне нужно создать макет, который должен выглядеть следующим образом:

  1. Содержимое TextView должно быть перенесено так, чтобы ImageView всегда было в начале текста.
  2. TextView не должен перекрываться с другими представлениями независимо от содержимого.
  3. ImageView может иметь видимость GONE во время выполнения, поэтому TextView должен использовать пробел ImageView.

Мой текущий макет: 

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="@android:color/white">

    <TextView
        android:id="@+id/pref_list_item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
        android:layout_marginStart="16dp"
        android:fontFamily="sans-serif"
        android:text="Long long"
        android:textSize="@dimen/preference_text_size" />

    <ImageView
        android:id="@+id/pref_list_item_help_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/pref_list_item_title"
        android:layout_centerVertical="true"
        android:layout_margin="8dp"
        android:src="@drawable/ic_help_primary_color"
        android:contentDescription="@string/help" />

    <Switch
        android:id="@+id/pref_list_item_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="16dp" />

</RelativeLayout>

ConstraintLayout - вариант, но я не могу создать ограничения, которые удовлетворяют моим потребностям.

1 Ответ

0 голосов
/ 02 октября 2018

Используя ConstraintLayout, вы можете сделать это следующим образом: 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/pref_list_item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:fontFamily="sans-serif"
        android:text="Long long asdasd asd asd aasdadasd"
        android:textSize="@dimen/preference_text_size"
        app:layout_constrainedWidth="true"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/pref_list_item_help_button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <ImageView
        android:id="@+id/pref_list_item_help_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/pref_list_item_title"
        android:layout_margin="8dp"
        android:src="@drawable/ic_help_primary_color"
        android:contentDescription="@string/help"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/pref_list_item_switch"
        app:layout_constraintStart_toEndOf="@id/pref_list_item_title"
        app:layout_constraintTop_toTopOf="parent"/>

    <Switch
        android:id="@+id/pref_list_item_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

TextView и ImageView объединены вместе в стиле packed и горизонтальном смещении 0, чтобы сохранить ихвыровнен влево.app:layout_constrainedWidth="true" должен быть установлен для TextView, чтобы он не перекрывался с другими Views в случае, если текст становится слишком длинным.Все это также хорошо работает, когда вы хотите переключить ImageView's видимость.

...