如何用QT做出漂亮的界面

首先你需要一个美工，帮你设计好看的UI样式，或者自己设计也可以，

然后参照设计好的UI样式，完成代码的编写，在设置代码样式前你需要知道这些控件的设置方法，比如一个QPushButton的背景色：红色，前景设置白色，边框黑色

    background-color: red

    border-style: outset

    border-width: 2px

    border-color: black

    color: white 

}

其他控件配置请参考Qt提供的帮助文档：

http://doc.qt.io/qt-4.8/stylesheet-examples.html

用QStackedWidget，通过QButtonGroup来进行这些界面的切换。

QButtonGroup *btnGroup = new QButtonGroup()

// 栈界面

QStackedWidget *stackedWidget = new QStacedWidget()

// 加入按钮和界面

for (int i = 0 i < 5 i++) {

   QPushButton *btn = new QPushButton()

   btn->setText(QString::number(i + 1))

   btnGroup->addButton(btn, i)

   QWidget *widget = new QWidget()

   statckedWidget->addWidget(widget)

}

// 关联信号槽

connect(btnGroup, SIGNAL(buttonClicked(int id)), stackedWidget, SLOT(setCurrentIndex(int index)))

Pycharm中setting->Tools->External Tools->+

如下：

working directory：一般会自动生成 或者输入

即当前目录

然后就可以在tool下发现 pyqt designer了

打开界面如下 就可以开始页面设计了

用designer生成的文件为.ui文件，我们需要转换成py文件，所以要用到PyUIC，配置过程类似

program：这里是你python.exe文件的位置。

arguments：这里固定的

working directory：这里注意不要用自动生成的路径 需要使用

不然在生成py文件时会报错 no such file *.ui

这样就可以直接生成.py文件了。

新建一个base.py文件

运行base.py 即可打开你写好的页面

1、QT 设计师界面

只会创建*.ui文件，需要手动添加ui管理的类

2、QT 设计师界面类

会创建*.h*.cpp和*.ui一共三个文件

你现在还会觉得是一样的吗？

不知道你的如何是什么意思...有具体需求没？

挽尊先~~~

需要制作好看的ui嘛，一有设计二有实现。QT基础要扎实，这个不提。

//基础------------------------------------------------------------------------------------

审美观。就是你得能设计出一个你觉得好看且大家都觉得好看的界面~不然技术再牛X，功能实现得怎么怎么好，大家觉得丑就白搭。

熟悉ui里各大控件。可以将Qt自带的所有你觉得有用的控件属性摸熟。这点很重要，经济基础决定上层建筑，有控件才能实现。打个比方，之前要搭一个含有几排QLineEdit的界面，纯手写代码实在是太麻烦了，然后偶然发现可以把控件塞到QTableWidget，表头一藏，边框一去，效果一样，还方便~~有时候，人家自带的属性比你手写更加完美~

//需要掌握的一些-------------------------------------------------------------------------

自绘标题栏。再好看的Dialog依然是系统的，可以看看你用的杀毒软件，那种界面也可以用QT搭哟，最火的应该是论坛里的Qt实现360界面，可以参考怎么制作漂亮的标题栏。

StyleSheet Qt样式表。再好看的界面没有亮眼的颜色和响应搭配怎么行？样式表里繁杂的属性，多种调色会令你大开眼界的！（我也只摸了个皮毛，功能应该不止这些耶）

重写界面类。有些界面控件你想用，但是还是想小小改一下咋办，提升一个继承自该控件的类，把你需要的写上去~~

我暂时想到的就这些，家里的键盘好破，打的手酸T T

安装Qt, VS和 Qt5 Visual Studio Add-in.

配置好环境变量, 如qmake_path和QTDIR.

打开VS查看是否有"QT"工具栏.

点击 文件 ->新建 ->项目, 在左边模板中选择Qt Project, 然后在右边选择Qt Application

输入名称和解决方案名称, 位置不能有中文路径, 确定

在左边选择 "解决方案资源管理器", 打开FormFile, 双击对应UI文件进行编辑