脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android ConstraintLayout

android 布局之ConstraintLayout的使用

 更新时间：2018年04月21日 08:45:34   作者：虾皮皮  
这篇文章主要介绍了android 布局之ConstraintLayout的使用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

其实ConstraintLayout是Android Studio 2.2中主要的新增功能之一，也是Google在2016年的I/O大会上重点宣传的一个功能。是为了android可视化编辑而做的努力。android studio 的可视化编辑个人不推荐使用，不过ConstraintLayout布局的使用还是有必要了解的。

1，要想使用ConstraintLayout需要在app的build.gradle里面引入：

compile 'com.android.support.constraint:constraint-layout:1.0.2'

2，首先看一个简单的xml和图片效果：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="com.app.qichun.hellowrod.MainActivity">

<TextView
  android:id="@+id/tv1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="Hello World!"
  app:layout_constraintTop_toTopOf="parent"
 />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="第二个控件"
  app:layout_constraintLeft_toLeftOf="parent"
  app:layout_constraintTop_toBottomOf="@+id/tv1"
  />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="第三个控件"
  app:layout_constraintBottom_toBottomOf="parent"
  />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="第四个控件"
  app:layout_constraintLeft_toRightOf="@+id/tv1"
  android:layout_marginLeft="10dp"
  />
 </android.support.constraint.ConstraintLayout>


各位看客官不难看出，xml中四个简单的Textview分布位置，以id为tv的第一个控件为基准，第二个控件在第一个控件的下方，且都在整个布局的左边；第三个控件在整个父布局的左下方；第四个控件在第一个控件的右边。

仔细观察，每个Textview都有类似的属性：

比如第一个控件的：

app:layout_constraintTop_toTopOf="parent"

第二个控件的

app:layout_constraintTop_toBottomOf="@+id/tv1"

字面意思就是：

该控件的某个边和某个控件的某个边对齐。

比如，第一个控件是该控件的上部和父布局的上部对齐，自然就使得第一个控件处于左上方；第二个控件的顶部和第一个控件即id=tv1的控件的底部对齐，自然第二个 控件就会位于第一个控件的正下方。其他举一反三即可。
现在我们规定一个布局再次试验一下，搞个最常见的布局。

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="com.app.qichun.hellowrod.MainActivity">

<TextView
  android:id="@+id/tv1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="任务"
 <!-- 该控件的顶部和父布局的顶部对齐 !-->
  app:layout_constraintTop_toTopOf="parent"
 />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="已完成"
  <!-- 该控件的右边和父布局的左边对齐 !-->
  app:layout_constraintRight_toLeftOf="parent"
  android:layout_marginRight="10dp"
  />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="刘刚"
 <!-- 该控件的顶部和tv1的底部对其齐!-->
  app:layout_constraintTop_toBottomOf="@+id/tv1"
  />
<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="完成时间"
  <!-- 该控件的右边和父布局的左边对齐 !-->
  app:layout_constraintRight_toLeftOf="parent"
 <!-- 该控件的顶部和tv1的底部对齐 !-->
  app:layout_constraintTop_toBottomOf="@+id/tv1"
  android:layout_marginRight="10dp"
  />
</android.support.constraint.ConstraintLayout>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android实现动态切换组件背景的方法

    Android实现动态切换组件背景的方法

    这篇文章主要介绍了Android实现动态切换组件背景的方法,需要的朋友可以参考下
    2014-07-07
  • Android获取本机各种类型文件的方法

    Android获取本机各种类型文件的方法

    这篇文章主要为大家详细介绍了Android获取本机各种类型文件的方法，包括音乐、视频、图片、文档等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android onbackpressed实现返回键的拦截和弹窗流程分析

    Android onbackpressed实现返回键的拦截和弹窗流程分析

    很多网友不明白如何在Android平台上捕获Back键的事件，Back键是手机上的后退键，一般的软件不捕获相关信息可能导致你的程序被切换到后台，而回到桌面的尴尬情况，在Android上有两种方法来获取该按钮的事件
    2023-01-01
  • flutter日期选择器 flutter时间选择器

    flutter日期选择器 flutter时间选择器

    这篇文章主要为大家详细介绍了flutter日期选择器，flutter时间选择器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Android简单实现自定义弹框（PopupWindow）

    Android简单实现自定义弹框（PopupWindow）

    本文主要介绍了Android利用PopupWindow实现自定义弹框的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Android实现读取NFC卡的编号

    Android实现读取NFC卡的编号

    这篇文章主要为大家详细介绍了Android实现读取NFC卡的编号，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • BroadcastReceiver动态注册案例详解

    BroadcastReceiver动态注册案例详解

    这篇文章主要为大家详细介绍了BroadcastReceiver动态注册案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Android控件CardView实现卡片布局

    Android控件CardView实现卡片布局

    这篇文章主要为大家详细介绍了Android控件CardView实现卡片布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Jetpack Compose 的新型架构 MVI使用详解

    Jetpack Compose 的新型架构 MVI使用详解

    这篇文章主要介绍了Jetpack Compose 的新型架构 MVI使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • Android 高德地图POI定位地址搜索功能

    Android 高德地图POI定位地址搜索功能

    这篇文章主要介绍了Android 高德地图POI定位地址搜索功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-02-02

最新评论