我的代碼
Text {
Layout.topMargin: 5
Layout.preferredWidth: parent.width
Layout.preferredHeight: columnsItem.titleHeight
font: Style.h4
wrapMode: Text.Wrap
maximumLineCount: 2
elide: Text.ElideRight
lineHeight: 1.5
text: BodyViewModelCpp.findMusicPageColumns.getSubitemProperty(
modelData, "title")
}
我想讓左邊的“...”看起來像右邊的。
在以下螢屏截圖中，它們都使用紅色矩形標記
uj5u.com熱心網友回復：
我想你想用一個替代的替代中文省略號嗎？我們可以使用TextMetrics來確定并且我們可以在組件elidedText中顯示之前抑制或替換中文省略號：Text
import QtQuick
import QtQuick.Controls
Page {
Frame {
width: 200
Text {
id: itemLabel
width: parent.width
property TextMetrics textMetrics: TextMetrics {
text: "The quick brown fox jumped over the lazy dog"
elideWidth: itemLabel.width
elide: Text.ElideRight
}
text: textMetrics.elidedText.replace(/…$/,"...")
}
}
}
您可以在線試用！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/528357.html
標籤：qtqmlqt5