zoukankan      html  css  js  c++  java
  • Qt基础——让使用Designer创建的UI也能自动适应窗口大小

    原文请看:http://www.cnblogs.com/linmeng/archive/2012/07/05/2559259.html

    我们知道,通过Qt的各种Layout可以实现控件的自动布局。

    但是在使用Qt Designer创建的UI时,发现UI始终是设计时的样子,无法随着容器的放大缩小自适应地变化。

    通过之前对ui的.h文件进行分析,我们知道Qt在生成ui代码时,根据最外层的Layout自动添加一个了Widget:

       /** 这个Widget在UI设计时是没有的,是Qt为了方便组合其他的组件而且自动创建的。
        Widget的名字是根据最外层的组件来的,这里最外层是一个QVBoxLayout组件,故Widget
        以VerticalLayoutWidget命名*/
        QWidget *verticalLayoutWidget;
    

     而我们在setupUi时,将 verticalLayoutWidget 指定为目标窗体的子控件,而 verticalLayoutWidget 的大小是已经固定了的,如下:

          //创建myQtTestForm的Child Widget,
            verticalLayoutWidget = new QWidget(myQtTestForm);
            verticalLayoutWidget->setObjectName(QString::fromUtf8("verticalLayoutWidget"));
            verticalLayoutWidget->setGeometry(QRect(20, 20, 491, 311));
    

    所以, verticalLayoutWidget 不会随父窗口的放大缩小而变化。

    解决办法就是,把 verticalLayoutWidget 放在目标窗体的Layout中,代码如下:

    //设置Ui
        ui.setupUi(this);
    
        //使Ui可自适应父窗口大小
        QVBoxLayout* mainLayout = new QVBoxLayout;
        mainLayout->addWidget(ui.verticalLayoutWidget);
        setLayout(mainLayout);
    
  • 相关阅读:
    vue自定义select组件
    基于better-scroll封装一个上拉加载下拉刷新组件
    vue自定义tap指令
    vue实现分页器(仿element)
    js异步队列之理解
    Element源码阅读(2)
    Element源码阅读(1)
    unity3d模仿魔兽世界鼠标对游戏操作
    unity3d制作小地图(MiniMap)的简单Demo
    利用unity3d自带的CharacterController包制作第一人称控制模型的简单Demo
  • 原文地址:https://www.cnblogs.com/mmix2009/p/3538802.html
Copyright © 2011-2022 走看看