布局类(102)：【例】Border Layout Example [官翻]

已于 2023-12-09 22:44:25 修改
阅读量204 收藏
点赞数
分类专栏： # Qt 布局类 文章标签： qt
于 2021-02-02 12:58:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hitzsf/article/details/113550501
版权

文章目录

Border Layout Example

演示如何沿边框排列子小部件。

BorderLayout实现了一种布局，它将子窗口小部件安排在主区域周围。

main.cpp

#include <QApplication>

#include "window.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    Window window;
    window.show();
    return app.exec();
}

Window.h

#ifndef WINDOW_H
#define WINDOW_H

#include <QWidget>

QT_BEGIN_NAMESPACE
class QLabel;
QT_END_NAMESPACE

class Window : public QWidget
{
    Q_OBJECT

public:
    Window();

private:
    QWidget *createWidget(const QString &text);
};

#endif // WINDOW_H

Window.cpp

#include "borderlayout.h"
#include "window.h"
#include <QTextBrowser>
#include <QLabel>
#include <QPushButton>

/*Window类的构造函数创建一个QTextBrowser对象，其中添加了一个名为layout的BorderLayout。
 * BorderLayout类的声明在本文末尾引用。*/
Window::Window()
{
    QTextEdit *centralWidget = new QTextEdit;
    centralWidget->setPlainText(tr("Central widget"));

    BorderLayout *layout = new BorderLayout;
    // 几个带标签的小部件被添加到布局中，方向为:中心、北、西、东1、东2和南。
    layout->addWidget(centralWidget, BorderLayout::Center);
    layout->addWidget(createWidget("North1"), BorderLayout::North);
    layout->addWidget(createWidget("North2"), BorderLayout::North);
    layout->addWidget(createWidget("West1"), BorderLayout::West);
    layout->addWidget(createWidget("West2"), BorderLayout::West);
    layout->addWidget(createWidget("East 1"), BorderLayout::East);
    layout->addWidget(createWidget("East 2") , BorderLayout::East);
    layout->addWidget(createWidget("South1"), BorderLayout::South);
    layout->addWidget(createWidget("South2"), BorderLayout::South);

    layout->setMargin (15);
    layout->setSpacing (3);

    setLayout(layout);

    setWindowTitle(tr("Border Layout"));
}

/* 类窗口中的createLabel() 设置标记小部件的文本和样式。*/
QWidget *Window::createWidget(const QString &text)
{
    auto *widget = new QLabel(text);
    widget->setFrameStyle(QFrame::Panel | QFrame::Plain);
    widget->setAlignment (Qt::AlignCenter);
    return widget;
}

BorderLayout.h

#ifndef BORDERLAYOUT_H
#define BORDERLAYOUT_H

#include <QLayout>
#include <QRect>
/*
  类BorderLayout包含格式化它包含的小部件的所有实用函数。
*/
class BorderLayout : public QLayout
{
public:
    enum Position { West, North, South, East, Center };

    explicit BorderLayout(QWidget *parent, const QMargins &margins = QMargins(), int spacing = -1);
    BorderLayout(int spacing = -1);
    ~BorderLayout();

    void addItem(QLayoutItem */*item*/) override{};          //[pure virtual]
    int count() const override;                                     //[pure virtual]
    QLayoutItem *takeAt(int index) override;              //[pure virtual]
    QLayoutItem *itemAt(int index) const override;     //[pure virtual]

    void addWidget(QWidget *widget, Position position);
    void add(QLayoutItem *item, Position position);


//    Qt::Orientations expandingDirections() const override;
//    bool hasHeightForWidth() const override;
    QSize minimumSize() const override;
    void setGeometry(const QRect &rect) override;
    QSize sizeHint() const override;


private:
    struct ItemWrapper
    {
        ItemWrapper(QLayoutItem *i, Position p) {
            item = i;
            position = p;
        }

        QLayoutItem *item;
        Position position;
    };

    enum SizeType { MinimumSize, SizeHint };

    QSize calculateSize(SizeType sizeType) const;

    QList<ItemWrapper *> list;   // 使用list管理布局的项目
};

#endif // BORDERLAYOUT_H

BorderLayout.cpp

#include "borderlayout.h"

