使用Barrier对齐ConstraintLayout几个控件的最高的一个

前提就是想让一个控件X,对齐A,B,C等控件最高的位置,直接看图。

看,由于name的一行,或者2行,会导致email行的高度,可能比image块高,也可能比image快矮。

那么,往下的控件我该如何实现呢?

xml 复制代码
           <ImageView
            android:id="@+id/image"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_width="65dp"
            android:layout_height="65dp"/>

        <TextView
            android:id="@+id/name"
            app:layout_constraintStart_toEndOf="@id/image"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="@id/image"
            android:layout_marginStart="16dp"
            android:layout_width="0dp"
            android:maxLines="2"
            android:ellipsize="end"
            android:layout_height="wrap_content"
            tools:text="This is a looog name here for this name"/>

        <TextView
            android:id="@+id/email"
            app:layout_constraintStart_toEndOf="@id/image"
            app:layout_constraintEnd_toEndOf="parent"
            android:layout_marginStart="16dp"
            android:textSize="16dp"
            android:layout_width="0dp"
            android:maxLines="1"
            android:ellipsize="end"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@id/name"
            android:layout_marginTop="4dp"
            tools:text="abc@email.com" />

        <androidx.constraintlayout.widget.Barrier
            android:id="@+id/lowestBarrier"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:barrierDirection="bottom"
            app:constraint_referenced_ids="image,email" />

		<View
            android:layout_marginTop="12dp"
            app:layout_constraintTop_toBottomOf="@id/lowestBarrier"
			...>

使用Barrier对齐ConstraintLayout几个控件的最高的一个。如上图虚线处,就是Barrier的位置。下面的控件就可以根据Barrier位置来做对齐了。

相关推荐
陈大头铃儿响叮当1 小时前
Android Studio升级后,Flutter运行android设备报错
android·flutter·android studio
勤劳打代码1 小时前
isar_flutter_libs 引发 Namespace not specified
android·flutter·groovy
奔跑吧 android3 小时前
【android bluetooth 协议分析 18】【PBAP详解 2】【车机为何不显示电话号码为空的联系人信息】
android·蓝牙电话·hfp·pbap·电话簿
深盾科技3 小时前
安卓二次打包技术深度拆解:从逆向篡改到防护逻辑
android
4Forsee3 小时前
【Android】消息机制
android·java·前端
2501_915921434 小时前
iOS 虚拟位置设置实战,多工具协同打造精准调试与场景模拟环境
android·ios·小程序·https·uni-app·iphone·webview
龚礼鹏4 小时前
Android 图像显示框架三——演示demo以及解析
android·交互
QuantumLeap丶5 小时前
《Flutter全栈开发实战指南:从零到高级》- 11 -状态管理Provider
android·flutter·ios
百锦再5 小时前
第6章 结构体与方法
android·java·c++·python·rust·go
gustt5 小时前
用小程序搭建博客首页:从数据驱动到界面展示
android·前端·微信小程序