Android约束布局

最新推荐文章于 2024-03-30 21:12:40 发布
最新推荐文章于 2024-03-30 21:12:40 发布
阅读量191 收藏
点赞数
分类专栏： Android 文章标签： xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xx080/article/details/123841459
版权

约束布局

<?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"
    android:orientation="vertical"
    tools:context=".MainsActivity">

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.2" />
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.4" />
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.6" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.8" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g21"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.22" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g22"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.34" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g23"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.47" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g24"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.6" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g25"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.73" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/g26"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.86" />

    <TextView
        android:id="@+id/editTextTextPersonName2"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:ems="10"
        android:text="0"
        android:textSize="28sp"
        android:gravity="bottom|right"
        android:background="@null"
        app:layout_constraintBottom_toTopOf="@+id/g21"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn_mc"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="MC"
        app:layout_constraintTop_toTopOf="@+id/g21"
        app:layout_constraintBottom_toTopOf="@+id/g22"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/g11"/>

    <Button
        android:id="@+id/btn_mr"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="MR"
        app:layout_constraintBottom_toTopOf="@+id/g22"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="@+id/g11"
        app:layout_constraintTop_toTopOf="@+id/g21" />

    <Button
        android:id="@+id/btn_ms"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="MS"
        app:layout_constraintBottom_toTopOf="@+id/g22"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g21" />

    <Button
        android:id="@+id/btn_m_add"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="M+"
        app:layout_constraintBottom_toTopOf="@+id/g22"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g21" />

    <Button
        android:id="@+id/btn_m_sub"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="M-"
        app:layout_constraintBottom_toTopOf="@+id/g22"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/g14"
        app:layout_constraintTop_toTopOf="@+id/g21" />

    <ImageButton
        android:id="@+id/button17"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/arrow_left"
        app:layout_constraintBottom_toTopOf="@+id/g23"
        app:layout_constraintEnd_toStartOf="@+id/g11"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/g22" />

    <Button
        android:id="@+id/button18"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="CE"
        app:layout_constraintBottom_toTopOf="@+id/g23"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="@+id/g11"
        app:layout_constraintTop_toTopOf="@+id/g22" />

    <Button
        android:id="@+id/button19"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="C"
        app:layout_constraintBottom_toTopOf="@+id/g23"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g22" />

    <ImageButton
        android:id="@+id/button20"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/pn_icon"
        app:layout_constraintBottom_toTopOf="@+id/g23"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g22" />

    <ImageButton
        android:id="@+id/button21"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/right_icon"
        app:layout_constraintBottom_toTopOf="@+id/g23"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/g14"
        app:layout_constraintTop_toTopOf="@+id/g22" />

    <Button
        android:id="@+id/button22"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="7"
        app:layout_constraintBottom_toTopOf="@+id/g24"
        app:layout_constraintEnd_toStartOf="@+id/g11"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/g23" />

    <Button
        android:id="@+id/button23"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="8"
        app:layout_constraintBottom_toTopOf="@+id/g24"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="@+id/g11"
        app:layout_constraintTop_toTopOf="@+id/g23" />

    <Button
        android:id="@+id/button24"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="9"
        app:layout_constraintBottom_toTopOf="@+id/g24"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g23" />

    <Button
        android:id="@+id/button25"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="/"
        app:layout_constraintBottom_toTopOf="@+id/g24"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g23" />

    <Button
        android:id="@+id/button26"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="%"
        app:layout_constraintBottom_toTopOf="@+id/g24"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/g14"
        app:layout_constraintTop_toTopOf="@+id/g23" />

    <Button
        android:id="@+id/button27"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="4"
        app:layout_constraintBottom_toTopOf="@+id/g25"
        app:layout_constraintEnd_toStartOf="@+id/g11"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/g24" />

    <Button
        android:id="@+id/button28"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="5"
        app:layout_constraintBottom_toTopOf="@+id/g25"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="@+id/g11"
        app:layout_constraintTop_toTopOf="@+id/g24" />

    <Button
        android:id="@+id/button29"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="6"
        app:layout_constraintBottom_toTopOf="@+id/g25"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g24" />

    <Button
        android:id="@+id/button30"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="*"
        app:layout_constraintBottom_toTopOf="@+id/g25"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g24" />

    <Button
        android:id="@+id/button31"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="1/x"
        app:layout_constraintBottom_toTopOf="@+id/g25"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/g14"
        app:layout_constraintTop_toTopOf="@+id/g24" />

    <Button
        android:id="@+id/button32"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="="
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/g14"
        app:layout_constraintTop_toTopOf="@+id/g25" />

    <Button
        android:id="@+id/button33"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="1"
        app:layout_constraintBottom_toTopOf="@+id/g26"
        app:layout_constraintEnd_toStartOf="@+id/g11"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/g25" />

    <Button
        android:id="@+id/button34"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="2"
        app:layout_constraintBottom_toTopOf="@+id/g26"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="@+id/g11"
        app:layout_constraintTop_toTopOf="@+id/g25" />

    <Button
        android:id="@+id/button35"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="3"
        app:layout_constraintBottom_toTopOf="@+id/g26"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g25" />

    <Button
        android:id="@+id/button36"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="-"
        app:layout_constraintBottom_toTopOf="@+id/g26"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g25" />

    <Button
        android:id="@+id/button37"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="0"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/g12"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/g26" />


    <Button
        android:id="@+id/button39"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="."
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/g13"
        app:layout_constraintStart_toStartOf="@+id/g12"
        app:layout_constraintTop_toTopOf="@+id/g26" />

    <Button
        android:id="@+id/button40"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="+"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/g14"
        app:layout_constraintStart_toStartOf="@+id/g13"
        app:layout_constraintTop_toTopOf="@+id/g26"
        app:layout_constraintVertical_bias="0.351" />
