QT基础：QFormLayout 列表布局简单演示

QFormLayout 是一个列表布局器，每一行可以添加两个元素，且一一对应；

列表布局器也可以进行嵌套，例如在里面可以嵌套一个平行布局

演示比较简单，合适初学者食用

打开QT，创建一个 widget 项目

在 main.cpp里面，将窗口大小改为 300x300 ，当然这一步不做也可以

int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.resize(300,300);  // 修改窗口大小为 300x300w.show();return a.exec();
}

下面代码是在 widget.cpp 中

#include "widget.h"
#include "ui_widget.h"
#include <QFormLayout>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);// 创建列表布局QFormLayout * flay = new QFormLayout(this);// 创建编辑框QLineEdit * name  = new QLineEdit();QLineEdit * age = new QLineEdit();QLineEdit * email  = new QLineEdit();// 将编辑框添加到列表布局中  addRow(标题，控件名)flay->addRow("&Name:",name);    // 可以看到这里加了一个  & 符号， 表示创建快捷键flay->addRow("&Age:",age);      // 创建一个快捷键，&A 就表示 按下 ALT+A 就可以将光标移动过来//  插入行（行序号，标题，控件名）flay->insertRow(1,"&Email:",email);// 创建标签，修改字体颜色QLabel *info = new QLabel("input");info->setStyleSheet("color:red");   // 将字体颜色写入样式表// 插入到第 0 行flay->insertRow(0,"",info);// 创建按钮QPushButton *save = new QPushButton("save");QPushButton *clear = new QPushButton("clear");// 新建一个平行布局器，将按钮添加到平行布局器中QHBoxLayout *hblay = new QHBoxLayout();hblay->addWidget(save);hblay->addWidget(clear);// 将平行布局加入到列表布局中，实现嵌套效果flay->addRow(hblay);
}Widget::~Widget()
{delete ui;
}

需要特别注意的是 & 符号，在“&name”中，实际上 &符号不会先窗口上面显示出来，这里只是表示将&符号后面的一个字母创建快捷键，按下 alt + &后面的字母触发

下图是演示效果

QT基础：QFormLayout 列表布局简单演示相关推荐

Qt 多线程的简单演示
Qt 多线程的简单演示任务:单击""开始""按钮将启动数个工作线程,线程由checkBox 来决定线程的启用或者关闭,各个线程循环打印数字,数字每秒累加1:单 ...
移动端web开发布局简单介绍(一)之移动端基础
移动端web开发布局简单介绍(一)之移动端基础 1.0移动端基础随着技术的发展,现在Web前端行业需要掌握的技能越多,移动端的兴起.这里就简单介绍介绍关于移动端Web开发的几个布局. 1.1当前浏览 ...
Qt窗口部件与布局之二：布局管理
第3章讲述了一些窗口部件,当时往界面上拖放部件时都是随意放置的,这对于学习部件的使用没有太大的影响,但是,对于一个完善的软件,布局管理却是必不可少的. 无论是想要界面中部件有一个很整齐的排列,还是想要 ...
swift和swiftui_在swiftui中查看布局和演示
swift和swiftui 您一直在等待的完整SwiftUI 2文档 (The Complete SwiftUI 2 Documentation You've Been Waiting For) At ...
Qt学习之Qt基础入门(下)
1. 前言前两篇博客简单的阐述了一下Qt的入门用法,这篇博客继续跟着视频学习. Qt入门系列: Qt学习之C++基础 Qt学习之Qt安装 Qt学习之Qt基础入门(上) Qt学习之Qt基础入门(中) ...
Qt学习之Qt基础入门(中)
1. 前言上一篇博客,总结了Qt的一些基础用法,这篇博客继续跟视频学习Qt的常用方法 Qt入门系列: Qt学习之C++基础 Qt学习之Qt安装 Qt学习之Qt基础入门(上) Qt学习之Qt基础入门( ...
Qt基础与Qt on Android入门-安晓辉-专题视频课程
Qt基础与Qt on Android入门-66107人已学习课程介绍本课程起始于基础的开发环境搭建和Qt Creator介绍,帮助初学者入门:着力于Qt的内在机制,由浅入深介绍信号 ...
QT/C++从新手到老手系列之QT基础篇-李浩林-专题视频课程
QT/C++从新手到老手系列之QT基础篇-1620人已学习课程介绍本系列课程励志于带领你学习QT5/C++,从开发环境(QTCreator和VS2013两种)搭建到实际项目实战,从 ...
android开发 RecyclerView 列表布局
android开发 RecyclerView 列表布局前言这是一个我早期学习的RecyclerView的博客,最近想整理一下它.后续会一点一点的再次添加内容. 导入虽然RecyclerView是 ...

QT基础：QFormLayout 列表布局简单演示

QT基础：QFormLayout 列表布局简单演示相关推荐

最新文章

热门文章