（九）Android布局类型（约束布局ConstraintLayout）

2024-03-18 16:12
文章标签 类型 android 布局 约束 constraintlayout

本文主要是介绍（九）Android布局类型（约束布局ConstraintLayout），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

        约束布局（ConstraintLayout）与相对布局差不多，是创建一个应用后默认的布局方式，比相对布局更加灵活，一般用于平铺的布局（不适用于层叠布局），常用于托拖拽方式构建页面，最特色的地方在于布局中可以设置参考线、通过托拉拽方式去放置好组件、需要设置约束（否则会设置为绝对定位）。一般采用设计界面进行开发。

拖拉拽设计方式

如果此时，直接拖入一个按钮，想要放置在正中央，会看到出现水平虚线和垂直虚线（参考线）

如果不想放置在正重要，也可以点击参考线，可以添加水平参考线和垂直参考线以及其他参考线

当添加水平参考线后，出现了一条水平方向上的虚线，左侧显示为三角形

点击三角形，可以改变三角形方向，测出下方距离

继续点击三角形，可以将三角形变为百分号（%）

代表的意思是，该水平参考线，距离顶部2%的位置，如果你想要设置为垂直居中的位置，则需要拖动参考线，直到显示的百分比为50%

垂直方向的参考线也是一样的操作方法

首先添加一条垂直方向的参考线，连续点击三角形，使其变为百分比的形式，拖动线，直到其显示为50%

绘制参考线的目的是为了方便放置组件，运行的时候，该参考线是看不见的。此时拖入一个按钮放置在垂直水平居中的位置，看到两条虚线加粗后，则表示位置放置准确，再放开鼠标。

此时再拖入一个按钮，等待垂直方向上的参考线变粗后放开鼠标

添加约束（点击新组件的下方的圆点，连接搭配旧组件的上方圆点），意思是，新组件相对旧组件来的垂直上方位置

结果发现，按钮往下移动了位置

如果不想两个组件爱的太近，可以点击新组件，设置下边距为50dp

设计如下界面就容易了

代码解读

因为其他组件都是参考中间这个组件来的，所以看代码的时候，优先看参考组件，发现id是button

再看上方组件的代码，在参考组件的上方，且下边距为50dp。与相对布局不同的是，设置在参考组件的某个方位的属性中，都带有constraint。

一般，使用约束布局，就很少去看代码，直接设计即可。作为初学者，还是可以看看代码。代码方式能精准定位，托拉拽很难精确定位，如果是熟悉了，两种方法均可做出同样效果，配合使用更高效。

测试

使用拖拉拽方式设计一个登录界面

需要注意的是，排版好了，一定要添加约束，否则设计图和运行出来的结果不一致。

添加约束

参考代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent"tools:context=".MainActivity"><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintGuide_percent="0.1" /><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintGuide_percent="0.5" /><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"app:layout_constraintGuide_percent="0.5" /><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"app:layout_constraintGuide_percent="0.25" /><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"app:layout_constraintGuide_percent="0.75" /><androidx.constraintlayout.widget.Guidelineandroid:id="@+id/guideline8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintGuide_percent="0.9" /><ImageViewandroid:id="@+id/imageView"android:layout_width="409dp"android:layout_height="wrap_content"android:layout_marginTop="128dp"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintHorizontal_bias="0.5"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"app:srcCompat="@drawable/ic_launcher_background" /><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="30dp"android:layout_marginTop="100dp"android:textSize="18sp"android:text="用户名："app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/imageView" /><TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="30dp"android:layout_marginTop="50dp"android:text="密    码："android:textSize="18sp"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="@+id/guideline5" /><EditTextandroid:id="@+id/editTextText"android:layout_width="256dp"android:layout_height="44dp"android:layout_marginStart="10dp"android:layout_marginTop="90dp"android:layout_marginEnd="40dp"android:ems="10"android:hint="请输入用户名"android:inputType="text"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toEndOf="@+id/textView2"app:layout_constraintTop_toBottomOf="@+id/imageView" /><EditTextandroid:id="@+id/editTextTextPassword"android:layout_width="259dp"android:layout_height="41dp"android:layout_marginStart="10dp"android:layout_marginTop="7dp"android:layout_marginEnd="40dp"android:ems="10"android:hint="请输入密码"android:inputType="textPassword"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toEndOf="@+id/textView3"app:layout_constraintTop_toBottomOf="@+id/editTextText" /><Buttonandroid:id="@+id/button6"android:layout_width="321dp"android:layout_height="48dp"android:layout_marginStart="30dp"android:layout_marginTop="50dp"android:layout_marginEnd="30dp"android:text="登录"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView3" /></androidx.constraintlayout.widget.ConstraintLayout>

模拟器效果

真机效果

        大致看起来差不多，但是，仔细点看会发现，无论是模拟器还是真机，都和设计图有差别，这是因为屏幕尺寸不同。

        所以，拖拉拽的方式虽然简单，但是很难做出适合各种屏幕尺寸的效果，主要原因是，使用拖拉拽的方式添加约束，看起来很近的时候，我们会习惯性设置边距；其次，设置了参考线，但是，除了水平居中和垂直居中外，其他参考线，都无法使得其变粗，放置组件就会去设置边距。

        所以，初学开发者通常宁愿写代码，不愿意拖拉拽。这样更容易按照设计图出相应的程序。

这篇关于（九）Android布局类型（约束布局ConstraintLayout）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/822897。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
SQL中的外键约束

SQL中的外键约束

外键约束用于表示两张表中的指标连接关系。外键约束的作用主要有以下三点： 1.确保子表中的某个字段（外键）只能引用父表中的有效记录2.主表中的列被删除时，子表中的关联列也会被删除3.主表中的列更新时，子表中的关联元素也会被更新 子表中的元素指向主表 以下是一个外键约束的实例展示
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
零基础学习Redis(10) -- zset类型命令使用

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合，内部除了存储元素外，还会存储一个score，存储在zset中的元素会按照score的大小升序排列，不同元素的score可以重复，score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
poj 3159 （spfa差分约束最短路） poj 1201

poj 3159 （spfa差分约束最短路） poj 1201

poj 3159: 题意： 每次给出b比a多不多于c个糖果，求n最多比1多多少个糖果。 解析： 差分约束。 这个博客讲差分约束讲的比较好： http://www.cnblogs.com/void/archive/2011/08/26/2153928.html 套个spfa。 代码： #include <iostream>#include <cstdio>#i
阅读更多...
poj 3169 spfa 差分约束

poj 3169 spfa 差分约束

题意： 给n只牛，这些牛有些关系。 ml个关系：fr 与 to 牛间的距离要小于等于 cost。 md个关系：fr 与 to 牛间的距离要大于等于 cost。 隐含关系： d[ i ] <= d[ i + 1 ] 解析： 用以上关系建图，求1-n间最短路即可。 新学了一种建图的方法。。。。。。 代码： #include <iostream>#include
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
【编程底层思考】垃圾收集机制，GC算法，垃圾收集器类型概述

【编程底层思考】垃圾收集机制，GC算法，垃圾收集器类型概述

Java的垃圾收集（Garbage Collection，GC）机制是Java语言的一大特色，它负责自动管理内存的回收，释放不再使用的对象所占用的内存。以下是对Java垃圾收集机制的详细介绍： 一、垃圾收集机制概述： 对象存活判断：垃圾收集器定期检查堆内存中的对象，判断哪些对象是“垃圾”，即不再被任何引用链直接或间接引用的对象。内存回收：将判断为垃圾的对象占用的内存进行回收，以便重新使用。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2