QT 设置第二个界面并从第一个界面跳转到第二个界面

新建另一个界面

在解决方案资源管理器,右键添加add class Qt
在这里插入图片描述
然后一直点下一步就完成了
在这里插入图片描述

跳转

从上一次登录界面的按钮,点击跳转
在第一个界面的头文件声明
在这里插入图片描述有报错记得导入头文件
在cpp文件里写
在这里插入图片描述
运行 输入相同的密码和账户就可以了跳转页面了

主窗口布局

1、侧面导航栏
添加widget,给他一个背景色;
在这里插入图片描述
选择垂直布局
然后添加listWidget,双击他,添加新建项目
在这里插入图片描述
点击属性可以修改他各种属性 ,比如水平居中
在这里插入图片描述
添加其他组件,用spacer隔开
在这里插入图片描述
点击spacer修改属性
在这里插入图片描述
将sizeType改为Fixed,然后高度就可以自己调整了
在这里插入图片描述
修改样式:

*{
color:rgb(255, 255, 255);//改变字体颜色
font: 9pt "Arial";//改变字体
border:none;//去边框
}
QListView::item
{
    height:50px;//改变每个选项的上下间距
}

在这里插入图片描述
需要添加其他的组件在widget,直接拖进去就好了

然后点击在窗体布局中布局
在这里插入图片描述
去掉边距
在这里插入图片描述
点击widget,拖到layout,对应的margin内边距改为0;
就可以啦

2、label显示图片
先固定好
在这里插入图片描述
然后定样式什么的
代码部分:
在要显示的界面的头文件声明绘画事件
在这里插入图片描述
.cpp文件里添加
在这里插入图片描述

void QtWidgetsClass::paintEvent(QPaintEvent*){
	QImage photo;
	photo.load("C:/Users/HP/Desktop/timg.jpg");
	QPixmap pixmap = QPixmap::fromImage(photo);
	int PicWidth = ui.label->width();
	int PicHeight = ui.label->height();
	ui.label->setScaledContents(true);
	QPixmap fitpixmap = pixmap.scaled(PicWidth, PicHeight, Qt::IgnoreAspectRatio, Qt::SmoothTransformation);
	ui.label->setPixmap(fitpixmap);
}

最后添加其他组件
这是我丑陋的界面
在这里插入图片描述
运行起来的亚子
(神仙姐姐拯救整个丑陋的界面)在这里插入图片描述
3、添加一些icon
我直接在:https://www.easyicon.net/下载的
也不是有多好用,主要是很多图标不要钱

在这里插入图片描述
然后每个按钮点一下icon下面的,选择文件
在这里插入图片描述
然后完成了
在这里插入图片描述

在这里插入图片描述