qml 桌面组件缩放

Posted 2023-02-17

【中文标题】qml 桌面组件缩放

【英文标题】：qml desktop components scaling

【发布时间】：2013-12-01 10:49:49

【问题描述】：

我想创建一个可以缩放并包含一些桌面组件的用户界面 qtquick2。正如blogpost 中提到的，qml/qtquick2 的默认渲染应该使用距离字段而不是原生文本渲染。我试图扩展 qt 快速控件。结果相当令人失望。我在 ubuntu 64 和 qt-5.1.1 上进行测试。控件上的文本看起来很糟糕，但标准 qml 元素 (Text/TextEdit) 中的所有文本在缩放时看起来都很好。

这让我认为原生渲染现在是桌面组件的默认设置。这个可以关闭吗？

【参考方案1】：

在 Qt 5.2 中可以使用样式设置 Qt Quick Controls 的渲染类型，例如在TextArea:

TextArea 
    /* ... */
    style: TextAreaStyle 
        renderType: Text.QtRendering
    

支持的渲染类型有：

Text.QtRendering Text.NativeRendering（默认）

见TextArea.qml、TextAreaStyle.qml。

对于Button 和ButtonStyle，Qt 5.2 中没有直接设置渲染类型的公共接口。但是你可以做的是用你自己的文本组件覆盖label：

Button 
    id: theButton
    /* ... */
    style: ButtonStyle 
        label: Item 
        implicitWidth: row.implicitWidth
        implicitHeight: row.implicitHeight

        property var __syspal: SystemPalette 
            colorGroup: theButton.enabled ?
                        SystemPalette.Active : SystemPalette.Disabled
        

        Row 
            id: row
            anchors.centerIn: parent
            spacing: 2
            Image 
                source: theButton.iconSource
                anchors.verticalCenter: parent.verticalCenter
            
            Text 
                renderType: Text.NativeRendering /* Change me */
                anchors.verticalCenter: parent.verticalCenter
                text: theButton.text
                color: __syspal.text
            
        
    

此代码的灵感来自 ButtonStyle.qml 的默认 label 组件，已修改且未经测试。

【参考方案2】：

我认为您不能更改 Qt 组件中的文本呈现，因为它们是明确为在桌面应用程序中使用而设计的。

例如在TextArea 中没有renderType 就像在TextEdit 中一样。

在QtDesktopComponents 页面上我还有一个提示：

您必须将 QGuiApplication 更改为 QApplication。这是因为组件依赖某些特定于小部件的类（例如 QStyle）来进行原生渲染。

【讨论】：

感谢您的回复。唯一让我觉得文本渲染可以使用距离字段的就是在博客中作为例子来解释。也许这是 QtDesktopComponents 开始时的一个特性，在添加对样式的支持时丢失了。也许我会尝试 git 的旧版本，看看它是否更适合我的需求。