我有一個用例,在 TextField(Qml 組件)中輸入的文本應該突出顯示串列視圖內容中匹配的所有文本。
我瀏覽了很多博客,在每個博客中我都可以看到代碼片段。但不是完整的用法,所以我找不到任何合適的解決方案。任何人都可以通過示例作業示例幫助我。
我已經附上了我所期望的示例輸出
uj5u.com熱心網友回復:
Text
用作委托的簡單示例:
ColumnLayout
{
anchors.fill: parent
spacing: 5
TextField {
id: input
Layout.preferredHeight: 30
Layout.fillWidth: true
}
ListView {
id: list
Layout.fillHeight: true
Layout.fillWidth: true
model: ["aaaa bbbb cccc","dddd aaaa bbbb","cccc bbbb eeee"]
delegate: Text {
property string origText: modelData
text: list.hightlightText(origText)
}
function hightlightText(txt)
{
var str = input.text;
var pos = txt.indexOf(str);
if(pos !== (-1))
{
return txt.replace(str,"<font color='#FF0000'>" str "</font>")
}
return txt;
}
}
}
您可以使用支持的 HTML 標記子集來設定選擇的樣式。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/496975.html