image.png
要實(shí)現(xiàn)如圖textview一行顯示多余省略且緊跟小圖標(biāo)UI，歷來較為費(fèi)勁雀扶，之前代碼中皆使用自定義View或者Spanner實(shí)現(xiàn)荠卷。今天探討下如何使用ConstraintLayout在布局文件中實(shí)現(xiàn)效果幻林。
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:maxLines="1"
android:text="車款出口處可參考車款吃烤腸車車款出口處可參考車款吃烤腸車"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/image_view"
app:layout_constraintStart_toStartOf="parent"
app:layout_constrainedWidth="true"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintHorizontal_chainStyle="packed" />
<ImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/white_down"
app:layout_constraintBottom_toBottomOf="@id/text_view"
app:layout_constraintTop_toTopOf="@id/text_view"
app:layout_constraintStart_toEndOf="@id/text_view"
app:layout_constraintEnd_toEndOf="@+id/carmodel_guide_end"
app:layout_constraintHorizontal_chainStyle="packed"
/>
先介紹下代碼中用到的ConstraintLayout的三個(gè)關(guān)鍵屬性：
1终吼、chainstyle（鏈?zhǔn)剑?/h4>
**屬性 **有水平和垂直之分：
-
layout_constraintHorizontal_chainStyle水平方向 -
layout_constraintVertical_chainStyle垂直方向
屬性值 有三種：
-
spread (默認(rèn)) 如下：
-
默認(rèn)模式如下：
image -
使用weight方式如下：（layout_width=0dp）
添加屬性
layout_constraintHorizontal_weight,同理也有垂直方向的镀赌，可以自己嘗試image
-
-
spread_inside
image -
packed
-
捆綁在一起居中顯示
image -
偏移顯示
添加屬性
layout_constraintHorizontal_biasimage
-
2、app:layout_constrainedWidth（約束寬度）
- 此屬性表示約束寬度际跪，相應(yīng)的也有約束高度
app:layout_constrainedHeight - 設(shè)置為
true即約束寬度或高度不超出父布局之外
3商佛、app:layout_constraintHorizontal_bias（偏移比例）
- 相應(yīng)的也有
app:layout_constraintVertical_bias可設(shè)置在某個(gè)方向上的偏移比例，比如當(dāng)控件寬度未wrap_content,設(shè)置該屬性為0則會(huì)偏移至父布局Start位置
總結(jié)：
1.為兩個(gè)控件設(shè)置寬度為
wrap_content2.然后使之產(chǎn)生
鏈?zhǔn)?/code>關(guān)系3.使得兩個(gè)控件抱在一起
app:layout_constraintHorizontal_chainStyle="packed"4.設(shè)置其不可超出父布局
app:layout_constrainedWidth="true"5.設(shè)置鏈頭控件的偏移比例
app:layout_constraintHorizontal_bias="0"6.增加一個(gè)垂直的
Guideline作為鏈尾
