constraintDimensionRatio属性解析

背景

ConstraintLayout是一个功能非常强大的控件,支持以各种方式排列View,是Android扁平化布局的一个重要控件.在使用的过程中,发现constraintDimensionRatio这个属性非常具有迷惑性,尤其是加了前缀H或W后,一时难以确定其设计规则.ContraintLayout的源码代码量也不小,接下来我详细说明下改属性的含义及使用方式.

结论

1. constraintDimensionRatio属性不加前缀,直接使用app:layout_constraintDimensionRatio="1:2"表示宽高比,即一条边确定后,使用宽高比=1:2来计算另外一条边.

2. 如果两条边都确定大小,然后设置宽高比会有什么效果,这个问题非常好,如果两条边都是固定的dp值,则忽略constraintDimensionRatio属性;如果两条边大小都是0,但是都设置了约束,要怎么展示?这个时候就需要制定前缀来约束布局.

3. 前缀W或H表示要计算那条边,另外一条边使用约束计算.如可以直接计算,则按照宽高比计算未知边,即w/h = ratio;如无法直接计算,则使用高宽比计算未知边,即h/w = ratio;

4. 如设置width = 100dp,height = 0dp,ratio= H,1:2,此时制定未知边是高,宽的大小已具备,可以直接按比例计算高,即width/height = 1/2,即height = 200dp;

5. 如果设置width = 100dp,height = 0dp,ratio = W,1:2,此时height高度未知,width的高度已知,无法使用height高度计算width宽度,因此height/width = 1/2,即height = 50dp

6. 同理可知,如果width = 0dp,height = 100dp,ratio = H,1:2,由于height高度无法直接计算,因此height/width = 1:2,因此width = 200dp.

7. 同理可知,如果width = 0dp,height = 100dp,ratio = W,1:2,width高度可直接计算,width / height = 1/2,width = 50dp

8. 如果宽高都有约束的情况怎么办?

   <Button 
   android:id="@+id/button"
   app:layout_constraintDimensionRatio="1:2"
   android:layout_width="0dp"
   app:layout_constraintLeft_toLeftOf="parent"
   app:layout_constraintRight_toRightOf="parent"
   app:layout_constraintTop_toTopOf="parent"
   app:layout_constraintBottom_toBottomOf="parent"
   android:layout_height="0dp"/>
   

   这样其实要制定约束边,
   如指定ratio = W,1:2,则约束宽,w/h = 1/2,宽等于高的一半且居中展示;
   如指定ratio = H,1:2,则约束高w/h = 1/2,高是宽的两倍,居中展示.
   如不指定前缀,则默认约束宽.