blocks|key|625759|text|这确实很烦人，如果没有重新实现，就无法解决:如果我没有弄错的话，标签使用Qt::PlainText。在我们的项目中，UI团队用两种方法解决了这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|625760|使用QRadioButton按钮作为标题|BOLD|625761|​|625762|📷|atomic|625763|以这样一种方式重写QRadioButton文本，使其只对该选项有一个简短的描述。在它下面放一个QLabel，并添加一个更长的描述。我们使用一个更小的字体和一个小的缩进使它看起来整洁。例如，这在Mac中经常使用。|625764|从单选按钮中删除文本|625765|625766|625767|将UI重放，以便将每个单选按钮放在QLabel的左侧。将整个文本添加到QLabel中，并将标签设置为单选按钮的好友。这是最不实用的方法，因为单击标签不会检查单选按钮。而且，对齐也不是很好。|625768|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/6e0f315174789fef43f3916a5033344f.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/05a1ddb61557725ccccaa971e81a22ac.png^0|10|D|0|0|K|0|0|0|1|0|0|0|0|5|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@$9|1A|A|1B|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|1C|8|@]|D|@]|E|$]]|$1|K|3|L|5|M|7|1D|8|@]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|N|3|O|5|6|7|1H|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1I|8|@$9|1J|A|1K|B|H]]|D|@]|E|$]]|$1|R|3|J|5|6|7|1L|8|@]|D|@]|E|$]]|$1|S|3|L|5|M|7|1M|8|@]|D|@$9|1N|A|1O|1|1P]]|E|$]]|$1|T|3|U|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12|13|-4]]|14|$5|Y|Z|10|E|$11|15|13|-4]]]]

That indeed is really annoying and cannot be solved without reimplementation: the label uses <code>Qt::PlainText</code> if I'm not mistaken. In our projects, the UI team solved this with two approaches.

Using the QRadioButton button as a title

<a href="https://i.stack.imgur.com/FC6BS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FC6BS.png" alt="Layout using the QRadioButton as a title"></a>


Rewrite the QRadioButton text in such a fashion that it has only a brief description of the option. Put a QLabel underneath it and add a longer description. We use a smaller font and a little indentation to make it look neat. This is used frequently in Mac OS X, for example.

Removing the text from the radio button

<a href="https://i.stack.imgur.com/kdoC7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kdoC7.png" alt="Layout using buddy labels"></a>


Relayout the UI so that each radio button is put on the left of a QLabel. Add the whole text to the QLabel and set the label as the radio buttons' buddy. This is the least functional approach, because clicking the label does not check the radio button. Also, alignment is not very good.