BorderLayout::BorderLayout(QWidget *parent, const QMargins &margins, int spacing)
    : QLayout(parent)
{
    setContentsMargins(margins);       // 设置页边距
    setSpacing(spacing);                     // 设置间隔
}

BorderLayout::BorderLayout(int spacing)
{
    setSpacing(spacing);           // 设置间隔
}


BorderLayout::~BorderLayout()
{
    QLayoutItem *l;
    while ((l = takeAt(0)))
        delete l;
}
/* 增加项目 没有用到      [pure virtual] */
//void BorderLayout::addItem(QLayoutItem */*item*/)
//{}

/* 加入项目管理器list  */
void BorderLayout::addWidget(QWidget *widget, Position position)
{
    add(new QWidgetItem(widget), position);      // 加入项目管理器list
}

/* 设置可扩展方向    */
//Qt::Orientations BorderLayout::expandingDirections() const
//{
//    return Qt::Horizontal | Qt::Vertical;        // 水平方向和垂直方向都可扩展
//}


/* 布局的首选高度是否取决于其宽度  */
//bool BorderLayout::hasHeightForWidth() const
//{
//    return false;                //  默认false
//}

/* 返回布局项目的总数量               [pure virtual]   */
int BorderLayout::count() const
{
    return list.size();
}

/* 根据索引返回布局项目指针           [pure virtual]   */
QLayoutItem *BorderLayout::itemAt(int index) const
{
    ItemWrapper *wrapper = list.value(index);
    return wrapper ? wrapper->item : nullptr;
}

 /*返回最小尺寸 */
QSize BorderLayout::minimumSize() const
{
    return calculateSize(MinimumSize);
}

void BorderLayout::setGeometry(const QRect &rect)
{
    ItemWrapper *center = nullptr;
    int eastWidth = 0;
    int westWidth = 0;
    int northHeight = 0;
    int southHeight = 0;
    int centerHeight = 0;
    int i;
    QLayout::setGeometry(rect);

    QRect rect0 = rect.adjusted (contentsMargins ().left (),contentsMargins ().top (),
                                 -contentsMargins ().right (),-contentsMargins ().bottom ());

    for (i = 0; i < list.size(); ++i) {
        ItemWrapper *wrapper = list.at(i);
        QLayoutItem *item = wrapper->item;
        Position position = wrapper->position;

        if (position == North) {
            item->setGeometry(QRect(rect0.x (), rect0.y () + northHeight,
                                    rect0.width(),
                                    item->sizeHint().height()));
            northHeight += item->geometry().height() + spacing();
        }
        else if (position == South) {
            item->setGeometry(QRect(item->geometry().x(),
                                    item->geometry().y(),
                                    rect0.width(),
                                    item->sizeHint().height()));

            southHeight += item->geometry().height() + spacing();

            item->setGeometry(QRect(rect0.x(),
                                    rect0.y() + rect0.height() - southHeight + spacing(),
                                    item->geometry().width(),
                                    item->geometry().height()));
        } else if (position == Center) {
            center = wrapper;
        }
    }

    centerHeight = rect0.height() - northHeight - southHeight;

    for (i = 0; i < list.size(); ++i) {
        ItemWrapper *wrapper = list.at(i);
        QLayoutItem *item = wrapper->item;
        Position position = wrapper->position;

        if (position == West) {
            item->setGeometry( QRect(
                                   rect0.x() + westWidth,
                                   rect0.y () + northHeight,
                                   item->sizeHint().width(),
                                   centerHeight));

            westWidth += item->geometry().width() + spacing();
        } else if (position == East) {
            item->setGeometry( QRect(
                                   item->geometry().x(),
                                   item->geometry().y(),
                                   item->sizeHint().width(),
                                   centerHeight));

            eastWidth += item->geometry().width() + spacing();

            item->setGeometry(QRect(
                                  rect0.x() + rect0.width() - eastWidth + spacing(),
                                  rect0.y()+northHeight,
                                  item->geometry().width(),
                                  item->geometry().height()));
        }
    }

    if (center)
        center->item->setGeometry(QRect(
                                      rect0.x ()+westWidth,
                                      rect0.y ()+northHeight+1,
                                      rect0.width() - eastWidth - westWidth,
                                      centerHeight - 1));
}

