飞腾派
直播中

jf_39110170

1年用户 343经验值
擅长:可编程逻辑 嵌入式技术 EDA/IC设计
私信 关注
[经验]

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

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

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

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

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

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

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

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

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

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

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

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

接上三篇:

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

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

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

我在本william hill官网 内的试读经验 :

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

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

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

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

谢谢!

还没吃饭

2024年1月27日

更多回帖

发帖
×
20
完善资料,
赚取积分