blocks|key|1309366|text|我知道的唯一方法(但它不是“可布局的”)是将\n符号放入字符串中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1309367|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The only way I know (but it's not "layoutable") is putting \n sign into a string.

blocks|key|1344417|text|我成功地为单选按钮添加了布局和标签，并将垂直大小策略更改为首选(而不是固定的)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1344418|不幸的是，这并没有自动使它对鼠标的悬停和点击做出反应，就像本机标签一样，但是看到一个黑客:i+setStyleSheet(“边框:无”)的单选按钮，它就开始工作了。也许这就是幕后发生的一些事情；我希望有一些确定性。|1344419|并且可以使用"QRadioButton::indicator{subcontrol-position:top+left}“<-+http://doc.trolltech.com/qq/qq20-qss.html”对齐指示器。|offset|length|1344420|entityMap|0|LINK|mutability|MUTABLE|url|http://doc.trolltech.com/qq/qq20-qss.html^0|0|0|1S|15|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

I succeeded adding a layout and a label as a child for the radio button, and changing the vertical size policy to Preferred (instead of Fixed).

Unfortunately this didn't automatically make it react to the mouse hovers and clicks like the native label, but watch a hack: I setStyleSheet("border:none") for the radio button and it started working. Maybe that's some feature happening behind the scenes; I'd love to have some certainty.

And the indicator can be aligned using "QRadioButton::indicator{subcontrol-position:top left}" &lt;- <a href="http://doc.trolltech.com/qq/qq20-qss.html" rel="nofollow noreferrer">http://doc.trolltech.com/qq/qq20-qss.html</a>

blocks|key|629772|text|我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|629773|#ifndef+CHECKBOX_H
#define+CHECKBOX_H

#include+<QCheckBox>

#include+<QHBoxLayout>
#include+<QLabel>

class+CheckBox+:+public+QCheckBox
{
++++Q_OBJECT
public:
+++explicit+CheckBox(QWidget+*parent+=+0);

+++void+setText(const+QString+&+text);
+++QSize+sizeHint()+const;
+++bool+hitButton(const+QPoint+&pos)+const;

protected:
+++void+paintEvent(QPaintEvent+*);

private:
+++QHBoxLayout*+_layout;
+++QLabel*++++++_label;
};

#endif+//+CHECKBOX_H




#include+"checkbox.h"

#include+<QStylePainter>
#include+<QStyleOption>

#define+MARGIN+4+//+hardcoded+spacing+acording+to+QCommonStyle+implementation

CheckBox::CheckBox(QWidget+*parent)+:+QCheckBox(parent)
{
++++setSizePolicy(QSizePolicy(QSizePolicy::Preferred,+QSizePolicy::Preferred,+QSizePolicy::CheckBox));

++++QStyleOptionButton+opt;
++++initStyleOption(&opt);

++++QRect+label_rect+=+style()->subElementRect(QStyle::SE_CheckBoxContents,+&opt,+this);

++++_label+=+new+QLabel(this);
++++_label->setWordWrap(true);
++++_label->setMouseTracking(true);
++++//_label->setMinimumHeight(label_rect.height());

++++_layout+=+new+QHBoxLayout(this);
++++_layout->setContentsMargins(label_rect.left()%2BMARGIN,+MARGIN/2,+MARGIN/2,+MARGIN/2);
++++_layout->setSpacing(0);
++++_layout->addWidget(_label);

++++setLayout(_layout);
}

void+CheckBox::setText(const+QString+&+text)
{
++++_label->setText(text);
++++QCheckBox::setText(text);
}

void+CheckBox::paintEvent(QPaintEvent+*)
{
++++QStylePainter+p(this);
++++QStyleOptionButton+opt;
++++initStyleOption(&opt);

++++QStyleOptionButton+subopt+=+opt;
++++subopt.rect+=+style()->subElementRect(QStyle::SE_CheckBoxIndicator,+&opt,+this);
++++subopt.rect.moveTop(opt.rect.top()%2BMARGIN/2);+//+align+indicator+to+top

++++style()->proxy()->drawPrimitive(QStyle::PE_IndicatorCheckBox,+&subopt,+&p,+this);

++++if+(opt.state+&+QStyle::State_HasFocus)
++++{
++++++++QStyleOptionFocusRect+fropt;
++++++++fropt.QStyleOption::operator=(opt);
++++++++fropt.rect+=+style()->subElementRect(QStyle::SE_CheckBoxFocusRect,+&opt,+this);
++++++++style()->proxy()->drawPrimitive(QStyle::PE_FrameFocusRect,+&fropt,+&p,+this);
++++}
}

QSize+CheckBox::sizeHint()+const
{
++++return+QSize();+//+will+be+calculated+by+layout
}

bool+CheckBox::hitButton(const+QPoint+&pos)+const
{
++++QStyleOptionButton+opt;
++++initStyleOption(&opt);
++++return+opt.rect.contains(pos);+//+hit+all+button
}|code-block|syntax|javascript|629774|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My solution: 

<pre><code>#ifndef CHECKBOX_H
#define CHECKBOX_H

#include &lt;QCheckBox&gt;

#include &lt;QHBoxLayout&gt;
#include &lt;QLabel&gt;

class CheckBox : public QCheckBox
{
 Q_OBJECT
public:
 explicit CheckBox(QWidget *parent = 0);

 void setText(const QString &amp; text);
 QSize sizeHint() const;
 bool hitButton(const QPoint &amp;pos) const;

protected:
 void paintEvent(QPaintEvent *);

private:
 QHBoxLayout* _layout;
 QLabel* _label;
};

#endif // CHECKBOX_H




#include "checkbox.h"

#include &lt;QStylePainter&gt;
#include &lt;QStyleOption&gt;

#define MARGIN 4 // hardcoded spacing acording to QCommonStyle implementation

CheckBox::CheckBox(QWidget *parent) : QCheckBox(parent)
{
 setSizePolicy(QSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred, QSizePolicy::CheckBox));

 QStyleOptionButton opt;
 initStyleOption(&amp;opt);

 QRect label_rect = style()-&gt;subElementRect(QStyle::SE_CheckBoxContents, &amp;opt, this);

 _label = new QLabel(this);
 _label-&gt;setWordWrap(true);
 _label-&gt;setMouseTracking(true);
 //_label-&gt;setMinimumHeight(label_rect.height());

 _layout = new QHBoxLayout(this);
 _layout-&gt;setContentsMargins(label_rect.left()+MARGIN, MARGIN/2, MARGIN/2, MARGIN/2);
 _layout-&gt;setSpacing(0);
 _layout-&gt;addWidget(_label);

 setLayout(_layout);
}

