初识Android ConstraintLayout

2023-12-19 02:08

本文主要是介绍初识Android ConstraintLayout,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在5.20这天,终于闲了下来,把许久没更新的Android Studio给更到了2.3.2,然后发现多了好多之前没见过的玩意,其中包括这个新的布局方式ConstraintLayout.
作为自己的第一篇博客,写这个会不会太不自量力了。
不管怎么样,希望这能作为一个坚持写博的契机吧。
那么下面进入正题:

在AS2.2版本之前,我们新建空项目时,系统给主活动配的布局文件默认使用RelativeLayout. 众所周知,RelativeLayout又称为相对布局,主要通过各个控件之间的关系来定位其在屏幕上的位置。虽然灵活,但属性较多且主要使用xml语句编写,使用起来比较复杂。
而现在系统默认使用的ConstraintLayout,跟RelativeLayout有什么差别呢?
个人认为有这几方面不同:
- 主要使用可视化编辑界面
- 更加强调控件之间的关系(约束)

那么我们开始进行ConstraintsLayout的学习吧

创建布局文件

首先,确认你使用的Android Studio版本在2.2及以上。因为2.2版本才首次加入了ConstraintLayout的可视化编辑功能,如果使用2.2之前的版本,那么就只能使用xml代码进行界面编辑,那ConstraintsLayout的最大优势就没有了啊!
你可以新建一个项目,系统会自动帮你创建一个ConstraintsLayout布局文件,或者在左侧目录中app-res-layout右击新建一个layout resource file. 在弹出的窗口中,填写布局文件名以及根布局,这里当然填入ConstraintLayout, 然后点击ok,文件就成功建立了。
新建布局文件

ConstraintLayout的基本使用

布局编辑界面
这就是AS的可视化编辑工作区了,左侧为预览界面,右侧蓝图界面。如图我们可以从左侧的控件栏中将想使用的控件拖入右侧的蓝图界面。
这里我们拖入一个TextView到蓝图界面,可以看到,TextView控件的四条边都出现了一个圆点,我们称它为约束控键。通过约束控键我们可以对当前控件设置各种约束。TextView

而下面的两个按钮,左侧按钮是取消约束,能够删除该控件的所有约束,右侧按钮是文字基线约束按钮,点击后控件将出现一个文字基线约束控键,能对齐两个不同大小的控件中的文字。
下面我们对这个TextView进行一些简单的操作。
单个控件约束操作
我们通过拖动约束控键对其添加约束。可以看到,当对控件右边框与屏幕右侧添加约束时,控件居右对齐;这时同时对控件左边框和屏幕左侧添加约束,空间就居中对齐了。同理得要使控件屏幕居中只要上下左右都对屏幕添加约束即可。最后点击取消约束按钮将刚刚添加的约束全部删除。
下面我们再添加一个按钮控件,学习如何对两个控件添加约束。
两个控件
我们先对Button左侧和TextView右侧添加了约束,然后将Button稍微拉离TextView,可以看到之后不论TextView怎么移动,Button始终和其保持一定水平距离,垂直距离类似;然后我们对其添加了文字对齐约束,可以看到两个控件通过文字对其在一起;最后我们给Button与屏幕右侧添加了约束,,之后不论如何移动,Button总是和TextView于屏幕右侧保持一定的距离比例。
以上就是添加约束的最基本方法了。

那么要删除约束除了刚刚所讲的控件上的按钮外,还有两种方法删除约束,一种是在工作区上方的工具栏中的ClearAll按钮ClearAll按钮它能够将工作区内所有的约束都删除;另一方法可以单个删除约束,如图所示,单击约束控键即可。
ClearSingle

Inspector的使用

每当我们选中一个控件,工作区的右侧都会出现一个Properties界面。
这里写图片描述
其展示出当前控件的各种属性,Properties下半部分与RelativeLayout无异,上半部分是ConstraintLayout特有的,称之为Inspector.
中间的正方形代表当前选中的控件,外面的四条边表示四个方向上的约束,上面的数字表示和其余控件间的最小间隔。左下两条拖动条是用于控制控件约束比例的,50就是距离两边的约束控件各占50%(居中)。
这里写图片描述

