使用HTML语法图文混排

Flickable {
anchors.fill: parent
contentWidth: parent.width
contentHeight: col.height + 20

Column {
id: col
x: 10; y: 10
spacing: 20
width: parent.width - 20
property var hAlign: Text.AlignLeft

Loader{
property string txt:"<h2>指定大小</h2>:<img width='48' height='48' src='qtlogo.png' \><br>" +
"<h2>对齐middle</h2>:<img align='middle' width='48' height='48' src='qtlogo.png' \><br>"+
"<h2>对齐top</h2>:<img align='top' width='48' height='48' src='qtlogo.png' \><br>"+
"<h2>对齐bottom</h2>:<img align='bottom' width='48' height='48' src='qtlogo.png' \><br>"+
"<h2>指定大小</h2>:<img width='32' height='32' src='qtlogo.png' \>" +
"<img width='48' height='48' src='qtlogo.png' \>" +
"<img width='72' height='72' src='qtlogo.png' \>"

width: parent.width;
sourceComponent: component

}

}

Component{
id:component;
Text {
id:subtext;
text: parent.txt
width: parent.width
font.pointSize: 14
wrapMode: Text.WordWrap
textFormat: Text.StyledText
horizontalAlignment: root.hAlign
}

}
}