</androidx.constraintlayout.widget.ConstraintLayout>
xx080
关注
专栏目录
Android 约束布局（ConstraintLayout）详解
Airsaid
01-13 4万+
前言 约束概述 转换布局 开始 创建布局 添加约束 基线约束 Chains Properties 设置宽高比例 Guidelines 自动添加约束 参考 本篇 ConstraintLayout 讲解版本：1.0.2，1.1.x 版本开始新增功能在下篇进行讲解。 前言 ConstraintLayout 是一个 ViewGroup，它的出现是为了解决复杂布局时，布局嵌套（
Android ConstraintLayout 约束布局 1
最新发布
2401_86392012的博客
09-04 1252
2.0的自定义Helper和motionLayout还未明白，先不记录，后期学完再补进来。
Android约束布局ConstraintLayout
2401_84011132的博客
03-30 1491
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。还有 高级架构技术进阶脑图 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。Android 基础知识点Java 基础知识点Android 源码相关分析常见的一些原理性问题。
ConstraintLayoutDemo:Android 约束布局示例
05-18
Android 约束布局示例 约束布局在2016年IO 谷歌大会早就提出来了，As 2.2早也就有了可以拖拽的拓展，现在As 都3.x了，我现在才来看这个布局也是尴尬。ConstraintLayout有效的解决了多层嵌套复杂布局的问题，加快渲染...
android 约束 布局_Android约束布局动画
从零开始的教程世界
07-10 1226
android 约束 布局In this tutorial, we’ll be implementing Constraint Layout Animations in our Android Application. 在本教程中，我们将在Android应用程序中实现约束布局动画。 约束布局动画 (Constraint Layout Animation) We can create beaut...
android 约束布局 性能,Android ConstraintLayout约束布局完全解析
weixin_39887546的博客
05-26 794
布局优化是性能优化的一个方向点，包括了根据需求应该选用哪种布局容器、ViewStub懒加载，如何减少布局层级等，今天我们要探讨的就是如何使用ConstraintLayout来优化我们的布局层级。概述.png提出问题为什么要用这个布局？怎么用这个布局？不足在哪里？优势ConstraintLayout就是为性能而生，目标就是减少布局嵌套，提高measure+layout性能，来看看官方给出的数据。性能...
Android约束布局ConstraintLayout使用完全解析
11-21
`ConstraintLayout`是Google在Android Design Support Library中引入的一种布局，它允许开发者通过建立视图间的约束来定位和调整大小，使得布局在不同屏幕尺寸上都能保持良好的适应性。相比传统的线性布局...
android约束布局的优缺点,Android约束布局ConstraintLayout由浅入深的使用总结
weixin_30114439的博客
05-26 2818
优缺点优点极大程度减少布局层级可以实现一些其他布局管理器不能实现的样式缺点每个被参考的控件都需要设置id以下所有描述都是针对ConstraintLayout下子控件的，通用的属性在此不再叙述，只针对ConstraintLayout独有属性进行探讨。基本用法一、定位1. 相对定位layout_constraintLeft_toLeftOflayout_constraintLeft_toRightOf...
Android——ConstraintLayout(约束布局)
热门推荐
The_onion的博客
11-03 1万+
约束布局ConstraintLayout 是一个ViewGroup，可以在Api9以上的Android系统使用它，它的出现主要是为了解决布局嵌套过多的问题，以灵活的方式定位和调整小部件。从 Android Studio 2.3 起，官方的模板默认使用 ConstraintLayout。
Android App开发超实用实例 | 约束布局
不断学习，不断进步，提高自己
11-12 2089
从多个角度介绍约束布局设计中的控件定位。
Android开发 - 掌握ConstraintLayout（七）辅助线(Guideline)
weixin_34146986的博客
11-08 635
了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。 在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助线，对齐我们的View，避免重复写一些marginXXX。 创建Guideline 打开编辑器，选择Helpers -&g...
Android 约束布局（ConstraintLayout）
Johnny2004的专栏
11-30 9847
0、ContraintLayout（约束布局） （约束布局）ConstraintLayout 类似于 （相对布局）RelativeLayout，但约束布局比相对布局更灵活，性能更出色。而且ContraintLayout可以按照比例约束控件位置和尺寸，能够更好地适配屏幕不同的机型。 1、添加依赖 需要在app/build.gradle文件中添加ContraintLayout的依赖 implementation ‘com.android.support.constraint:constraint-la
Android 约束者布局
墨漓
08-03 430
目录 一.介绍约束布局： 二 .使用约束布局： 三 .约束概述： 四.自动添加约束的两种方式 一.介绍约束布局： ConstraintLayout 是一个 ViewGroup，它的出现是为了解决复杂布局时，布局嵌套（布局内的布局）过多的问题（嵌套布局会增加绘制界面所需的时间）。它可以根据同级视图和父布局的约束条件为每个视图定义位置，类似于 RelativeLayout 所有视图都是根据...
【Android开发】约束布局
weixin_42020386的博客
01-18 170
<?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.co
Android 约束布局 | 学习笔记
weixin_43410621的博客
08-24 160
约束布局 安卓新版本新增加的内容，新建工程之后自带的 ConstraintLayout 就是约束布局。 新建textView之后下拉、右拉、左拉、上拉，之后就会出现四个弹簧，可以随意拖动、改变位置。
android 约束布局
07-28
Android约束布局(ConstraintLayout)是一种可以灵活控制子控件位置和大小的布局方式。它是Android官方在2016年Google的I/O大会推出的，并且在最新版的Android Studio中成为创建布局文件的默认根元素。\[1\] 在约束...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xx080

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值