QSize BorderLayout::sizeHint() const
{
    return calculateSize(SizeHint);
}

//  按索引移除项目            [pure virtual]
QLayoutItem *BorderLayout::takeAt(int index)
{
    if (index >= 0 && index < list.size()) {
        ItemWrapper *layoutStruct = list.takeAt(index);
        return layoutStruct->item;
    }
    return nullptr;
}

// 添加项目
void BorderLayout::add(QLayoutItem *item, Position position)
{
    list.append(new ItemWrapper(item, position));
}

QSize BorderLayout::calculateSize(SizeType sizeType) const
{
    QSize totalSize;

    for (int i = 0; i < list.size(); ++i) {
        ItemWrapper *wrapper = list.at(i);
        Position position = wrapper->position;
        QSize itemSize;

        if (sizeType == MinimumSize)
            itemSize = wrapper->item->minimumSize();
        else // (sizeType == SizeHint)
            itemSize = wrapper->item->sizeHint();

        if (position == North || position == South || position == Center)
            totalSize.rheight() += itemSize.height();

        if (position == West || position == East || position == Center)
            totalSize.rwidth() += itemSize.width();
    }
    totalSize.rwidth  () += contentsMargins ().left () + contentsMargins ().right     ();
    totalSize.rheight () += contentsMargins ().top () + contentsMargins ().bottom ();
    return totalSize;
}

总结

边界布局，自己写写挺好玩的。

