Android布局-ConstraintLayout示例

深碍√TFBOYSˉ_ 2022-12-02 01:10 157阅读 0赞

# match\_parent 问题 #

宽度match\_parent，就设置宽度为0dp，再设置左约束和右约束；  
高度match\_parent，就设置高度为0dp，再设置上约束和下约束。

# 控件对齐 #

# 居中 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70_pic_center]

app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"

# linearlayout weight #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70_pic_center 1]

<TextView android:id="@+id/TextView1" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toLeftOf="@+id/TextView2" app:layout_constraintHorizontal_weight="2" />
    
        <TextView android:id="@+id/TextView2" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintLeft_toRightOf="@+id/TextView1" app:layout_constraintRight_toLeftOf="@+id/TextView3" app:layout_constraintRight_toRightOf="parent" app:layout_constraintHorizontal_weight="3" />
    
        <TextView android:id="@+id/TextView3" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintLeft_toRightOf="@+id/TextView2" app:layout_constraintRight_toRightOf="parent" app:layout_constraintHorizontal_weight="4" />

# 左右铺满水平布局 #

![在这里插入图片描述][20200829113614369.png_pic_center]

<TextView android:id="@+id/tv_tip_reason" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/tv_location" android:layout_marginTop="10dp" android:text="XXXX："/>
    
    <TextView android:id="@+id/tv_reason" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@+id/tv_location" app:layout_constraintStart_toEndOf="@+id/tv_tip_reason" android:layout_marginStart="10dp" android:layout_marginTop="10dp" android:maxLines="3" android:ellipsize="end" tools:text="111111111111111111111111111111111111111111111111111111111"/>

# 对齐 #

右对齐  
![在这里插入图片描述][20200829113806199.png_pic_center]

<TextView android:id="@+id/tv_tip_name" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" android:text="用户名："/>
    
    <TextView android:id="@+id/tv_name" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toEndOf="@+id/tv_tip_name" app:layout_constraintStart_toStartOf="@+id/tv_location" tools:text="张三"/>
    
    <TextView android:id="@+id/tv_tip_location" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/tv_tip_name" android:layout_marginTop="10dp" android:text="所在地区："/>
    
    <TextView android:id="@+id/tv_location" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintTop_toBottomOf="@+id/tv_name" app:layout_constraintStart_toEndOf="@+id/tv_tip_location" android:layout_marginStart="10dp" android:layout_marginTop="10dp" tools:text="北京市某某科技园"/>

垂直居中对齐  
![在这里插入图片描述][20200829114039738.png_pic_center]

<TextView android:id="@+id/tv_tip_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="用户名：" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="@+id/tv_name" app:layout_constraintBottom_toBottomOf="@+id/tv_name"/>
    
        <TextView android:id="@+id/tv_name" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@+id/tv_tip_name" tools:text="1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111"/>

end~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/f1697cc8c45a4138861974ed121b1154.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/64021b40db5e457da2f9e4ed402696f0.png
[20200829113614369.png_pic_center]: /images/20221123/b55d45953673416083b6ae793b27e3f3.png
[20200829113806199.png_pic_center]: /images/20221123/c3e5ebaf747f41a880523b8cac4ef671.png
[20200829114039738.png_pic_center]: /images/20221123/92da20da950040068c974fa71125d728.png

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android约束布局ConstraintLayout的Guideline，CardView

Android约束布局ConstraintLayout的Guideline，CardView <?xml version="1.0" encoding="

待我称王封你为后i/ 2024年02月29日 03:32/ 0 赞/ 11 阅读

相关 Android ConstraintLayout约束布局的居中

Android ConstraintLayout约束布局的居中 xml代码： <?xml version="1.0" encoding="utf-8"?>

矫情吗；*/ 2023年10月17日 19:07/ 0 赞/ 16 阅读

相关 Android约束布局ConstraintLayout

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLay

你的名字/ 2023年10月17日 16:21/ 0 赞/ 83 阅读

相关 Android布局-ConstraintLayout示例

match\_parent 问题宽度match\_parent，就设置宽度为0dp，再设置左约束和右约束；高度match\_parent，就设置高度为0dp，再设

深碍√TFBOYSˉ_/ 2022年12月02日 01:10/ 0 赞/ 158 阅读

相关 Android studio约束布局 ConstraintLayout

ConstraintLayout(约束布局), 是2016年`Google I/O`最新推出的Android布局, 目前还在完善阶段. 从推出的力度而言, 应该会成为主流布局样

朱雀/ 2022年07月14日 14:46/ 0 赞/ 223 阅读

相关 Android页面布局优化之ConstraintLayout

本文不讲怎么使用ConstraintLayout，具体使用可参考我分享的连接，只记录一些过度绘制的基本概念。什么是过度绘制怎么查看过度绘制优化过度绘制

ゝ一世哀愁。/ 2022年05月28日 23:27/ 0 赞/ 299 阅读

相关 Android约束布局ConstraintLayout示例

`ConstraintLayout` 约束布局由 2016 年 Google I/O 推出。扁平式的布局方式，无任何嵌套，减少布局的层级，优化渲染性能。从支持力度而言，将成为主

深碍√TFBOYSˉ_/ 2022年05月08日 12:06/ 0 赞/ 182 阅读

相关 Android布局：ConstraintLayout-约束布局

威哥更新了Android Studio 的IDE后，发现每次新建Activity时，默认创建的布局文件是下面这样的： <?xml version="1.0" enco

深碍√TFBOYSˉ_/ 2022年02月23日 14:44/ 0 赞/ 388 阅读

相关 Android ConstraintLayout 约束布局详解

早在2016年的Google I/O大会上，提出的一个可以灵活控制子控件的位置和大小的新布局。并且其号称可以实现布局最大程度的扁平化。Google 发布了Android St

àì夳堔傛蜴生んèń/ 2022年01月07日 12:17/ 0 赞/ 372 阅读

相关 Android ConstraintLayout布局详解

解析ConstraintLayout的性能优势 [https://mp.weixin.qq.com/s/gGR2itbY7hh9fo61SxaMQQ][htt

不念不忘少年蓝@/ 2021年09月26日 07:58/ 0 赞/ 333 阅读