1.效果图
正常展示
超过最大宽度展示
2.源代码
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="60dp"
>
<ImageView
android:id="@+id/userHead"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="16dp"
android:contentDescription="@null"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:background="#00FFFF"
/>
<TextView
android:id="@+id/userName"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginStart="12dp"
android:gravity="center_vertical"
android:singleLine="true"
android:textColor="#000000"
android:textSize="14sp"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/userSex"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toEndOf="@+id/userHead"
app:layout_constraintTop_toTopOf="parent"
tools:text="周杰伦周杰伦周杰伦周杰伦周杰伦周杰伦周杰伦"
/>
<ImageView
android:id="@+id/userSex"
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginEnd="16dp"
android:background="#FF00FF"
android:contentDescription="@null"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/userName"
app:layout_constraintTop_toTopOf="parent"
/>
</android.support.constraint.ConstraintLayout>
3.说明
(1)app:layout_constrainedWidth="true"
让昵称太长时,不把性别图标挤出屏幕并且末尾显示...,如设置为false,则性别图标被挤出屏幕,如下图:
(2)app:layout_constraintHorizontal_bias="0"
设置"昵称+性别"整体左边的百分百比间距,app:layout_constraintHorizontal_bias="0.5"或者不写layout_constraintHorizontal_bias,则"昵称+性别"在除了头像外的右边整体居中,如下图:
(3) app:layout_constraintHorizontal_chainStyle="packed"
让"昵称+性别"合为一个整体,如果不设置(会导致layout_constraintHorizontal_bias无效),如下图: