zoukankan      html  css  js  c++  java
  • Qt(1)可恶的margin,frame 与控件间的间隙问题。

    先看问题,代码如下:

     titleFrame = new QFrame(this);
     titleFrame->setObjectName(QString::fromUtf8("titleframe")); 
    titleFrame->setContentsMargins(0, 0, 0, 0);
    widgetIcon = new QLabel(titleFrame);
     titleText = new QLabel(titleFrame);
     minimizeButton = new QPushButton(titleFrame);
     maximizeButton = new QPushButton(titleFrame);
     closeButton = new QPushButton(titleFrame);
     connect(closeButton,SIGNAL(clicked()), this, SLOT(hide()));
     widgetIcon->setFixedSize(16,16);
     titleText->setMaximumHeight(16);
     minimizeButton->setFixedSize(16,16);
     maximizeButton->setFixedSize(16,16);
     closeButton->setFixedSize(16,16);
     QHBoxLayout *titleLayout = new QHBoxLayout(titleFrame);
     titleLayout->setSpacing(0);
     titleLayout->addWidget(widgetIcon);
     titleLayout->addWidget(titleText);
     titleLayout->addWidget(minimizeButton);
     titleLayout->addWidget(maximizeButton);
     titleLayout->addWidget(closeButton);
     titleFrame->setLayout(titleLayout);
     framelayout = new QVBoxLayout();
     framelayout->setSpacing(0);
     framelayout->addWidget(titleFrame);
     。。。。。。。
     framelayout->setSizeConstraint(QLayout::SetDefaultConstraint);
     setLayout(framelayout);
    显示结果这样:
    Snap2 
    
    代码实现的是一个title条,widgetIcon,titleText 两个QLable和两个按钮minimizeButton,maximizeButton,closeButton 用QHBoxLayou布局,然后放在Qframe里,Qframe被加到Layout中: framelayout->addWidget(titleFrame); framelayout设置成Widget->setLayou(framelayout);
    结果QFrame与里边的控件之间出现了间隙。蓝色的是我把QFrame的背景色设成了蓝色,为什么Qframe与lable间出现空隙?
     
    一般的要让控件容器和子控件没有空隙, 有两种情况: (确保控件容器的margins设置成0)
    1. 子控件大小固定, 则控件容器大小也得固定, 确保没有空隙产生;
    2. 子控件大小动态变化, 则将其大小变化设置成扩展(expanding), 随控件容器变化;
    那么,为了确保frame与内部控件一样高,我设置其最大高度:titleFrame->setMaximumHeight(16);同时却出现了意想不到的结果:如图
    Snap4 
    内部控件被frame遮掉了半了。。。什么原因呢。看来frame与控件间还存在别的影响因素,代码中只有那个布局控件用的QHBoxLayou了。
    设置titleLayout->setContentsMargins(0,0,0,0);
    OK,问题解决!!!
    总结:
    Qt控件支持类似CSS的样式布局,从这点上看不带代表不使用用StyleSheet,控件就不遵从这种布局规则。通常情况下如何直接将布局容器layout设置成Widget的布局,即setLayout(framelayout);layout与控件间只存在较小的空间,通过调用titleLayout->setSpacing(0);就可以去掉。但是如上的例子中却仍然存中间隙。
    其原因就是那可恶的Margins。
    由此可见,Widget下的layout的Margins默认是被设置为0了,而frame下是没有设置为0。
    最后来张控件的布局示意图。
    Snap21 
    PS:本人也是初学Qt,些例仅是学习中碰的问题拿来与大家分享,对Qt内部的实现机制原理还不是很懂,若有说的不对的希望网友们多多提出,相互交流交流。
  • 相关阅读:
    项目分析-纷享车链AutoChain的数据保险柜解读
    AutoChain纷享车链背后的技术支撑——Higgs Chain 的生态体系解读
    纷享车链AutoChain首创之数据保险柜的解读
    实业落地的区块链车联网-纷享车链AutoChain项目非官方解读
    第三方测评:IOV智能车链&CarBlock&阿尔法车链&第一车链&纷享车链
    区块链如何赋能车联网-Higgs Chain
    BTC挖矿成本¥36599.29,市价¥41,598.25——五大币种挖矿成本分析 2018-07-13
    驾图&IOVC背后的公链技术-Higgs Chain全方位解读(一)
    进军区块链前必读!!BTC挖矿成本¥36554.13,市价¥43697.44——五大币种挖矿成本分析 2018-07-10
    驾图挖矿IOVC的背后HiggsChain第一期周报解读,有实际落地应用的公链足以对标ETH?
  • 原文地址:https://www.cnblogs.com/SummerHeart/p/1836739.html
Copyright © 2011-2022 走看看