ConstraintLayout-Ketten und Text Auslassungszeichen + Bild auf der Rechten Seite

UPDATE JULI 2018:

Wenn Sie ConstraintLayout 1.1.0, die richtige Eigenschaft zu verwenden ist app:layout_constrainedWidth="true" an die Stelle der alten app:layout_constraintWidth_default="wrap" (und die Höhe Gegenstück)

UPDATE NOVEMBER 2017

Ich bin mit Hilfe von Constraint-Layouts 1.0.2 und ich habe eine weniger verschachtelte Lösung mit app:layout_constraintWidth_default="wrap" (eine Eigenschaft, die vorgestellt wurde in der 1.0.0 aber die Beta-dieser Beitrag wurde mit nicht haben).

Statt der FrameLayout enthält eine LinearLayout jetzt können Sie all das und haben es auf diese Weise:

    <android.support.constraint.ConstraintLayout
      android:id="@+id/new_way_container"
      android:layout_height="wrap_content"
      android:layout_width="0dp" // THIS GUY USES ALL THE WIDTH.
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent">

      <TextView
        android:ellipsize="end"
        android:id="@+id/some_text"
        android:layout_height="wrap_content"
        android:layout_width="0dp" //NO WRAP CONTENT, USE CONSTRAINTS
        android:lines="1"
        android:maxLines="1"
        app:layout_constraintEnd_toStartOf="@+id/disclosure_arrow"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintHorizontal_chainStyle="packed" //CHAIN IT for biasing.
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_default="wrap" /> //THIS IS THE KEY THAT WILL CAUSE THIS TO WORK

      <ImageView
        android:id="@+id/disclosure_arrow"
        android:layout_height="wrap_content"
        android:layout_width="10dp"
        app:layout_constraintBottom_toTopOf="@id/some_text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/some_text"
        app:layout_constraintTop_toBottomOf="@id/some_text"
        app:srcCompat="@drawable/your_vector_image" />
    </android.support.constraint.ConstraintLayout>

Diese effektiv genau das tut, was ich will, ohne hacks oder Richtlinien oder hardcoded Größen.

Die TextView wird die Größe zur Verfügung gestellt durch die Einschränkungen (die unter normalen Umständen würde bedeuten, es wäre entweder falsch oder wachsen über das 'parent'), aber Dank der neuen attribute, diese Einschränkungen zulässig sind verbogen/gebrochen werden, wenn der Inhalt kleiner/größer.

Ich muss sagen es funktioniert viel besser als iOS Prioritäten. (Zumindest ist es viel einfacher zu begreifen für mich). Daumen hoch für Google auf dieses 🙂

ALTE ANTWORT (falls du es noch brauchen).

Basierend auf Nicolas Roard ' s Antwort, ich werde erstellen Sie eine benutzerdefinierte container, der würde im Grunde berechnen Sie den verfügbaren Speicherplatz, und legen Sie programmgesteuert die maxWidth auf die TextView. Anstelle der Zugabe eine andere Klasse, unit-test, möglicher bugs, etc., zu dem Projekt habe ich versucht, eine etwas weniger effiziente Methode der Verschachtelung ein paar layouts, denn wir haben verschachteln von layouts seit dem Zeitalter der Dämmerung und das dies nicht auf jeder Liste Ansicht oder bewegen sich zu viel (oder überhaupt) und dass ich mit ConstraintLayouts zu glätten, die meisten der Hierarchie (wie nie zuvor!), dann denke ich nicht, dass ein wenig verschachteln , bis dies besser unterstützt ist das schlimm.

Also, was ich Tat, war im Grunde, verwenden Sie ein FrameLayout, das ist von design optimiert (oder gedacht) haben ein Kind (tho es kann mehr). Das FrameLayout ist, der hat die ConstraintLayout-Regeln angewendet, etwa so:

  <FrameLayout
      android:id="@+id/hostTextWithCaretContainer"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintRight_toRightOf="parent">

      <!-- MY CONTENT GOES HERE -->

  </FrameLayout>

Also in meinem real app, das FrameLayout ist in einem anderen ConstraintLayout, das über ein Symbol Links und einige andere Sachen, aber aus Gründen der diesem Beispiel, stellen Sie sich vor Sie haben, um "pin" Links/rechts dieser FrameLayout, um was auch immer Raum, den Sie besetzen wollen. In diesem Beispiel können Sie sehen, ich bin mit parent bei allen Einschränkungen, aber es könnten auch andere widgets Links und rechts von der FrameLayout; Dank ConstraintLayout Magie, diese zu besetzen, dass alle verfügbaren Platz.

