3.1 标准布局管理器(二)

简介: 3.1 标准布局管理器(二)

今天小豆君来介绍一下比较特殊的表单布局管理器,在项目中也会经常用到

3.1.4 表单布局管理器

01ebd755782e4c909dad0843d3544acf.jpeg

QFormLayout是以两栏的形式显示其子元素。左列由标签组成,右列由“字段”输入控件组成。

一般的,这种两栏的表单布局是使用QGridLayout实现的。QFormLayout是一种更高层次的替代方案,它提供了以下优点:

  • 遵循不同平台的外观和布局策略,例如,macOS Aqua和KDE标签应该是右对齐的,而Windows和GNOME应用程序通常使用左对齐。
  • 对于带有小显示器的设备,可以设置QFormLayout来换行。
  • 使用QString和QWidget *的addRow()重载会在幕后创建一个QLabel,并自动设置它的伙伴,伙伴关系就是,当用户按下这个标签指示的快捷键时,键盘的焦点会转移到标签的伙伴控件上。

下面,我们来看它的属性:

01ebd755782e4c909dad0843d3544acf.jpeg

1 labelAlignment:标签对齐方式。

对齐方式,以前的章节都讲过了,这里就不赘述了

2 formAlignment:表单对齐方式。

3 horizontalSpacing:水平方向,控件之间的间隔。

4 vecticalSpacing:垂直方向,控件之间的间隔。

5 fieldGrowthPolicy:表单字段的增长方式。

当窗口被改变大小时,表单中的字段栏(第二栏)也需要改变大小,那么fieldGrowthPolicy就定义了它该如何改变大小。

  • FieldsStayAtSizeHint:字段栏栏可以被拉伸,但不能超过SizeHint值
  • ExpandingFieldsGrow:只有大小策略设置了Expanding或MinimumExpanding的控件才会被尽可能拉伸占满布局,否则同FieldsStayAtSizeHint。
  • AllNonFixedFieldsGrow:所有字段栏都可以被拉伸来占满布局。

6 rowWrapPolicy:换行策略。

当你的显示屏很小时,一行并不能很好的显示两栏控件,这时你就需要用到换行策略

  • DontWrapRows:不换行
  • WrapLongRows:如果第二栏某个控件不能显示在同一行,则会自动将其显示在对应标签的下方。
  • WrapAllRows:所有第二栏控件显示在标签下方。


3.1.5 示例

新建gui项目FormLayoutWidget,类名FormLayoutWidget,继承自QWidget

在构造函数的定义里,添加如下代码

formlayoutwidget.cpp

#include <QSpinBox>
#include <QComboBox>
#include <QFormLayout>
#include <QLabel>
#include "formlayoutwidget.h"
#include "ui_formlayoutwidget.h"
FormLayoutWidget::FormLayoutWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::FormLayoutWidget)
{
    ui->setupUi(this);
    QFormLayout *layout = new QFormLayout;
    setLayout(layout);
    QStringList textList;
    //标签对齐方式
    {
        textList << "AlignLeft" <<"AlignRight" << "AlignHCenter" << "AlignJustify";
        QComboBox* combo = new QComboBox;
        QSizePolicy sizePolicy(QSizePolicy::Preferred, QSizePolicy::Fixed);
        combo->setSizePolicy(sizePolicy);
        combo->addItems(textList);
        layout->addRow("labelAlignment", combo );
        //这里是一个Qt5connect时对于重载函数的写法,其实就是一个函数指针
        //虽然保留了参数检测,安全检查的功能,但我还是比较喜欢Qt4风格
        //槽函数是一个lambda表达式,主要为了省略槽函数定义,并且可以直接使用layout变量
        connect(combo, static_cast<void(QComboBox::*)(int)>(&QComboBox::currentIndexChanged),
                     [=](int val)
                    {
                        layout->setLabelAlignment((Qt::AlignmentFlag)(Qt::AlignLeft<<val));
                    }
         );
    }
    //表单对齐方式
    {
        textList.clear();
        textList << "AlignTop" <<"AlignBottom" << "AlignVCenter" << "AlignBaseline";
        QComboBox* combo = new QComboBox;
        combo->addItems(textList);
        layout->addRow("formAlignment",  combo);
        connect(combo, static_cast<void(QComboBox::*)(int)>(&QComboBox::currentIndexChanged),
                     [=](int val)
                    {
                        layout->setFormAlignment((Qt::AlignmentFlag)(Qt::AlignTop<<val));
                    }
        );
    }
    //字段栏增长策略
    {
        textList.clear();
        textList << "FieldsStayAtSizeHint" <<"ExpandingFieldsGrow" << "AllNonFixedFieldsGrow";
        QComboBox* combo = new QComboBox;
        combo->addItems(textList);
        layout->addRow("fieldGrowthPolicy",  combo);
        connect(combo, static_cast<void(QComboBox::*)(int)>(&QComboBox::currentIndexChanged),
                     [=](int val)
                    {
                        layout->setFieldGrowthPolicy((QFormLayout::FieldGrowthPolicy)val);
                    }
        );
    }
    //换行策略
    {
        textList.clear();
        textList << "DontWrapRows" <<"WrapLongRows" << "WrapAllRows";
        QComboBox* combo = new QComboBox;
        combo->addItems(textList);
        layout->addRow("rowWrapPolicy",  combo);
        connect(combo, static_cast<void(QComboBox::*)(int)>(&QComboBox::currentIndexChanged),
                     [=](int val)
                    {
                        layout->setRowWrapPolicy((QFormLayout::RowWrapPolicy) val);
                    }
        );
    }
    //水平和垂直间隔
    QSpinBox* hSpin = new QSpinBox;
    QSpinBox* vSpin = new QSpinBox;
    layout->addRow("&horizontalSpacing",  hSpin);//使用&,可以设置快捷键为Alt+l
    layout->addRow("&vecticalSpacing",  vSpin);
    connect(hSpin, SIGNAL(QSpinBox::valueChanged(int)), layout, SLOT(setHorizontalSpacing(int)));
    connect(vSpin, static_cast<void(QSpinBox::*)(int)>(&QSpinBox::valueChanged),
                 layout, &QFormLayout::setVerticalSpacing);
}
FormLayoutWidget::~FormLayoutWidget()
{
    delete ui;
}


