Rectangle 之anchors 大军训
anchors是干什么用？专业的说就是定位不同元素位置的属性， 怎么理解这个，可以简单的说对齐排布！
anchors的英文翻译为锚定，固定！
马农骑士@朱朱
manongqishi@163，关注博客manongqishi
军训排队
今天开始军训！大家都很期 待吧！看着你们期待的表情 我就很兴奋！
我先自我介绍一下，我叫牛 魔王，以后就叫我牛教官， 有事打报告！
第一课，排队！你们以这个戴 帽子的同学为排头，以我尾巴 知识的方向排成一横排！开始
看你们排的什么队啊，哪有整 齐的样子，特别是猪鼻子都排 到哪里了，排队是有诀窍的！ 我现在就给你们说明！
马农骑士@朱朱
manongqishi@163，关注博客manongqishi
军训排队
大仙
第一步，我说以戴帽子的同 学为基准！你们要先看戴帽 子的同学！你叫什么？
Rectangle { id: daxian x: 20 y: 20 width: 200 height: 200 }
daxian
怎么样才能向他看齐，只需要 设置一下对齐？
大仙的id 号是多少？
马农骑士@朱朱
manongqishi@163，关注博客manongqishi
军训排队
奇志
以第二位同学为例，你的名 字叫什么？
Rectangle { id: qizhi x: 20 y: 20 width: 200 height: 200 }
daxian
怎么样与它横排对齐？
大仙的id 号是多少？
马农骑士@朱朱
manongqishi@163，关注博客manongqishi
军训排队
Rectangle {
id: zhuzhu x: 20 y: 20 width: 200 height: 200 这位猪鼻子同学你说说该怎 样对齐！
zhuzhu左侧与 daxian右侧对齐
anchors.left: daxian.right anchors.bottom: daxian.bottom }
zhuzhu底部与 daxia 底部对齐
Rectangle { id: zhuzhu x: 20 y: 20 width: 200 height: 200 }
这是猪鼻子同学的代码！ 稍加改造一下就可以让你们整 齐的站好队了！
Rectangle {
margin属性怎么用id: zhuzhu x: 20 y: 20 width: 200 height: 200
Balabala看我牛魔王的魔法！ 好了排队排好了！
anchors.left: daxian.right anchors.bottom: daxian.bottom }
不要挤我啊！
我控制不住 啊，牛教官的 魔法！
马农骑士@朱朱
manongqishi@163，关注博客manongqishi
军训排队
以后不要离我这么近啊！
Rectangle {
id: zhuzhu x: 20 y: 20 width: 200 height: 200 anchors.left: daxian.right anchors.bottom: daxian.bottom
现在舒服多了！
对不住了，忘记给你们设置 间隔了！看为的第二魔法！ Balabala
anchors.leftMargin: 20 }
控制间隔
恩，好！
都在这里那！
怎么突然消失了三个！
都是代码的搬运工，不能进阶 到依葫芦画瓢阶段啊！嗨嗨！ anchors 属性可以很好的控 制住你们的排布，好好记 住！你们按照我说排一个横 队吧！
马农骑士@朱朱
manongqishi@163，关注博客manongqishi