文章目录

qt之ui设计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; }