Qt 实现简单的面积计算器
#include "widget.h"
#include <QApplication>
#include <QSplitter>
#include <QListWidget>
#include <QLayout>
#include <QStackedWidget>
#include <QPushButton>
#include "form1.h"
#include "form2.h"
#include "form3.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QSplitter *a1 = new QSplitter(Qt::Horizontal);//主分割水平
QListWidget *b = new QListWidget(a1);//左侧列表
b->addItem('三角形的面积计算');
b->addItem('矩形的面积计算');
b->addItem('圆的面积计算');
//创建右侧部分
QWidget *p = new QWidget(a1);
QVBoxLayout *c = new QVBoxLayout(p);
QStackedWidget *c1 = new QStackedWidget;
//水平布局
QHBoxLayout *h = new QHBoxLayout;
//QPushButton *ps = new QPushButton('修改');
QPushButton *ps1 = new QPushButton('关闭');
//QObject::connect(ps1, &QPushButton::clicked, &w, &QWidget::close);
QObject::connect(ps1, &QPushButton::clicked, &a, &QApplication::quit);//槽函数关闭窗口
//h->addWidget(ps);
h->addWidget(ps1);
h->setAlignment(Qt::AlignRight);
//把右侧的放入垂直
c->addWidget(c1);
c->addLayout(h);
//w.show();
//使用Qt界面类创建层叠
Form1 *d = new Form1;
Form2 *d1 = new Form2;
Form3 *d2 = new Form3;
c1->addWidget(d);//将页面加入层叠
c1->addWidget(d1);
c1->addWidget(d2);
QObject::connect(b, &QListWidget::currentRowChanged, c1, &QStackedWidget::setCurrentIndex);//利用槽函数点击列表对应跳转
a1->show();//展示
return a.exec();
}
流程图
- 创建主分割器
a1,设置为水平分割 - 在
a1的左侧添加QListWidget控件b,添加三个条目,分别为 '三角形的面积计算'、'矩形的面积计算'、'圆的面积计算' - 创建
QWidget控件p,作为a1的右侧部分 - 在
p中添加QVBoxLayout控件c - 创建
QStackedWidget控件c1,用于层叠显示不同的计算页面 - 创建水平布局
QHBoxLayout控件h,用于放置按钮 - 创建
QPushButton控件ps1,设置按钮文本为 '关闭',并连接点击信号与QApplication的quit槽函数,用于关闭应用程序 - 将
ps1添加到h中 - 将
c1和h添加到c中 - 创建
Form1、Form2、Form3三个 Qt 界面类的实例d、d1、d2,分别用于显示三角形、矩形、圆的面积计算页面 - 将
d、d1、d2添加到c1中,作为层叠页面 - 连接
b的currentRowChanged信号与c1的setCurrentIndex槽函数,用于响应列表项的点击,切换显示对应的计算页面 - 显示
a1控件,启动应用程序
功能说明
该代码使用 Qt 框架实现了一个简单的面积计算器,用户可以通过左侧列表选择不同的图形,右侧会显示对应的计算页面。
主要功能包括:
- 使用
QSplitter创建水平分割的窗口,将界面分为左右两部分 - 使用
QListWidget显示图形选项,并连接currentRowChanged信号与QStackedWidget的setCurrentIndex槽函数,实现点击列表选项切换计算页面 - 使用
QStackedWidget层叠显示不同的计算页面 - 使用
QPushButton创建 '关闭' 按钮,连接点击信号与QApplication的quit槽函数,实现关闭应用程序
该代码提供了一个简单示例,可以作为 Qt 开发图形界面的入门参考。
原文地址: https://www.cveoy.top/t/topic/oLEn 著作权归作者所有。请勿转载和采集!