Android-约束布局学习_layout_constrainttop_totopof

Android-约束布局学习

相对位置属性

• 说明：这里的上下和 左右应该是对应的，否则只指明一个方向的话，另外一个方向没有对应的基准，将会导致直接紧贴指定的那个方向上的组件，这点可自己试验
• 这里的水平和垂直两个占比，一般的值为0-1，表示从指定基准的最左到最右，或者最上到最下，甚至你也可以指定比1大的或者比0小的，那么这个意思将为将组件排列至指定的两个方向基准的外部，当然了，这个占比必须在本方向上的两个基准都指定了才有效，这个具体情况可以自己试验
• 这里再说的一点是，这里控件的宽度或者高度虽然可以设置成match_parent，但是他跟普通的却不一样，普通的match_parent是最大于父布局，约束布局的match_patent是充满某个方向的约束
• 举个例子：

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
1
2
3
4
5
6
7
8

• 其中layout_marginBottom这个属性跟普通的margin属性一样，不再多说
• 普通的使用方法就是这样，接下来看一下进阶的

Guideline

• 不知道大家有没有想到，我们这里的约束边界都是以屏幕为边界的来约束的，那么如果我想把某个布局或者某些布局精准定位到屏幕的中央或者哪里的，用上面的属性可能有点麻烦，所以，android又为我们提供了Guideline这个东西，这个东西就是配合着约束布局来用的
• 说起来难听，直接看一下代码吧

<android.support.constraint.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.86" />
1
2
3
4
5
6

• 这些个代码到底是加了个什么东西呢?我打到Design界面，截个图大家就清楚了
  
• 这里呢，图中那条水平的虚线就是 我们刚才添加的那个代码的效果，这个代码在这里不占地方，但是却为我们更好的一些定位提供了特别好的方位，至于最下面那个0.86参数，就是从上到下是0-1，所占的比例
• 然后我们的控件再根据这条线再次布局，就会简单的多
• 而且，这种线不是唯一的，想加多少就加多少，具体看自己项目需求吧
• 最后，来点比较强大的，自动约束。Autoconnect和Inference，不过个人感觉这种比较鸡肋，因为他无法完全识别我们想要的比例等。
• 这里给大家粘上郭霖大神的链接，大家自行阅读吧