C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件
程序员文章站
2022-03-03 15:01:00
...
显示和格式化文本
要在QML中显示文本,请创建一个Text项并将text属性设置为您希望显示的文本,Text项现在将显示该文本。
可以在Text项目上设置几个属性来设置整个文本块的样式,这些包括颜色、字体系列、字体大小、粗体和斜体。
富文本(如标记)可用于使用Text项选择性地设置文本特定部分的样式,将 Text::textFormat 设置为 Text.StyledText来使用此功能。
布置文本
默认情况下,除非文本包含嵌入的换行符,否则会将文本显示为单行。要换行,请设置 wrapMode 属性并为文本提供明确的换行宽度。 如果没有明确设置宽度或高度,读取这些属性将返回文本边界矩形的参数(如果您已经明确设置宽度或高度,仍然可以使用paintedWidth和paintedHeight)。考虑到这些参数,文本可以像任何其他项目一样定位。
示例代码
import QtQuick Item { id: root width: 480 height: 320 Rectangle { color: "#272822" width: 480 height: 320 } Column { spacing: 20 Text { text: 'I am the very model of a modern major general!' // color can be set on the entire element with this property color: "yellow" } Text { // For text to wrap, a width has to be explicitly provided width: root.width // This setting makes the text wrap at word boundaries when it goes // past the width of the Text object wrapMode: Text.WordWrap // You can use \ to escape quotation marks, or to add new lines (\n). // Use \\ to get a \ in the string text: 'I am the very model of a modern major general. I\'ve information \ vegetable, animal and mineral. I know the kings of england and I \ quote the fights historical; from Marathon to Waterloo in order categorical.' // color can be set on the entire element with this property color: "white" } Text { text: 'I am the very model of a modern major general!' // color can be set on the entire element with this property color: "yellow" // font properties can be set effciently on the whole string at once font { family: 'Courier'; pixelSize: 20; italic: true; capitalization: Font.SmallCaps } } Text { // HTML like markup can also be used text: '<font color="white">I am the <b>very</b> model of a modern <i>major general</i>!</font>' // This could also be written font { pointSize: 14 }. Both syntaxes are valid. font.pointSize: 14 // StyledText format supports fewer tags, but is more efficient than RichText textFormat: Text.StyledText } } }
国际化和可扩展性
在处理文本时,应用程序必须考虑各种主题,例如设备的方向和语言设置。
Qt商用组件推荐
- QtitanRibbon - Ribbon UI组件:是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件,QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
- QtitanChart - Qt类图表组件:是一个C ++库,代表一组控件,这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
- QtitanDataGrid - Qt网格组件:提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中,支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
- QtitanNavigation:QtitanNavigationDesignUI 组件是一组 GUI 控件,它实现了菜单、导航框、命令栏等导航界面,并让您以更少的滚动和点击次数有效地查看所有实体(工作区、网格或其他项目)。
- QtitanDocking:允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题!
Qt技术交流群:166830288 欢迎一起进群讨论
推荐阅读
-
C++图形用户界面开发框架Qt 6.x入门级教程 - QML 应用程序 C++Qt图形界面
-
C++图形用户界面开发框架Qt 6.x入门级指南 - Qt Quick控件 C++图形C++qt界面
-
C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件
-
Qt开发框架入门级教程:用例 - 在QML中响应用户输入 Qt界面开发框架C++
-
C++图形用户界面开发框架Qt 6.x - 基于Qt Widget的UI工具 QtC++界面控件
-
C++图形用户界面开发框架Qt 6.x- QML中的可视化元素 Qtc++界面开发QML
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt
-
C++图形用户界面开发框架Qt 6.x - 基于Qt Widget的UI工具 QtC++界面控件
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt
-
C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件