约束布局链

Question

发现我发现很难使用@if(ViewData.ModelState.IsValid && TempData["Message"]==null) { } else { <script> $(document).ready(function() { $('#myModal').modal('show'); }); </script> } <!-- The Modal --> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal Heading</h4> <button type="button" class="close" data-dismiss="modal">&times;</button> </div> <!-- Modal body --> <div class="modal-body"> <div asp-validation-summary="All"></div> @TempData["Message"] </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> 的情况 让我解释一下我在附件

中找到的问题

这里有两行。绿色框表示文本视图。橙色框表示ImageViews（或一般的任何其他视图）。

在第一行，Textview1（左）被约束到屏幕的左侧。 imageview受限于此textview。

我遇到的问题是这个textview比右边的textview大。我不希望图像剪切该视图。我希望它最终像该图像中的第二行。

我想我想使用约束链。但是我无法让它发挥作用。

关于如何实现我想要的任何想法？

修改，添加了布局

ConstraintLayout

Answer 1

ConstrataintLayout版本1.1.0-beta5提供了一些您正在寻找的更好的维度控制。请参阅release notes。

具体来说，您可以使用layout_constraintWidth_default = wrap一旦TextView满足约束限制就会强制tv1进行换行。

  

Wrap提供了一个重要的新行为，小部件调整大小就像使用了wrap_content一样，但受连接约束的限制。因此，小部件不会超出端点。

以下XML将iv1和tv2置于由左侧父级和右侧tv1约束的压缩链中。 app:layout_constraintWidth_default="wrap"已设置<android.support.constraint.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginEnd="16dp" android:layout_marginStart="8dp" android:ellipsize="end" android:lines="1" android:text="This is some very long text. How does it behave?" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toStartOf="@id/iv1" 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" tools:ignore="HardcodedText" /> <ImageView android:id="@+id/iv1" android:layout_width="16dp" android:layout_height="16dp" android:layout_marginEnd="8dp" android:background="#ff9d00" app:layout_constraintBottom_toBottomOf="@+id/tv1" app:layout_constraintEnd_toStartOf="@id/tv2" app:layout_constraintStart_toEndOf="@+id/tv1" app:layout_constraintTop_toTopOf="@+id/tv1" tools:ignore="ContentDescription" /> <TextView android:id="@+id/tv2" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginEnd="8dp" android:text="18 000 000 Dollar" android:textAlignment="viewEnd" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" tools:ignore="HardcodedText" /> <android.support.v4.widget.Space android:id="@+id/spacer" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="@id/tv2" app:layout_constraintEnd_toStartOf="@id/tv2" app:layout_constraintTop_toTopOf="@id/tv2" /> </android.support.constraint.ConstraintLayout> 。

foreach ($pool->getInputFilter()->getInvalidInput() as $error) {

     $errors[$error["'".$error->getName()."'"]] = '$error->getMessages();
     print_r($error->getMessages());
     print_r($error->getName());
     print_r("<br />");
    //array_push($errors,$error);
}

以下是带有长文本的布局的外观......

......还有一些简短的文字......

Answer 2

如果我理解你所说的话，下面的布局应该可以帮到你：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true">


        <TextView
            android:id="@+id/tv"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:textSize="16sp"
            android:layout_marginStart="10dp"
            android:layout_alignParentStart="true"
            android:textColor="@android:color/black"
            android:text="TextView"/>

        <ImageView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_marginStart="10dp"
            android:layout_marginEnd="10dp"
            android:id="@+id/iv"
            android:layout_toEndOf="@id/tv"
            android:layout_toStartOf="@id/tv_1" />


        <TextView
            android:id="@+id/tv_1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:textSize="16sp"
            android:layout_alignParentEnd="true"
            android:textColor="@android:color/black"
            android:layout_marginEnd="10dp"
            android:text="TextView" />

如果您需要使用ConstraintLayout，下面的代码可能会达到您想要的效果。请注意，TextView具有预定义的权重（在此示例中为60-40），并且它们设置为始终在父级内传播。在这种配置中，它们永远不应重叠。

<?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/tv"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="TextView"
android:textColor="@android:color/black"
android:textSize="16sp"
app:layout_constraintHorizontal_weight="60"
app:layout_constraintEnd_toStartOf="@id/iv"
app:layout_constraintHorizontal_chainStyle="spread_inside"
app:layout_constraintStart_toStartOf="parent" />

<ImageView
android:id="@+id/iv"
android:layout_width="100dp"
android:layout_height="50dp"
app:layout_constraintEnd_toStartOf="@id/tv_1"
app:layout_constraintStart_toEndOf="@id/tv" />

<TextView
android:id="@+id/tv_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="TextView"
app:layout_constraintHorizontal_chainStyle="spread_inside"
android:textColor="@android:color/black"
android:textSize="16sp"
app:layout_constraintHorizontal_weight="40"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/iv" />

</android.support.constraint.ConstraintLayout>

Answer 3

您可以在elevation中使用html属性，例如z-index。 对于像这样的TextView，为ImageView elevation = 2dp添加elevation = 1dp

<ImageView
    android:id="@+id/iv1"
    android:elevation="1dp"
    android:layout_width="16dp"
    android:layout_height="16dp"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="8dp"
    app:layout_constraintBottom_toBottomOf="@+id/tv1"
    app:layout_constraintEnd_toStartOf="@+id/tv2"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toEndOf="@+id/tv1"
    app:layout_constraintTop_toTopOf="@+id/tv1"
    tools:background="@drawable/ic_close" />


<TextView
    android:id="@+id/tv2"
    android:elevation="2dp"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:layout_marginTop="8dp"
    android:textAlignment="viewEnd"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    tools:text="18 000 000 Dollar" />¨