QT 布局 Qt5.10 Android之复杂布局01

大家好，我是云百科的客服小柏，我来为大家解答以上问题。QT，布局，Qt5.10，Android之复杂布局01很多人还不知道，现在让我们一起来看看吧！

解答：

1、 首先，我们创建一个项目。这里因为是QtCreator4.5，所以和之前的项目创建有些不同。如你所见，是不是有点类似于AndroidStudio的项目创建？这里我们选择一个空项目。参考其他引用的经验就行了，差不了多少。下图显示了目录结构。

2、 如何使用SVG

3、 我们主要实现一个如下图所示的主页界面。点击主页按钮，进入其他功能界面。因为这是第一篇文章，所以我们先解释一下布局，然后再解释详细的功能界面的实现。首先，我们在main.qml中添加代码，记得包括头文件，如下所示。

4、 当我们创建模拟器时，我们选择模拟器的分辨率和其他参数。对于这个，可以参考下面引用的经验，然后我会以此为准。当我们在这里指定宽度和高度时，只要通过屏幕对象就可以了。不要自己写，除非有特殊设置。如下图所示，在此定义一个变量以备后用。

5、 Linux下如何配置QtAndroid环境？

6、 首先，实现顶部的两个按钮。因为我们有一个垂直布局，初始布局是ColumnLayout，然后嵌套RowLayout和GridLayout。使用背景图像对象，并注意锚点设置。

7、 然后放置两个按钮，一个在左边，另一个在右边。注意，这里的布局在ColumnLayout中，所以使用Layout.alignment而不是anchors。可以根据按钮的大小属性设置按钮的大小。

8、 中间是广告区，也是按钮。点击进入奖励功能页面。这里，中间的按钮并没有放在上面的RowLayout中，我们只需要按顺序放下就可以了。只要注意这个按钮的大小，以及我们如何设置按钮的背景。按钮本身不能添加到图像中。这时候用ButtonStyle对象设置按钮的style属性，就可以让按钮设置背景图片了。当图片被按钮覆盖时，记住锚点设置。

9、 然后我们按顺序放置一个GridLayout，因为这里要放置7个页面按钮，所以我们需要GridLayout来实现。首先，我们设置GridLayout中的列数。行数可以不设置，但是一定要注意按钮的大小。如下图。

10、 这里的要点是要注意GridLayout的布局。如果不设置anchors.fill，布局会根据里面组件的大小来设置。但是，如果设置遍布窗口，GridLayout将确保内部的组件均匀分布。所以这里我们注意了。如下图。

11、 最后，在我们调试的过程中，很多人可能会在调试终端窗口看到很多红色的警告。在这里，暂且放他们走吧。这也是我用Qt5.10的原因，其实Qt5.9在Linux下是不能使用调试模式的。

本文到此讲解完毕了，希望对大家有帮助。

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！