blocks|key|2285750|text|Short+solution:|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2285751|尝试将app:layout_constraintHorizontal_weight="1"和android:layout_width="0dp"添加到您的textViews中-它们在布局中将采用相同的宽度。|CODE|2285752|用于更复杂布局的另一种解决方案：|2285753|您需要告诉您的两个文本视图的宽度为0dp，这样如果文本太长，它们就会丢弃一行。|2285754|以为例，在2个textViews之间设置一个Chain，如下所示：|2285755|<?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="match_parent">

<TextView
++++android:id="@%2Bid/textView3"
++++android:layout_width="0dp"
++++android:layout_height="wrap_content"
++++android:text="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
++++app:layout_constraintEnd_toStartOf="@%2Bid/textView4"
++++app:layout_constraintHorizontal_bias="0.5"
++++app:layout_constraintStart_toStartOf="parent"
++++app:layout_constraintTop_toTopOf="parent"+/>

<TextView
++++android:id="@%2Bid/textView4"
++++android:layout_width="0dp"
++++android:layout_height="wrap_content"
++++android:layout_marginTop="8dp"
++++android:text="TextView"
++++app:layout_constraintEnd_toEndOf="parent"
++++app:layout_constraintStart_toEndOf="@%2Bid/textView3"
++++app:layout_constraintTop_toTopOf="parent"+/>
</android.support.constraint.ConstraintLayout>|code-block|syntax|javascript|2285756|，它将看起来像这样的(没有textView与另一个重叠，它们只是下拉一行)：|2285757|​|2285758|📷|atomic|2285759|2285760|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/@nomanr/constraintlayout-chains-4f3b58ea15bb|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/081f7ad6749d8870efd2b033feaf40d1.png|imageAlt^0|0|F|0|3|16|1A|Q|0|0|G|0|H|3|0|M|5|0|0|0|0|A|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1I|8|@$9|1J|A|1K|B|H]|$9|1L|A|1M|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1Q|8|@$9|1R|A|1S|B|H]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1T|8|@]|D|@$9|1U|A|1V|1|1W]]|E|$]]|$1|O|3|P|5|Q|7|1X|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|1Y|8|@$9|1Z|A|20|B|C]]|D|@]|E|$]]|$1|V|3|W|5|6|7|21|8|@]|D|@]|E|$]]|$1|X|3|Y|5|Z|7|22|8|@]|D|@$9|23|A|24|1|25]]|E|$]]|$1|10|3|W|5|6|7|26|8|@]|D|@]|E|$]]|$1|11|3|-4|5|6|7|27|8|@]|D|@]|E|$]]]|12|$13|$5|14|15|16|E|$17|18]]|19|$5|1A|15|1B|E|$1C|1D|1E|-4]]]]

Short solution:

Try to add <code>app:layout_constraintHorizontal_weight="1"</code> and <code>android:layout_width="0dp"</code> to both of your textViews - they will both take the same width in the layout.

Another solution for more complicated layouts:

You need to tell both of your text views to be in a width of <code>0dp</code>, so they will drop a line if the text is too long.

For example, set a <a href="https://medium.com/@nomanr/constraintlayout-chains-4f3b58ea15bb" rel="nofollow noreferrer">Chain</a> between your 2 textViews like this:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"&gt;

&lt;TextView
 android:id="@+id/textView3"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:text="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
 app:layout_constraintEnd_toStartOf="@+id/textView4"
 app:layout_constraintHorizontal_bias="0.5"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent" /&gt;

&lt;TextView
 android:id="@+id/textView4"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_marginTop="8dp"
 android:text="TextView"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toEndOf="@+id/textView3"
 app:layout_constraintTop_toTopOf="parent" /&gt;
&lt;/android.support.constraint.ConstraintLayout&gt;
</code></pre>

And it will look like this (no textView overlaps another one, they just drop down a line):

<a href="https://i.stack.imgur.com/ZchV6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZchV6.png" alt="enter image description here"></a>

I'm encountering an issue where the <code>"Den Dolder"</code> TextView is always overlapping the date TextView. I have tried using <code>app:layout_constraintRight_toLeftOf="@id/date_txtView"</code> but it has no effect surprisingly!

That's okay: 

<a href="https://i.stack.imgur.com/wP6ip.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wP6ip.png" alt="That&#39;s okay"></a>

That's not okay: 

<a href="https://i.stack.imgur.com/bWhQl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bWhQl.png" alt="That&#39;s not okay"></a>

Prevent TextView overlapping another in ConstraintLayout?

我遇到了一个问题，"Den Dolder" TextView总是与date TextView重叠。我试过使用app:layout_constraintRight_toLeftOf="@id/date_txtView"，但却没有任何效果！这是可以的：​​这是不好的：​​

问是否防止TextView与ConstraintLayout中的另一个重叠？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否防止TextView与ConstraintLayout中的另一个重叠？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否防止TextView与ConstraintLayout中的另一个重叠？
EN