QML Text: как использовать свойства CSS, например text-decor: overline

Question

Можно ли использовать свойства CSS в элементе QML Text или QML Label?Меня интересует text-decoration: overline, и я хочу смешать подчеркнутые символы с простыми символами.Я знаю, что могу поставить отдельный элемент Text для каждого символа и использовать font.overline: true, но это непрактичное решение.

Следовательно, как написать "* ab * c * d" таким образом, чтобы a,c и d подчеркнуты вместо префикса звездочкой.

Кстати, с подчеркиванием все просто, просто используйте <u> и </u>, но это мне не поможет.

Answer 1

Вы имеете в виду CSS, встроенный в текст?Тогда да.Если вы имеете в виду применение CSS к элементам QML (как если бы они были HTML), то нет (что я нахожу ироничным:).

Пример, адаптированный из демонстрационной версии Qt Text :

import QtQuick 2.3
Pane  {
    id: root
    width: 480
    height: 320
    Rectangle {
        anchors.fill: parent;
        color: "#272822"
  }
  Column {
        spacing: 20
        Text {
            anchors.fill: parent;
            text: '<font color="white">I am the <b>very</b> model of' +
                         '<p>a <span style="text-decoration: overline">modern</span> ' +
                         '<i>major general</i>!</p></font>'
            font.pointSize: 14
            textFormat: Text.RichText
        }
  }
}

Мне специально нужно было установить textFormat: Text.RichText, с Text.StyledText оверлайн не работал.