2020-10-08-qt之ui设计

qt之ui设计

本博客持续更新，灵感主要来自b站某up主的视频与代码。
主要是qt的一些控件ui设计。
当然自己也可以重写控件来实现相应功能

qt 页面切换

主要是用一个主页面，监听与执行按钮发出的信号。然后执行相应的槽函数，也可以写Lambda表达式,{}

qt界面主要有mainwindows和widget两种，当然现在一般不纯用代码来实现相应界面的功能，一般配合设计师界面一起来使用

ui设计

先在pro文件里面添加

#添加资源文件过大导致
CONFIG += resources_big

在styleSheet里面设置一些ui设计，格式和css很像

编辑框样式

如下图：

QLineEdit{
background:transparent;
border:none;
color:#717072;
font-size:32px;
font-family:Microsoft JhengHei;
border-bottom:1px solid #717072;
}

按钮样式

如下图：

QPushButton{
background:#96CA2D;
border-radius:15px;
font-size:25px;
font-family:Microsoft JhengHei;
}
QPushButton:hover{
background:#168039;
border-radius:10px;
font-size:25px;
font-family:Microsoft JhengHei;
}