IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 约束布局(constraintlayout) 最强大官方指定布局 -> 正文阅读

[移动开发]约束布局(constraintlayout) 最强大官方指定布局

一、属性
本以为百分比布局已经很无敌了,没想到约束布局尽然比他还勇猛。他就是AS2.3以后谷歌 布局亲儿子。
目前AS2.3以后自带的都是这个约束布局, 版本低的可以导入使用:
implementation ‘androidx.constraintlayout:constraintlayout:1.1.3’

  官网:https://developer.android.google.cn/reference/android/support/constraint/ConstraintLayout

常用属性
layout_constraintLeft_toLeftOf
layout_constraintLeft_toRightOf
layout_constraintRight_toLeftOf
layout_constraintRight_toRightOf
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf

二、使用

<TextView
//宽高为0先不在这定义,一般应用要适应各种尺寸的手机, 所以做app时尽量不要定死,按比例来。
android:layout_width=“0dp”
android:layout_height=“0dp”

    //约束布局必须要有约束才会生效下面四个属性为约束,使控件居中
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    
    //在这给控件定义比列的宽高父容器的总宽高都为1
    app:layout_constraintWidth_percent="0.5"
    app:layout_constraintHeight_percent="0.5"
    
    //上面已经约束居中了,调整左右可随意调整位置
    app:layout_constraintHorizontal_bias="0.1" //水平距左距离,默认0.5居中
    app:layout_constraintVertical_bias="0.1" //竖直距上距离,默认0.5
    />

在这里插入图片描述
可以得到上图,一般情况用这几个属性就可以了,百分比布局用法,更够解决基本上的问题。

三、更多属性
1:在另一个控件上下左右边
app:layout_constraintRight_toLeftOf="@+id/text" //在text的左边
layout_constraintTop_toBottomOf 在控件的下边
layout_constraintBottom_toTopOf 在控件的上边
layout_constraintLeft_toRightOf 在控件的右边

2:在另一个控件的角度和距离
app:layout_constraintCircle="@+id/text"
app:layout_constraintCircleAngle=“90”(角度)
app:layout_constraintCircleRadius=“100dp”(两控件中心到中心的距离)

3:控件的宽高比设置大小
首先通过android:layout_width、android:layout_height直接指定大小。或者通过app:layout_constraintWidth_percent、app:layout_constraintHeight_percent指定百分比大小。
宽和高指定一个就行,然后使用以下属性
app:layout_constraintDimensionRatio=“H,1:3” (已指定宽或者高:未指定高或者宽)

4:权重weight(水平方向)
android:layout_width=“0dp”
app:layout_constraintHorizontal_weight=“2”

android:layout_width=“0dp”
app:layout_constraintHorizontal_weight=“1”

android:layout_width=“0dp”
app:layout_constraintHorizontal_weight=“1”

5:文字基准线对齐
app:layout_constraintBaseline_toBaselineOf="@id/text"

6:--------待跟新

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-08-11 12:31:59  更:2021-08-11 12:34:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 5:06:49-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码