编译运行程序

01ebd755782e4c909dad0843d3544acf.jpeg

选择fieldGrowthPolicy的值,改变窗口的大小,看有什么变化。

改变rowWrapPolcy的值,将窗口变小,再看有什么变化。

当设置了快捷键,就会在该字符下面出现下划线,这时你输入Alt+h,就会将焦点切换到它的伙伴控件上,即右侧的spinbox上。

好了,表单布局就讲到这里。

想要第一时间看到小豆君的更新,请关注微信公众号:小豆君,只要关注,便可加入小豆君为大家创建的C++\Qt交流群,方便讨论学习。

相关文章
|
3月前
Qt 布局管理之 停靠窗口QDockWidget
Qt 布局管理之 停靠窗口QDockWidget
128 0
|
3月前
|
编解码 算法 开发者
Flutter的布局系统:深入探索布局Widget与布局原则
【4月更文挑战第26天】Flutter布局系统详解,涵盖布局Widget(Row/Column、Stack、GridView/ListView、CustomSingleChildLayout)和布局原则(弹性布局、约束优先、流式布局、简洁明了)。文章旨在帮助开发者理解并运用Flutter的布局系统,创建适应性强、用户体验佳的界面。通过选择合适的布局Widget和遵循原则,可实现复杂且高效的UI设计。
|
3月前
|
数据可视化 Android开发
Android布局——约束布局
Android布局——约束布局
|
3月前
[Qt5&布局] 控件自动填满所在布局框架
[Qt5&布局] 控件自动填满所在布局框架
69 0
[Qt5&布局] 控件自动填满所在布局框架
|
3月前
|
XML Java Android开发
Android Studio中视图基础之设置视图的宽高、间距、对齐方式的讲解与实战(附源码 超详细必看)
Android Studio中视图基础之设置视图的宽高、间距、对齐方式的讲解与实战(附源码 超详细必看)
236 0
|
10月前
|
XML Android开发 数据格式
一个Adapter+recycleview实现多种布局,区分布局中
最近因为需要所以学习了一下recycleview,使用Adapter修饰器修饰,使用一个Adapter+recycleview实现多种布局,而不是之前的三个Adapter在同一个recycleview中实现三个布局。点击区分布局中的gridview的图片和姓名。
40 0
|
编解码 前端开发 Android开发
移动布局基础(流式布局)
移动布局基础(流式布局)
119 0
|
Android开发 容器
Android 实现控件对称布局(约束布局和线性布局)
画界面时会遇到很多界面上的布局,虽然很简单,但是每次做起来不熟练,总结一下一些日常的
Qt5——布局管理
Qt5——布局管理
312 0
Qt5——布局管理
|
C++ 索引 容器
3.1 标准布局管理器(三)
3.1 标准布局管理器(三)
3.1 标准布局管理器(三)