【飞腾派4G版免费试用】4.手把手玩转QT界面设计

嗨，亲爱的工程师、学生和爱好者们，我来啦！欢迎来到神秘的飞腾派世界！如果你是一位电子工程师或者对魔法般的嵌入式技术感兴趣的话，那么你来到的地方绝对没错！今天，我们将一起探索一个令人惊叹的飞腾派，它能让我们的设备在智能的世界中自由翱翔， 但是别紧张，这不是那种会让你头大的算法问题，而是通过我的讲解就像在家里看电影一样的简单有趣！今天我要给大家介绍一个非常酷炫的东西，那就是Qt Designer！它简直就是魔法棒，让你的界面设计变得轻而易举！

首先，让我们来了解一下Qt Designer。这个软件是专门为界面设计而生的，你可以像玩拼图一样，直接拖拽控件到界面上。然后，Qt Creator这个魔法石就能把这些界面转换成C++代码。更厉害的是，Qt Creator还把Qt Designer藏在了自己的身体里，让你在设计和代码之间自由切换！

不过，你们知道吗？在Qt Creator里，Qt Designer的界面有点黑乎乎的，不太清晰。所以，我建议大家单独打开Qt Designer来设计界面。这样，你就能享受到白色主题带来的清新感觉了。如果你的电脑是双屏的，那就一边写代码，一边设计界面，简直爽翻了！

那么，如何在项目中快速打开Qt Designer呢？很简单，你把鼠标放在左侧项目目录中的mainwindow.ui上，右键选择“用...打开”，然后选择Qt Designer就可以了。看，是不是很方便？

打开Qt Designer后，即使你之前完全没有用过，也能轻松上手。我们一起来精简一下界面，去掉不常用的部分。把软件右下角的信号/槽编辑器、动作编辑器、资源浏览器统统关掉。这样，你就只剩下了顶部的菜单工具栏、左侧的控件区、中间的界面布局区和右侧的对象查看器、属性编辑器。

使用Qt Designer设计界面的流程超级简单：

1. 从控件区拖拽需要的控件到界面布局区；
2. 在对象查看器中查看控件和它们的顺序；
3. 在属性编辑器中编辑控件的属性；
4. 用工具栏中的布局工具调整界面；
5. 别忘了保存哦，不然Qt Creator就不知道你的界面变动啦！
   

接下来，我们要用Qt Designer设计一个简单的界面。先去掉菜单栏和状态栏，然后按照上面的五个步骤操作：

1. 放置一个Label控件；
2. 设置Label的文本属性为“Hello World”；
3. 水平对齐为中心对齐；
4. 选中窗口；
5. 使用工具栏中的“水平布局”将Label填充到窗口中。

这样Label就乖乖地待在窗口中心了。设计完记得保存哦！

最后，回到Qt Creator中运行程序。等编译完成后，你会看到一个显示“Hello World”的窗口。恭喜你，你已经完成了使用Qt Designer进行界面设计的全部流程！是不是觉得像魔法一样神奇呢？赶紧试试吧！

接上三篇：

【飞腾派4G版免费试用】1.实战交叉编译环境搭建和手把手uboot编译

【飞腾派4G版免费试用】2.手把手实战编译Linux内核

【飞腾派4G版免费试用】3.手把手玩转制作rootfs根文件系统

我在本论坛内的试读经验 :

《电子工程师必备——九大系统电路识图宝典》+附录2化整为零和集零为整电路分析方法

《运算放大器参数解析与LTspice应用仿真》+学习心得4第三章专用放大器

《Android Runtime源码解析》+深入体会第六章ART的执行（4）

希望上面的经验能对您有所帮助！

谢谢！

还没吃饭

2024年1月27日