blocks|key|1383297|text|您忘记添加约束。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1383298|<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_width="match_parent"
++++android:layout_height="match_parent">

++++<TextView
++++++++android:id="@%2Bid/t1"
++++++++android:layout_width="0dp"
++++++++android:layout_height="0dp"
++++++++app:layout_constraintLeft_toLeftOf="parent"
++++++++app:layout_constraintRight_toRightOf="parent"
++++++++app:layout_constraintTop_toTopOf="parent"
++++++++app:layout_constraintBottom_toBottomOf="parent"
++++++++android:background="@android:color/holo_blue_bright"
++++++++android:gravity="center"
++++++++android:text="Hello+World!11"
++++++++app:layout_constraintDimensionRatio="1"+/>

</android.support.constraint.ConstraintLayout>|code-block|syntax|javascript|1383299|0dp仅应用于ConstraintLayout的子视图。任何视图都应该应用其父视图的属性规则。|1383300|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You forget to add your constraints

<pre><code>&lt;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_width="match_parent"
 android:layout_height="match_parent"&gt;

 &lt;TextView
 android:id="@+id/t1"
 android:layout_width="0dp"
 android:layout_height="0dp"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintBottom_toBottomOf="parent"
 android:background="@android:color/holo_blue_bright"
 android:gravity="center"
 android:text="Hello World!11"
 app:layout_constraintDimensionRatio="1" /&gt;

&lt;/android.support.constraint.ConstraintLayout&gt;
</code></pre>

0dp is only applied to the child views of ConstraintLayout.
Any view should apply the attribute rules of its parent.

blocks|key|87384|text|请注意最后一行，在边缘添加约束使约束工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|87385|您还可以在Studio中使用设计视图，并拖放对象之间的约束。|87386|<TextView
++++android:id="@%2Bid/textView"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:text="Available+chats"+/>

<ListView
++++android:id="@%2Bid/listChats"
++++android:layout_width="0dp"
++++android:layout_height="wrap_content"
++++app:layout_constraintTop_toBottomOf="@%2Bid/textView"/>|code-block|syntax|javascript|87387|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Please notice the last line, adding constraints around the edges makes the constraint work.

You can also use the design view in Studio, and drag and drop the constraints between objects.

<pre><code>&lt;TextView
 android:id="@+id/textView"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Available chats" /&gt;

&lt;ListView
 android:id="@+id/listChats"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 app:layout_constraintTop_toBottomOf="@+id/textView"/&gt;
</code></pre>

blocks|key|87404|text|作为1.1.0版本，这种情况已经改变了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|87405|现在您可以定义：|87406|app:layout_constraintDimensionRatio="1:1"
app:layout_constraintDimensionRatio="W,1:1"
app:layout_constraintDimensionRatio="H,1:1"|code-block|syntax|javascript|87407|请查看下面的链接，查找有关DimensionConstraints的所有文档：|87408|链接到文档|offset|length|87409|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html#DimensionConstraints^0|0|0|0|0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

As off version 1.1.0 this has changed.

You can now define:

<pre><code>app:layout_constraintDimensionRatio="1:1"
app:layout_constraintDimensionRatio="W,1:1"
app:layout_constraintDimensionRatio="H,1:1"
</code></pre>

Check the link below to find all the documentation regarding DimensionConstraints:

<a href="https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html#DimensionConstraints" rel="noreferrer">Link to the docs</a>

blocks|key|1423010|text|在我的例子中，我遇到了一个问题，我必须用A4大小的纸张比率来填充容器内的布局。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423011|问题|offset|length|style|BOLD|1423012|我将获得A4大小的简历页面作为后端的图像，因此我必须在查看器中附加这些图像，在其中我使用ImageView来显示这些图像。|1423013|溶液|1423014|我浏览了约束布局文档，其中有Ratio部分。所以我可以使用layout_constraintDimensionRatio来解决我的问题。|CODE|1423015|​|1423016|📷|atomic|1423017|1423018|因此，用于显示整个布局的xml如下所示，在我的示例中，我使用了app:layout_constraintDimensionRatio="1:1.27"，如:身高比，但实际比率是app:layout_constraintDimensionRatio="1:1.41"|1423019|<?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"
++++android:background="@color/orange">

++++

