富文本表达QT setText中加入HTML标签和CSS样式

setText中使用HTML标签和CSS样式

这段代码是用于在Qt中设置一个居中、字体为方正姚体、字号为44pt、颜色为黑色的富文本格式的文本，内容是“请将注意力集中在屏幕中心数字上，”。其中使用了HTML标签和CSS样式。

ui->label_att1->setText(tr("
请输入要展示的字，
"));

具体解释如下：

• 表示设置段落居中对齐。

• 表示设置字体为方正姚体、字号为44pt、颜色为黑色的字体。
• “请将注意力集中在屏幕中心数字上，” 表示要显示的文本内容。

• 表示结束设置。

tr() 函数用于将字符串本地化，以支持多语言。在使用 tr() 函数时，应在 .pro 文件中添加 TRANSLATIONS 参数以支持国际化。

添加 TRANSLATIONS

在 Qt 的 .pro 工程文件中，可以通过添加 TRANSLATIONS 参数来支持国际化。这个参数告诉 Qt 项目在哪里查找 .ts（翻译文件）文件，以便生成翻译后的应用程序。

具体步骤如下：

打开 .pro 文件，找到“TEMPLATE”标签，确认其值为“app”或“lib”。

在 .pro 文件中添加以下语句：

TRANSLATIONS += translations/example_zh_CN.ts \
                translations/example_en_US.ts

这里使用的是相对路径，表示在项目根目录下的 translations 目录中寻找 .ts 文件。

打开 Qt Creator，依次选择“Tools”->“External”->“Linguist”，在弹出的“Linguist”窗口中，点击“File”->“New Translation”，选择语言和翻译文件的保存路径。

点击“OK”后，会出现一个新的窗口，用于编辑翻译文件。在该文件中，可以将源文本翻译成目标语言。

翻译完成后，点击“File”->“Release”生成翻译后的二进制 .qm 文件。

最后，在代码中调用 QTranslator 类的 load() 函数和 install() 函数，加载翻译文件并安装翻译器即可。

QTranslator translator;
translator.load("example_zh_CN.qm");
qApp->installTranslator(&translator);

这样，程序中所有被包含在翻译文件中的字符串都将自动翻译成目标语言。