YSP的UI界面设计

文章目录

一、准备工作
二、UI设计
- 1.QPushButton：
三、遇到的bug

一、准备工作

1.MSVC和MinGW上编译的项目，不能用另一个编译器进行编译
2.若要使用MSVC编译器，需要下载对应版本的VS
见此篇：https://blog.csdn.net/Copperxcx/article/details/122540629

二、UI设计

1.QPushButton：

btn->resize(30,30);//按钮大小
openBtn->setStyleSheet("font:bold;background-color:rgb(255,255,255);text-align:left");//按钮样式
btn->setStyleSheet("color:blue");//按钮字体颜色
openBtn->setFont(QFont("宋体",12));//按钮字体和大小openBtn->setFixedSize(QSize(200,60));//按钮大小

1.隐藏标题栏，将菜单栏改造为自定义的标题栏

在主窗口的构造函数中，使用以下语句，隐藏标题栏:
this->setWindowFlags(Qt::FramelessWindowHint);

2.菜单栏染色

this->setStyleSheet(QString::fromUtf8("background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(59,59,59, 255), stop:1 rgba(84,84,84, 255));"));//设置背景色

3.加入登录用户、最小化、最大化、关闭按钮，并用槽函数实现点击后的效果。
让这几个按钮随着窗口大小变化而移动，而不是定死的坐标

4.加入工具栏ToolBar和状态栏StatusBar

工具栏:
QToolBar *toolBar = new QToolBar(this); //创建工具栏
addToolBar(toolBar);                    //添加工具栏到窗口
addToolBar(Qt::LeftToolBarArea,toolBar);//靠左
toolBar->setMovable(false);              //不可移动

状态栏：
QStatusBar * stBar = statusBar();
setStatusBar(stBar);

5.QLabel控件背景透明(阴影去除)：

ui->lbl_icon->setStyleSheet("background:transparent");//QLabel控件背景透明

ui->lbl_YSP->setAttribute(Qt::WA_TranslucentBackground);//QLabel控件背景透明

三、遇到的bug

1.无法解析的外部符号：
①声明了没有实现
②试试重新构建

YSP的UI界面设计相关推荐

UI培训教程分享：APP启动页UI界面设计
本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计启动页面 ...
UI素材模板|App搜索页UI界面设计版式
无论是在app还是在web端,搜索都是一个发现内容的重要方式.与web端不同,app上的搜索功能在设计方面有自己独特的展现方式. 下面就看看这些App搜索页UI界面设计吧. 工作搜索App免费UI ...
UI界面设计视觉设计参考模板，解剖分层看如何更好的运用排版法则
排版在平面设计领域极为重要,它不只在海报.广告中使用,在制作UI的作品集.UI界面设计.网页设计.运营设计也要注重设计排版,下面分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感 ...
App引导页学习进阶临摹模板|UI界面设计步骤
设计一个成功的App引导页可以说是我们APP界面设计师需要重点用心对待的事情,因为APP引导页的设计取决于用户对这个APP的第一印象,或是大概的了解. 像素精简版 - 免费引导4 UI套件www.s ...
App ui界面设计模板素材，分分钟激活灵感
手机界面在人机交互的过程中,是进行信息输入和输出的重要媒介. 任何手机信息交换的大部分过程都是通过手机界面进行的, 不同种类的手机界面也将带给人不同的视觉感受. SooUI(搜优) 是为UI设计师.U ...
android 按钮旋转等待,android高分段进阶攻略（3）旋转等待UI界面设计
因为最近工作较忙的原因,可能更新较慢,而且内容越来越细,从一个完整的app到一个简单的功能,甚至到UI设计,今天介绍的就是一个常见的UI设计,先上图: 别看只是个简单的UI,只有几行代码,当时我把这 ...
游戏UI界面设计视频教程全套
库(UI插画漫画开发建模美术教程大全) 2014-11-28 16:54:21 1.全面系统(从基础到进阶,涵盖所有细节,特别是没有受过特别专业培训的亲们,更加需要) 2.有序排列(按照教程属性与绘画 ...
2018年Sketch UI界面设计套件前十了解下！
Sketch近几年凭着大量的插件和免费教程迅速发展,而Sketch的忠实粉丝们也乐于将他们的免费模型分享出来.这也意味着你会在网上找到更多的免费Sketch素材,从完整的模型到内容详实的UI套件. 为 ...
Android Studio：基本UI界面设计（详细）
一. 实验题目基本UI界面设计二. 实现内容实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...