12.Qt 布局与更多组件

最新推荐文章于 2023-01-11 13:53:34 发布

原创最新推荐文章于 2023-01-11 13:53:34 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #c++ #布局 #设计

Qt 专栏收录该内容

14 篇文章

订阅专栏

本文介绍使用Qt设计美观的登录界面的过程，包括组件布局、大小调整及密码输入隐藏处理。通过示例代码展示了如何利用信号槽机制接收用户输入，实现组件交互。

1、问题

实现一个登陆界面

2、利用布局方式对窗口美化

在这里插入图片描述
将两个按钮放在同一水平位置，利用移动显然不是很方便。

再利用
在这里插入图片描述

两个组件，配合widget做出如下效果

到这一步显然每个组件的大小不合适

差点忘了还有密码输入隐藏！！！

3、效果图

在这里插入图片描述

4、其他组件

在这里插入图片描述

5、接收模块信息

如何接受组件的值？
我们知道利用ui加入组件，梅加入一个等于他自己给你创建了一个对象。
在这里插入图片描述
上面显示了对象的名称（自己可以改），在程序中，利用ui对象可以得到组件的对象。用connect语句，组件被触发，就可以执行一段代码。

代码

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //设置男为默认选择
    ui->radioButton->setChecked(true);
    bool res; //是否选择男
    connect(ui->radioButton,&QRadioButton::clicked,[=](){
        qDebug() << "选择了男";
    });
}

MainWindow::~MainWindow()
{
    delete ui;
}