不知道各位有没有发现,在正方形的中间有两种不同的符号,其实他们是用来控制控件大小的,点击就能进行切换,一共有这么几种类型:
WarpWarp Content: 即使得控件大小刚好能将内容包括进去。

FixedFixed: 即给控件一个固定的值来控制大小。

MatchMatch Constraints: 即控件大小充满约束。这个跟RelativeLayout和LinearLayout中的match_parent不一样。match_parent是指控件充满父控件,而match constraints意味着在满足约束的条件下充满父布局,看图吧。
这里写图片描述

Guidelines的使用

我忽然想到一个问题,一个按钮的居中很简单,那么如果我要让两个按钮同时居中呢?把两个按钮都关于屏幕两端做约束吧。
这里写图片描述
呃,好像没办法。这个时候就轮到Guidelines出马了。
这里写图片描述
我们在屏幕中央设立一个垂直的Guideline,这就相当于将屏幕分成两个部分,屏幕两边的空间都可以相对于这条Guideline添加约束,如图。
这里写图片描述
水平的Guideline也是一样的。

结语

那么就这样我们就把ConstraintLayout的基本操作给走了一遍。因为本人本身是个新手,要我讲深入也确实是有点为难了,作为我的第一篇博客,我自己是很满意了,如果能帮到各位看官大爷,那真是太好了。
本文参考下面几位大神的博客,有想要更加详细地学习的可以去看看。再次感谢几位大神与各位看官。
[1]Android新特性介绍,ConstraintLayout完全解析,郭霖,http://blog.csdn.net/guolin_blog/article/details/53122387
[2]谷歌约束控件(ConstraintLayout)扁平化布局入门,Qiujuer,http://blog.csdn.net/qiujuer/article/details/51462471
[3]Android ConstraintLayout详解,llitfk_DockOne,
http://www.jianshu.com/p/a8b49ff64cd3

这篇关于初识Android ConstraintLayout的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/510547

相关文章

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

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

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

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

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库,所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包,存

从状态管理到性能优化:全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动

Linux操作系统 初识

在认识操作系统之前,我们首先来了解一下计算机的发展: 计算机的发展 世界上第一台计算机名叫埃尼阿克,诞生在1945年2月14日,用于军事用途。 后来因为计算机的优势和潜力巨大,计算机开始飞速发展,并产生了一个当时一直有效的定律:摩尔定律--当价格不变时,集成电路上可容纳的元器件的数目,约每隔18-24个月便会增加一倍,性能也将提升一倍。 那么相应的,计算机就会变得越来越快,越来越小型化。

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

android应用中res目录说明

Android应用的res目录是一个特殊的项目,该项目里存放了Android应用所用的全部资源,包括图片、字符串、颜色、尺寸、样式等,类似于web开发中的public目录,js、css、image、style。。。。 Android按照约定,将不同的资源放在不同的文件夹中,这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小,以视图的内容或尺寸为基础的布局,比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样,从字面上的意思match_parent更贴切一些,于是从2.2开始,两个属性都可以使用,但2.3版本以后的建议使

Android Environment 获取的路径问题

1. 以获取 /System 路径为例 /*** Return root of the "system" partition holding the core Android OS.* Always present and mounted read-only.*/public static @NonNull File getRootDirectory() {return DIR_ANDR

Android逆向(反调,脱壳,过ssl证书脚本)

文章目录 总结 基础Android基础工具 定位关键代码页面activity定位数据包参数定位堆栈追踪 编写反调脱壳好用的脚本过ssl证书校验抓包反调的脚本打印堆栈bilibili反调的脚本 总结 暑假做了两个月的Android逆向,记录一下自己学到的东西。对于app渗透有了一些思路。 这两个月主要做的是代码分析,对于分析完后的持久化等没有学习。主要是如何反编译源码,如何找到