javascript - 用Qt制作一个简单的LED指示灯

Question

您好，我想用 Qt 创建一个 LED 指示灯基于 CSS , 来自 http://cssdeck.com/labs/css-leds我创建了一个以富文本为源的标签:<div class="led-red"></div>并作为样式表:

margin: 20px auto;
width: 12px;
height: 12px;
background-color: #940;
border-radius: 50%;

我删除了 box-shadow自 Qt不认识。

• 为什么渲染是正方形而不是圆形，我也试过用 radio 它应该也能工作但没有？

• 如何应用一些花哨的样式，例如 JavaScript或一些 CSS Qt 不支持的到按钮？

Answer 1

诸如 QLabel 或 QTexEdit 之类的 Qt 小部件仅支持 HTML 4 的一个子集 (QLabel documentation)。

因此 border-radius，一个 CSS3 属性，可能不受支持。

如果你想显示一个 LED，你可以:

• 通过子类化 QWidget 创建一个 LED 小部件类，并在 paintEvent() 函数中绘制您想要的 LED。
• 将像素图/图像添加到现有小部件。 (QLabel::setPixmap()、QPushButton::setIcon() 等)

附带说明一下，在使用 Qt 小部件时，您无法真正使用 CSS 和 javascript 自定义 GUI。它们确实支持样式表，其中一些处理富文本，但样式表破坏了 QStyle 机制，富文本不遵循 HTML5/CSS3 标准。