Android:Guideline的使用

一、前言:

Android里的ConstraintLayout是个非常强大的工具,它有效的解决了Android里Layout的层级嵌套的问题。使用一个ConstraintLayout可以实现之前多个Layout才能实现的效果。

1、constraintLayout的一些高级用法 布局一个16:9的图片


    

二、Guideline介绍:

1、Guideline

Guideline是只能用在ConstraintLayout布局里面的一个工具类,用于辅助布局,类似为辅助线,可以设置android:orientation属性来确定是横向的还是纵向的。

  • 当设置为vertical的时候,Guideline的宽度为0,高度是parent也就是ConstraintLayout的高度
  • 同样设置为horizontal的时候,高度为0,宽度是parent的宽度
重要的是Guideline是不会显示到界面上的,默认是GONE的。

Guideline还有三个重要的属性,每个Guideline只能指定其中一个:

  • layout_constraintGuide_begin,指定左侧或顶部的固定距离,如100dp,在距离左侧或者顶部100dp的位置会出现一条辅助线
  • layout_constraintGuide_end,指定右侧或底部的固定距离,如30dp,在距离右侧或底部30dp的位置会出现一条辅助线
  • layout_constraintGuide_percent,指定在父控件中的宽度或高度的百分比,如0.8,表示距离顶部或者左侧的80%的距离。

2、实例1

图片.png
  • Button1:依赖的基线,基线距离左侧 50dp;
  • Button2:依赖的基线,基线距离右侧 150dp;
  • Button3:依赖的基线,基线占据百分比70%;



    

    

3、使用Guideline实现控件对称布局

假如,我们想要实现如下的效果,控件A和控件B,在屏幕上对称显示。

图片.png

在这个例子里,我们可以先定义一个垂直的Guideline,然后用这行代码layout_constraintGuide_percent="0.5"让Guideline垂直居中:

 

然后以这根Guideline为基准,左右各constraint一个控件,注意这两行代码app:layout_constraintRight_toLeftOf="@id/guide"app:layout_constraintLeft_toRightOf="@id/guide"

    

效果如下图,在App真正运行的时候,中间那根线是看不见的。

图片.png

你可能感兴趣的:(Android:Guideline的使用)