pyqt+qml学习实战demo，布局

继续上回的内容

窗体现在可以正常的运行了，那接下来肯定就是向要一个有按钮有文本或者输入框之类的窗口了。

所以我们有了这个想法之后，我们就去百度进行搜索了，这边我用的关键词是《qtquick 布局》

如图，我们得到了这些搜索结果 ，同样的，选择一个自己喜欢的点进去看，我一般是从第一个结果开始看。打开第一篇文章

 现在我们就要开始学习（复制粘贴）了

替换相关代码，然后运行 

 尴尬，运行之后没任何反应也没报错，说明代码运行正常，仔细对比之后发现少了个visible属性，这个按英文翻译就是 是否可见，之前第一篇文章里面是有这个属性设置为true的，于是照搬照抄，将代码放到里面

再次运行，

 成功了，看来是需要设置可见属性才可以，好的，接下来就开始对这些代码进行删减分析了，我们依次去改动代码，然后运行，看看改变的地方，以便确定这些代码的作用。

先从我们能看到的改，我们可以看到Top，Left、、、等待这些字符串，我们可以猜到这些就是文字标签，我们把它改成中文

根据文章介绍和 中英文翻译，我们就大概能知道这些东西，这位置的代码应该是中上方的位置，白色的字体。我们改动这些属性然后运行来确定我们的想法

 嗯，这个结果就表示我们想法是对的，然后我们可以尝试多改一些代码，然后运行来验证，高度宽度，这些我们就不用说了。我在尝试把上方的背景色改成黑色。想法就是直接把blue，改成black。大胆的尝试就可以了。

 可以看到，确实是这么做的。

现在基本上就掌握了一些基本的属性了。

然后我们需要掌握下这些位置的写法了

按文章说法，anchors附件属性将一个元素的边定位到另一个元素的边。

那么我们就来改下上方这个框框里面的文本，我们来让他居中显示看看，居中的话，我们应该是可以参考下中间这个框框的布局方式，我们将它的布局代码复制过来看看

运行之后，可以看到跟我们想象的一样，

 

然后我想让它显示在左上方。

 

根据代码，我理解成这样。然后运行试试 

 结果也是跟想象的一样，如此变掌握了一点位置的控制。

接下去的Grid，也是这样去学习，复制代码，然后加上自己的猜想去更改代码，运行。看变化。来学习，这边就不再继续讲了。

然后我打算给它搞个简单的登录窗口。下篇文章继续