Hier kommt nun der 2. Teil der trick... da ConstraintLayout garantiert, dass das FrameLayout wird mit "alle den Raum," wir haben nie mehr (oder weniger), kann ich jetzt mit einem LinearLayout innerhalb... wie so...

     <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

      <TextView
          android:id="@+id/textView"
          android:layout_height="wrap_content"
          android:layout_width="0dp"
          tools:text="Some Text"
          android:text="Some Text"
          android:textAlignment="viewStart"
          android:layout_gravity="center_vertical"
          android:gravity="start"
          android:ellipsize="end"
          android:maxLines="1"
          android:layout_weight="1"/>

      <ImageView
          android:id="@+id/caret"
          android:layout_width="8dp"
          android:layout_height="8dp"
          app:srcCompat="@drawable/ic_selection"
          android:contentDescription=""
          android:layout_gravity="center_vertical"
          android:layout_marginStart="8dp"
          android:layout_marginEnd="8dp" />

    </LinearLayout>

Aufmerksame Leser wird bemerken, dass das LinearLayout hat wrap_content in seiner Breite, das ist sehr wichtig für das Kind TextView kann, haben eine Breite von 0dp und ein weight 1, was bedeutet, es wird alle freien Speicherplatz nach allen anderen widgets, die errechnet haben, dass Ihre Breite.

In diesem speziellen Fall das andere Kind (Bildansicht) caret hat kein Gewicht angegeben ist und eine Feste Breite, also die TextView nicht haben, zu teilen/splitten Sie den freien Speicherplatz mit jemand anderes und er kann es nehmen (aber nur den freien Raum, denken Sie daran, seine Breite ist 0dp).

Diese weniger effizient Ansatz effektiv erreicht genau das, was ich wollte, wenn auch mit weniger ConstraintLayout Magie wenn man so will.

Auf der plus-Seite, die ich nicht haben, um eine benutzerdefinierte Ansicht erstellen, durchführen, Mathematik und eine requestLayout() nach all meinen Mathe war getan; diese weniger effizienten Ansatz wird/sollte Maßstab und bis ConstraintLayout bietet eine gültige alternative, es kann sein, genug, wie es ist.

_{Shoutout an die Google-Ingenieur(s), die geantwortet auf social media, und schließlich die Zeit genommen, um darüber nachzudenken. Vielleicht in der Zukunft, wenn Sie schreiben, Aufgaben und story-Punkte über ConstraintLayout 1.1, merken Sie das und kommen mit einer guten Lösung}

Können Sie die relative layout in constraint-layout mit negativem margin für die Bildansicht. Bitte Aufmerksamkeit, um android:layout_marginRight="26dp" und android:layout_marginLeft="-26dp"

<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="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="26dp"
            android:ellipsize="end"
            android:gravity="start"
            android:maxLines="1"
            android:text="Some text" />

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="-26dp"
            android:layout_toRightOf="@+id/textView"
            android:contentDescription=""
            android:src="@drawable/ic_browser" />
    </RelativeLayout>

</android.support.constraint.ConstraintLayout>

Wenn der text lang ist:

Diese Antwort ist inspiriert von Martin Marconcini Antwort (https://stackoverflow.com/a/40491128/1151701).
Um eine Verringerung der Hierarchie, können Sie ersetzen die Einschränkung layout mit einer einfachen Ansicht.

      <TextView
        android:ellipsize="end"
        android:id="@+id/some_text"
        android:layout_height="wrap_content"
        android:layout_width="0dp"
        android:lines="1"
        android:maxLines="1"
        app:layout_constraintEnd_toStartOf="@+id/disclosure_arrow"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_default="wrap" /> 

      <ImageView
        android:id="@+id/disclosure_arrow"
        android:layout_height="wrap_content"
        android:layout_width="10dp"
        app:layout_constraintBottom_toTopOf="@id/some_text"
        app:layout_constraintEnd_toEndOf="@id/view_guide"
        app:layout_constraintStart_toEndOf="@id/some_text"
        app:layout_constraintTop_toBottomOf="@id/some_text"
        app:srcCompat="@drawable/your_vector_image" />

      <View
        android:id="@+id/view_guide"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

btw, ich bin mit ConstraintLayout androidx.constraintlayout:constraintlayout:2.0.0-alpha3 aber app:layout_constrainedWidth="true" gearbeitet wird wie in diesem Fall erwartet. Also ich habe app:layout_constraintWidth_default="wrap" hier