【2022/8/27】Qt自制C语言IDE——界面设计

整体思路

刚刚搞完东软那边的医疗检测项目，又开始搞学校这个自制C语言IDE项目，我曾经是不相信“小学期学的比一年都多”这句话的，现在我有点信了…

由于我们只有十天不到，那很明显从头设计一个全新的UI是不合理的，所以我作为写界面的人，就打算找一个参考。但是一般的IDE都有一种说不出的粗糙的感觉，而组长说界面要有气质。那问题来了，什么样的IDE算是有气质的呢？

我和组长的目光都不约而同地看向了它…

由于我习惯使用深色模式，所以就先用深色模式作为蓝本来写，之后有时间再实现换肤功能。（我们小组内部交流了一下发现男生都喜欢用深色模式，女生都喜欢用浅色模式，这是什么奇怪的喜好倾向？）

来我们分析对比一下CLion的界面和一般的IDE的界面风格有什么区别。

我个人感觉CLion主要是胜在两方面，第一个方面是简约，CLion通过下图这些按钮把很多界面都暂时隐藏掉了，突出重点，即编写代码的区域

第二个方面我感觉是各种精致的小图标，就像下图，给我的感觉就像男人穿搭提升逼格的方法之一就是在配饰上下功夫，比如说尾戒、帝国领针、波罗带…

不过很显然，时间来不及，所以第一天的初稿是一个简略版。很显然小细节很多地方没有搞好，但是第一天嘛，大行不顾细谨，功能上没啥问题就行。

以下是遇到的一些技术上的问题。

技术问题

添加资源文件之后无法显示

按照下图这本书的2.4.2所言，我要先新建一个Resource文件夹，然后加前缀，然后把图片作为资源添加进去

接着我就能在比如下图这种地方用上。

但是遇到了两个问题。

1. 没有把图片放到项目内部，导致在设计界面的时候图标是显现的，但是一运行就没有图标了。然后我就看到了这一句话。

虽然没看到提示，但确实这样能解决问题，所以后来我把图片放在了这里。

2. 第二个问题是我明明添加了资源文件，但是在给Action添加图标的时候还是找不到对应的文件。

后来上网看了一下，添加完资源文件之后要qmake一下，问题解决。

Tab Widget 的Tab的样式无法通过UI设计界面调节

找了好几遍好像确实没找到，后来直接是利用代码来改了。

ui->tabWidget->setStyleSheet("QTabWidget#tabWidget{background-color:rgb(43,43,43);}\
                                     QTabBar::tab{background-color:rgb(60,63,65);color:rgb(187,187,187);font:8pt '新宋体'}\
                                     QTabBar::tab::selected{background-color:rgb(78,80,84);color:rgb(187,187,187);font:8pt '新宋体'}");

UI设计界面里面调整Layout中各个组件的比例无法调节

后来运行了拽了一拽窗口，发现控件没法自适应，这可万万使不得。于是就往MianWindow里面扔了一个QHBoxLayout，然后再UI设计界面里面找调节比例的，找到了这个。

注意这个属性类面的数值，初始化的时候有几个数字，就代表Layout里面有多少个控件，然后你修改之后的数字个数必须和最开始的一致。

还没有解决的问题

白边

我以为是Tab Widget的边框的颜色，然后去StyleSheet里面改，

然后UI界面不再显示那个白边

但是运行起来还是有。

看网上说UI更新了但是运行起来不显示是头文件啥的问题，但是今天搞不动了，明天再来。