++++<View
++++++++android:id="@%2Bid/divider"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="1dp"
++++++++android:background="@color/headline_title_color"
++++++++app:layout_constraintBottom_toBottomOf="parent"
++++++++app:layout_constraintLeft_toLeftOf="parent"
++++++++app:layout_constraintRight_toRightOf="parent"
++++++++app:layout_constraintTop_toTopOf="parent"
++++++++app:layout_constraintVertical_bias=".85"/>

++++

++++<ImageView
++++++++android:id="@%2Bid/resumeContainer"
++++++++android:layout_width="0dp"
++++++++android:layout_height="0dp"
++++++++android:layout_marginLeft="12dp"
++++++++android:layout_marginTop="16dp"
++++++++android:layout_marginRight="12dp"
++++++++android:layout_marginBottom="16dp"
++++++++android:background="@color/green"
++++++++android:text="@string/change"
++++++++android:src="@drawable/banner"
++++++++app:layout_constraintBottom_toTopOf="@id/divider"
++++++++app:layout_constraintDimensionRatio="1:1.27"
++++++++app:layout_constraintLeft_toLeftOf="parent"
++++++++app:layout_constraintRight_toRightOf="parent"
++++++++app:layout_constraintTop_toTopOf="parent"
++++++++/>

++++

++++<com.bold.job.utils.CustomButton
++++++++android:id="@%2Bid/preview"
++++++++style="@style/tertiaryButtonStyle"
++++++++android:layout_width="0dp"
++++++++android:layout_height="wrap_content"
++++++++android:layout_margin="16dp"
++++++++android:onClick="preview"
++++++++android:text="@string/preview_resume"
++++++++app:layout_constraintLeft_toLeftOf="parent"
++++++++app:layout_constraintRight_toLeftOf="@id/guideline"
++++++++app:layout_constraintBottom_toBottomOf="parent"
++++++++app:layout_constraintTop_toBottomOf="@id/divider"
++++++++/>

++++<android.support.constraint.Guideline
++++++++android:id="@%2Bid/guideline"
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="match_parent"
++++++++android:orientation="vertical"
++++++++app:layout_constraintGuide_percent="0.5"+/>

++++<com.bold.job.utils.CustomButton
++++++++android:id="@%2Bid/preview2"
++++++++style="@style/tertiaryButtonStyle"
++++++++android:layout_width="0dp"
++++++++android:layout_height="wrap_content"
++++++++android:layout_margin="16dp"
++++++++android:onClick="preview"
++++++++app:layout_constraintLeft_toRightOf="@id/guideline"
++++++++app:layout_constraintRight_toRightOf="parent"
++++++++android:text="@string/preview_resume"
++++++++app:layout_constraintBottom_toBottomOf="parent"
++++++++app:layout_constraintTop_toBottomOf="@id/divider"
++++++++/>


</android.support.constraint.ConstraintLayout>|code-block|syntax|javascript|1423020|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/reference/android/support/constraint/ConstraintLayout|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/21582c4b95963177fdf4ba430665549c.png|imageAlt^0|0|0|2|0|0|0|2|0|E|5|T|V|4|4|0|0|0|0|1|1|0|0|V|18|2G|18|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1G|8|@$D|1H|E|1I|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1J|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1K|8|@$D|1L|E|1M|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1N|8|@$D|1O|E|1P|F|N]|$D|1Q|E|1R|F|N]]|9|@$D|1S|E|1T|1|1U]]|A|$]]|$1|O|3|P|5|6|7|1V|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1W|8|@]|9|@$D|1X|E|1Y|1|1Z]]|A|$]]|$1|T|3|P|5|6|7|20|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|21|8|@$D|22|E|23|F|N]|$D|24|E|25|F|N]]|9|@]|A|$]]|$1|W|3|X|5|Y|7|26|8|@]|9|@]|A|$Z|10]]|$1|11|3|-4|5|6|7|27|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|1A|15|1B|A|$1C|1D|1E|-4]]]]

In my case I have a problem like i have to fill my layout inside container with A4 size paper ratio.

Problem

I am getting A4 size resume pages as images from backend so i have to append those images in Viewpager in which i am using ImageView to display those images.

Solution

I went through <a href="https://developer.android.com/reference/android/support/constraint/ConstraintLayout" rel="nofollow noreferrer">Constraint layout</a> document in which <code>Ratio</code> section is there. So i can use <code>layout_constraintDimensionRatio</code> for solving my problem.

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

So my xml that is used to Display the whole Layout is following, in my case i have used <code>app:layout_constraintDimensionRatio="1:1.27"</code> as with:height ratio but the actual ratio is <code>app:layout_constraintDimensionRatio="1:1.41"</code>

