Я не могу понять этого. Я имею в виду вертикальный интервал между строками текста в текстовом элементе Qml. Я не могу использовать форматированный текст, а GridLayout, похоже, разрушает мою упаковку, горизонтальное выравнивание и возможность проверки усечения. Это внутри прямоугольника.
Text{
width:10
wrapMode: Text.Text.Wrap
text:"This will be broken into multiple lines. How could I set the vertical spacing between them?"
}
Я имею в виду:
Vs
Хорошая привычка - проверить документацию. Просматривая его, вы могли увидеть свойство под названием lineHeight < / а>. Я считаю, что это то, что вы ищете. Из документации:
lineHeight : realУстанавливает высоту строки для текста. Значение может быть в пикселях или множителем в зависимости от
lineHeightMode.
Они также расскажут вам, как его использовать
Значение по умолчанию - 1,0. Высота строки должна быть положительным значением.
Использование lineHeight в качестве множителя позволяет имитировать следующие перечисления межстрочного интервала в MSWord.
Single
1.5 lines
Double
Multiple
Вот пример:
import QtQuick 2.0
import QtQuick.Window 2.0
Window {
visible: true
width: 200
height: 300
Text {
id: text
width: 175
anchors.centerIn: parent
// text: "HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO"
text: "Cat ipsum dolor sit amet, sleep nap. You call this cat food. Push your water glass on the floor."
font.family: "Monaco" // Monaco ❤️
wrapMode: Text.WordWrap // Make the text multi-line
horizontalAlignment: Text.AlignHCenter
// lineHeight: 1.0 // single-spacing (default)
lineHeight: 1.5 // 1.5 line-spacing
// lineHeight: 2.0 // double-spacing
// lineHeight: 3.0 // triple-spacing
}
}
Вот результаты использования разных значений lineHeight (на типичной MacOS)
Одинарный интервал
1,5x, двойной (2x), тройной (3x)
Однако, если вы хотите имитировать другие перечисления межстрочного интервала:
At least
Exactly
вам нужно будет изменить высоту в пикселях. Вы можете сделать это, установив для lineHeightMode значение Text.FixedHeight. Вот так
Window {
visible: true
width: 200
height: 300
Text {
id: text
width: 175
anchors.centerIn: parent
text: "Cat ipsum dolor sit amet, sleep nap. You call this cat food. Push your water glass on the floor."
font.family: "Monaco" // Monaco ❤️
wrapMode: Text.WordWrap // Make the text multi-line
lineHeightMode: Text.FixedHeight
lineHeight: 6 // exaggerated, text will be scrunched up
}
}
Ровно 6
lineHeight тем или иным способом.
- person TrebledJ; 20.11.2018
line spacing. Просто повторно используйте этот язык в своем вопросе, без вреда для него. :-) - person TrebledJ schedule 19.11.2018