void CheckBox::setText(const QString &amp; text)
{
 _label-&gt;setText(text);
 QCheckBox::setText(text);
}

void CheckBox::paintEvent(QPaintEvent *)
{
 QStylePainter p(this);
 QStyleOptionButton opt;
 initStyleOption(&amp;opt);

 QStyleOptionButton subopt = opt;
 subopt.rect = style()-&gt;subElementRect(QStyle::SE_CheckBoxIndicator, &amp;opt, this);
 subopt.rect.moveTop(opt.rect.top()+MARGIN/2); // align indicator to top

 style()-&gt;proxy()-&gt;drawPrimitive(QStyle::PE_IndicatorCheckBox, &amp;subopt, &amp;p, this);

 if (opt.state &amp; QStyle::State_HasFocus)
 {
 QStyleOptionFocusRect fropt;
 fropt.QStyleOption::operator=(opt);
 fropt.rect = style()-&gt;subElementRect(QStyle::SE_CheckBoxFocusRect, &amp;opt, this);
 style()-&gt;proxy()-&gt;drawPrimitive(QStyle::PE_FrameFocusRect, &amp;fropt, &amp;p, this);
 }
}

QSize CheckBox::sizeHint() const
{
 return QSize(); // will be calculated by layout
}

bool CheckBox::hitButton(const QPoint &amp;pos) const
{
 QStyleOptionButton opt;
 initStyleOption(&amp;opt);
 return opt.rect.contains(pos); // hit all button
}
</code></pre>

I'm trying to have a multi-line checkbox/radiobutton with Qt using standard QCheckbox/QRadioButton. 

I didn't find the direct solution since <code>QRadioButton{wrap:true;}</code> has no effect. 
The only thing possible would be to access to the <code>QRadioButton-&gt;label-&gt;setLineWrap(true)</code> but 

<ol>
<li>I'd like to do that from the designer </li>
<li>not having to rewrite a widget</li>
</ol>

Any idea beside putting a QRadioButton and a QLabel next to each others?

Thx, Boris.

QCheckbox/QRadioButton line wrap Qt4.6.0

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我试图使用标准的QCheckbox/QRadioButton拥有一个带有Qt的多行复选框/无线电按钮。我没有找到直接的解决方案，因为QRadioButton{wrap:true;}没有任何效果。唯一可能的方法是访问QRadioButton->label->setLineWrap(true)，但是我想从设计师那里做这件事，而不必重写小部件除了把一个QRadioButton和一个QLabel放在一起之

问QCheckbox/QRadioButton行包装Qt4.6.0
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问QCheckbox/QRadioButton行包装Qt4.6.0EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问QCheckbox/QRadioButton行包装Qt4.6.0
EN