hitzsf
关注
专栏目录
边框美学：HTML border属性详解
a451319296的博客
05-20 7046
本文介绍了HTML的border属性，包括其语法和常见的属性值。通过边框宽度、样式和颜色的设置，可以实现丰富多彩的HTML元素样式。同时，也提供了使用内联样式、内部样式表和外部样式表的方式来使用border属性的方法。读者可以通过本文全面了解HTML border属性的用法和应用场景，从而为自己的网站设计提供更加美观的视觉效果。
Qt Border Layout Example 看看看~
—— 然 之
01-26 4425
Border Layout 例子将展示如何创建自定义布局管理器。 Border Layout是通过设置自定义的West, North, South, East, Center的方位来设置布局。通过上一篇博客已经有过一个例子简单介绍了如何自定义布局管理器。通过本例子可以学到跟多的细节。 int main(int argc, char *argv[]) { QApplication
最简单的 BorderLayout布局例子：
shenquanxi的专栏
08-20 4442
最简单的 BorderLayout布局例子： import javax.swing.JFrame; import javax.swing.JButton; import java.awt.Container; import java.awt.BorderLayout;
java border的代码,BorderLayout的简单案例
weixin_33656298的博客
03-19 128
[java]代码库/*** 功能：BorderLayout的简单案例* 1.继承JFrame* 2.定义你需要的组件* 3.创建组件(构造函数)* 4.添加组件* 5.对窗体设置* 6.显示窗体*/package com.jiemian;import java.awt.*;import javax.swing.*;public class Text1 extends JFrame{JButton ...
Ext布局实例-----BorderLayout布局
liuxiIT的专栏
06-07 872
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br /><html><br />  <head><br />    <title>BorderLayout.html</title><br /> <br />    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br />    <meta http-equiv="descripti
java awt 简单示例 BorderLayout
我需要懂得努力
11-19 4826
/* * BorderLayout是Frame的默认的布局管理器 * 是上下左右中形式的，用add方法添加Component时 * 第二个参数指定位置 */ import java.awt.BorderLayout; import java.awt.Button; import java.awt.Frame; public class TestBorderLayout { publi
BorderLayout小练习
wang_shuai_long的博客
06-03 598
BorderLayout小练习
layout.border:html的边框布局
05-12
经常用到上下左右，中间填充满这样的布局，在java swing中有BorderLayout，HTML中通常使用CSS来实现布局，但要实现border layout这样的效果有些麻烦，很多第三方实现，比如easyui, extjs，功能过于强大，我只是想要...
opencv的cv::BorderTypes::BORDER_REFLECT_101
qq_37589971的博客
10-25 3034
opencv边界填充的一个参数BORDER_REFLECT_101 cv::BorderTypes::BORDER_REFLECT_101 这个参数是怎么回事呢? 类似于镜像添加边界，就是以最边缘的像素为对称轴，添加边界。 举例子是最直接的说明方式。 /* copyMakeBorder(Mat src, // 输入图像 Mat dst, // 输出图像，添加边缘后的图像 .
ExtJs常用布局--layout详解实例代码
05-23
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
类 BorderLayout
weixin_44310553的博客
01-14 561
java.awt.BorderLayout 所有已实现的接口： LayoutManager, LayoutManager2, Serializable 这是一个布置容器的边框布局，它可以对容器组件进行安排，并调整其大小，使其符合下列五个区域：北、南、东、西、中。每个区域最多只能包含一个组件，并通过相应的常量进行标识：NORTH、SOUTH、EAST、WEST、CENTER。当使用边框布局将一个组件...
绝对布局小例子
wang_shuai_long的博客
06-03 346
绝对布局 package chap09.sec04;       import javax.swing.JButton; import javax.swing.JFrame;   public classAbsoluteLayoutTest {       public static void main(String[] args) {         // TO
【Java AWT 图形界面编程】LayoutManager 布局管理器 ③ ( BorderLayout 布局 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
01-14 2671
一、BorderLayout 布局、 二、BorderLayout 构造函数 API、 三、BorderLayout 代码示例、 1、BorderLayout 基本用法代码示例、 2、BorderLayout 区域占用代码示例、 3、BorderLayout 同一区域显示多个组件代码示例
java Swing布局管理器之BorderLayout布局
sweetgirl520的博客
05-08 4789
BorderLayout边界布局管理器把容器的的布局分为五个位置：CENTER、EAST、WEST、NORTH、SOUTH。依次对应为：上北（NORTH）、下南（SOUTH）、左西（WEST）、右东（EAST），中（CENTER），如下图所示。   　　特征： 可以把组件放在这五个位置的任意一个，如果未指定位置，则缺省的位置是CENTER。  南、北位置控件各占据一行，控件宽度将自
BorderLayout的使用
kewb_2013的专栏
03-04 3608
BorderLayout的使用: BorderLayout的类层次结构图： java.lang.Object --java.awt.BorderLayout 构造函数：BorderLayout()建立一个没有间距的border layout BorderLayout(int hgap,int vgap)建立一个组件间有间距的border layout Border
三十、Java图形化界面设计——布局管理器之BorderLayout（边界布局）
热门推荐
liujun13579的专栏
07-22 19万+
边界布局管理器把容器的的布局分为五个位置：CENTER、EAST、WEST、NORTH、SOUTH。依次对应为：上北（NORTH）、下南（SOUTH）、左西（WEST）、右东（EAST），中（CENTER），如下图所示。 特征： l  可以把组件放在这五个位置的任意一个，如果未指定位置，则缺省的位置是CENTER。 l  南、北位置控件各占据一行，控件宽度将自动布满整行。东、西和中间
BorderLayout（边框布局管理器）
QQ1012421396的博客
03-16 2512
布局管理器：布局管理就是用于指定组件的摆放位置的。 每种布局管理器都有自己的摆放风格。 BorderLayout（边框布局管理器）     摆放风格：上北，下南，左西，右东，中 BorderLayout要注意的事项：     1.使用BorderLayout添加组件的时候，如果没有指定组件的方位，那么默认添加到中间的位置上。     2.使用BorderLayout添加组件
java布局管理器---BorderLayout(边界布局管理器)
weixin_51631044的博客
08-21 3779
Swing组件不能单独存在，必须放置在于容器中，然而组件在容器中的位置和尺寸是由布局管理器决定的。 Swing工具在AWT的基础上提供8种布局管理器： BorderLayout(边界布局管理器)、BoxLayout(箱式布局管理器)、CardLayout(卡片布局管理器)、FlowLayout(流式布局管理器)、GridBagLayout(网格包布局管理器)、GridLayout(网格布局管理器)、GroupLayout(分组布局管理器)、SpingLayout(弹性布局管理器)。 1.BorderLayo
jQuery自适应布局实例：uix.layout.js实现
3. **自适应组件**：`.uix_box`类的元素用于填充其父容器的高度，同时支持设置padding、margin和border。这意味着子元素会根据父容器的变化而动态调整，保持良好的视觉效果。 **示例代码**： - 示例1：在`<div>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值