web-dev-qa-db-ja.com

ConstraintLayout：行のすべてのビューの高さを最も高いビューと一致するように設定します

私はConstraintLayout（バージョン1.0.2）を利用して、2つの横並びビューの高さを最も高いビューと一致するように設定しようとしています。これはRecyclerViewのViewHolderとして機能し、各TextViewは任意の長さのテキストを取得します...

それぞれをwrap_contentに設定すると、短い方が縮小されます。両方を0dp（match_contraints）に設定すると、どちらも高さが0になります。

これが設定です：

<?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"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_marginLeft="2dp"
    Android:layout_marginRight="2dp"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content">

    <TextView
        Android:id="@+id/id1"
        Android:layout_width="60dp"
        Android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/id2"/>

    <TextView
        Android:id="@+id/id2"
        Android:layout_width="0dp"
        Android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/id1"
        app:layout_constraintEnd_toEndOf="parent"/>

</Android.support.constraint.ConstraintLayout>

これはバグだと思います。「0dp」は実際の0 dpよりもmatch_parentのように振る舞うはずです。

ちなみに、iOSでは、（ビューの高さを親の上部と下部に一致するように設定する）同等の自動レイアウトルールにより、期待どおりの結果が生成されます。

もちろん、これはLinearLayoutを使用するとかなり簡単ですが、このレイアウトはより大きなレイアウトで役割を果たすので、ビューの階層をトリミングしたいと思います...

androidandroid-constraintlayout
19
jazzgil

将来的に誰かが答えを探している場合に備えて答える。

ConstraintLayout が導入されました バリア がv1.1に追加され、質問

上記の機能は、以下のxmlを使用して実現できます。

<?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"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_marginLeft="2dp"
    Android:layout_marginRight="2dp"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content">

  <TextView
      Android:id="@+id/id1"
      Android:layout_width="60dp"
      Android:layout_height="wrap_content"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintBottom_toBottomOf="@+id/barrier"
      app:layout_constraintVertical_bias="0.0"
      Android:text="@string/id1_text" />

  <TextView
      Android:id="@+id/id2"
      Android:layout_width="0dp"
      Android:layout_height="wrap_content"
      app:layout_constraintLeft_toRightOf="@+id/id1"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintBottom_toBottomOf="@+id/barrier"
      app:layout_constraintVertical_bias="0.0"
      Android:text="@string/id2_text" />

  <Android.support.constraint.Barrier
      Android:id="@+id/barrier"
      Android:layout_width="wrap_content"
      Android:layout_height="wrap_content"
      app:barrierDirection="bottom"
      app:constraint_referenced_ids="id1,id2" />

</Android.support.constraint.ConstraintLayout>
4
PunitD

これは役立つかもしれません。

<Android.support.constraint.ConstraintLayout
    Android:id="@+id/activity_main"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:paddingBottom="@dimen/activity_vertical_margin"
    Android:paddingLeft="@dimen/activity_horizontal_margin"
    Android:paddingRight="@dimen/activity_horizontal_margin"
    Android:paddingTop="@dimen/activity_vertical_margin">

    <TextView
        Android:id="@+id/tv_1"
        Android:layout_width="150dp"
        Android:layout_height="match_parent"
        Android:layout_marginEnd="8dp"
        Android:layout_marginRight="8dp"
        Android:background="@color/colorAccent"
        Android:gravity="center"
        Android:padding="@dimen/activity_vertical_margin"
        Android:text="sjdjhshdjhdjhsdgfjhgsdjfgjsdgfjsdgfhgdsjhfghs"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/tv_2"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/tv_2"
        Android:layout_width="150dp"
        Android:layout_height="match_parent"
        Android:background="@color/colorPrimary"
        Android:gravity="center"
        Android:padding="@dimen/activity_vertical_margin"
        Android:text="sjdjhsjhd"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/tv_1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</Android.support.constraint.ConstraintLayout>

enter image description here

enter image description here

0
CodeCameo
<TextView
    Android:id="@+id/txt_service_request_id"
    Android:layout_width="0dp"
    Android:layout_height="wrap_content"
    Android:background="@drawable/bg_rectangle_blue"
    Android:gravity="center"
    Android:padding="8dp"
    Android:text="@string/service_request_id"
    Android:textColor="@Android:color/white"
    Android:textSize="12sp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/txt_service_request_status"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    Android:id="@+id/txt_service_request_status"
    Android:layout_width="0dp"
    Android:layout_height="0dp"
    Android:background="@drawable/bg_rectangle_blue"
    Android:gravity="center"
    Android:padding="8dp"
    Android:text="@string/service_request_status"
    Android:textColor="@Android:color/white"
    Android:textSize="12sp"
    app:layout_constraintBottom_toBottomOf="@+id/txt_service_request_id"
    app:layout_constraintEnd_toStartOf="@+id/txt_service_request_desc"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/txt_service_request_id"
    app:layout_constraintTop_toTopOf="parent" />


<TextView
    Android:id="@+id/txt_service_request_desc"
    Android:layout_width="0dp"
    Android:layout_height="0dp"
    Android:background="@drawable/bg_rectangle_blue"
    Android:gravity="center"
    Android:padding="8dp"
    Android:text="@string/service_request_desc"
    Android:textColor="@Android:color/white"
    Android:textSize="12sp"
    app:layout_constraintBottom_toBottomOf="@+id/txt_service_request_id"
    app:layout_constraintEnd_toStartOf="@+id/txt_service_request_cat"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/txt_service_request_status"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    Android:id="@+id/txt_service_request_cat"
    Android:layout_width="0dp"
    Android:layout_height="0dp"
    Android:background="@drawable/bg_rectangle_blue"
    Android:gravity="center"
    Android:padding="8dp"
    Android:text="@string/service_request_cat"
    Android:textColor="@Android:color/white"
    Android:textSize="12sp"
    app:layout_constraintBottom_toBottomOf="@+id/txt_service_request_id"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/txt_service_request_desc"
    app:layout_constraintTop_toTopOf="parent" />

Assigning equal width and Height

0
Developine

これはトリッキーで遅いですが、動作します。

ポイントは：

  • メジャーの高さに追加の非表示の同じレイアウトを追加します。これはwrap_content height属性。十分な大きさの場合、親を伸ばします。
  • 表示レイアウトの高さを0dpに設定して、残りの親を埋めます。

下のキャプチャを見るとわかるように、2つのレイアウトがあります。非表示のものはwrap_contentsです

enter image description here

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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/view_1"
        Android:layout_width="wrap_content"
        Android:layout_height="0dp"
        Android:background="#DDDDDD"
        Android:text="@Android:string/yes"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/view_2"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/view_1_invisible"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:background="#DDDDDD"
        Android:text="@Android:string/yes"
        Android:visibility="invisible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/view_2"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/view_2"
        Android:layout_width="100dp"
        Android:layout_height="0dp"
        Android:background="#DDDDDD"
        Android:text="@Android:string/httpErrorBadUrl"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/view_1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/view_2_invisible"
        Android:layout_width="100dp"
        Android:layout_height="wrap_content"
        Android:background="#DDDDDD"
        Android:text="@Android:string/httpErrorBadUrl"
        Android:visibility="invisible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/view_1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>
0
Stanley Kou