<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"
 android:background="@color/orange"&gt;

 &lt;!-- divider line which i used as restricting my A4 size container height--&gt;

 &lt;View
 android:id="@+id/divider"
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:background="@color/headline_title_color"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintVertical_bias=".85"/&gt;

 &lt;!-- A4 size Image View--&gt;

 &lt;ImageView
 android:id="@+id/resumeContainer"
 android:layout_width="0dp"
 android:layout_height="0dp"
 android:layout_marginLeft="12dp"
 android:layout_marginTop="16dp"
 android:layout_marginRight="12dp"
 android:layout_marginBottom="16dp"
 android:background="@color/green"
 android:text="@string/change"
 android:src="@drawable/banner"
 app:layout_constraintBottom_toTopOf="@id/divider"
 app:layout_constraintDimensionRatio="1:1.27"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 /&gt;

 &lt;!-- for Bottom two buttons --&gt;

 &lt;com.bold.job.utils.CustomButton
 android:id="@+id/preview"
 style="@style/tertiaryButtonStyle"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_margin="16dp"
 android:onClick="preview"
 android:text="@string/preview_resume"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toLeftOf="@id/guideline"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintTop_toBottomOf="@id/divider"
 /&gt;

 &lt;android.support.constraint.Guideline
 android:id="@+id/guideline"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:orientation="vertical"
 app:layout_constraintGuide_percent="0.5" /&gt;

 &lt;com.bold.job.utils.CustomButton
 android:id="@+id/preview2"
 style="@style/tertiaryButtonStyle"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_margin="16dp"
 android:onClick="preview"
 app:layout_constraintLeft_toRightOf="@id/guideline"
 app:layout_constraintRight_toRightOf="parent"
 android:text="@string/preview_resume"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintTop_toBottomOf="@id/divider"
 /&gt;


&lt;/android.support.constraint.ConstraintLayout&gt;
</code></pre>

I used <code>constraintLayout</code> and <code>layout_constraintDimensionRatio=&quot;1:1&quot;</code>
(width is <code>wrap_content</code>, height is <code>0dp</code> (<code>match_constraint</code>))
As a result, I expected width and height to be 1:1, but it's not working.
What is wrong?
I attached code and screenshot.
<pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;android.support.constraint.ConstraintLayout 
 xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
 xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
 xmlns:tools=&quot;http://schemas.android.com/tools&quot;
 android:layout_width=&quot;match_parent&quot;
 android:layout_height=&quot;match_parent&quot;&gt;

 &lt;TextView
 android:id=&quot;@+id/t1&quot;
 android:layout_width=&quot;wrap_content&quot;
 android:layout_height=&quot;0dp&quot;
 android:background=&quot;@android:color/holo_blue_bright&quot;
 android:gravity=&quot;center&quot;
 android:text=&quot;Hello World!11&quot;
 app:layout_constraintDimensionRatio=&quot;1:1&quot; /&gt;

&lt;/android.support.constraint.ConstraintLayout&gt;
</code></pre>
<a href="https://i.stack.imgur.com/dXNNw.png" rel="nofollow noreferrer">screenshot</a>
I quote android developer site about Constraintlayout.
<a href="https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html#DimensionConstraints" rel="nofollow noreferrer">https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html#DimensionConstraints</a>
<blockquote>
Ratio :: You can also define one dimension of a widget as a ratio of
the other one. In order to do that, you need to have at least one
constrained dimension be set to 0dp (i.e., MATCH_CONSTRAINT), and set
the attribute layout_constraintDimentionRatio to a given ratio. For
example:
<pre><code> &lt;Button android:layout_width=&quot;wrap_content&quot;
 android:layout_height=&quot;0dp&quot;
 app:layout_constraintDimensionRatio=&quot;1:1&quot; /&gt;
 
 will set the height of the button to be the same as its width.
</code></pre>
</blockquote>
but it was not working.

ConstraintLayout layout_constraintDimensionRatio not working

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我使用了constraintLayout和layout_constraintDimensionRatio="1:1" (宽度是wrap_content，身高是0dp (match_constraint))因此，我预计宽度和高度是1:1，但它不起作用。怎么啦？我附上了密码和截图。<?xml version="1.0" e...

问ConstraintLayout layout_constraintDimensionRatio不工作
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ConstraintLayout layout_constraintDimensionRatio不工作EN