继续上回的内容
窗体现在可以正常的运行了,那接下来肯定就是向要一个有按钮有文本或者输入框之类的窗口了。
所以我们有了这个想法之后,我们就去百度进行搜索了,这边我用的关键词是《qtquick 布局》
如图,我们得到了这些搜索结果 ,同样的,选择一个自己喜欢的点进去看,我一般是从第一个结果开始看。打开第一篇文章
现在我们就要开始学习(复制粘贴)了
替换相关代码,然后运行
尴尬,运行之后没任何反应也没报错,说明代码运行正常,仔细对比之后发现少了个visible属性,这个按英文翻译就是 是否可见,之前第一篇文章里面是有这个属性设置为true的,于是照搬照抄,将代码放到里面
再次运行,
成功了,看来是需要设置可见属性才可以,好的,接下来就开始对这些代码进行删减分析了,我们依次去改动代码,然后运行,看看改变的地方,以便确定这些代码的作用。
先从我们能看到的改,我们可以看到Top,Left、、、等待这些字符串,我们可以猜到这些就是文字标签,我们把它改成中文
根据文章介绍和 中英文翻译,我们就大概能知道这些东西,这位置的代码应该是中上方的位置,白色的字体。我们改动这些属性然后运行来确定我们的想法
嗯,这个结果就表示我们想法是对的,然后我们可以尝试多改一些代码,然后运行来验证,高度宽度,这些我们就不用说了。我在尝试把上方的背景色改成黑色。想法就是直接把blue,改成black。大胆的尝试就可以了。
可以看到,确实是这么做的。
现在基本上就掌握了一些基本的属性了。
然后我们需要掌握下这些位置的写法了
按文章说法,anchors附件属性将一个元素的边定位到另一个元素的边。
那么我们就来改下上方这个框框里面的文本,我们来让他居中显示看看,居中的话,我们应该是可以参考下中间这个框框的布局方式,我们将它的布局代码复制过来看看
运行之后,可以看到跟我们想象的一样,
然后我想让它显示在左上方。
根据代码,我理解成这样。然后运行试试
结果也是跟想象的一样,如此变掌握了一点位置的控制。
接下去的Grid,也是这样去学习,复制代码,然后加上自己的猜想去更改代码,运行。看变化。来学习,这边就不再继续讲了。
然后我打算给它搞个简单的登录窗口。下篇文章继续