Flickable Wrapped TextEdit

Flickable Wrapped TextEdit

A method of having a Flickable TextEdit with wrapped text within another Item.

<br />import QtQuick 1.0

FocusScope {<br /> width: 200; height: 200<br /> Rectangle {<br /> property int margins: 20<br /> x: margins; y: margins<br /> width: parent.width - margins*2; height: parent.height - margins*2<br /> border.color: &quot;black&amp;quot;; border.width: 2; radius: 10<br /> color: &quot;#23896363&amp;quot;<br /> Flickable {<br /> id: flick<br /> width: parent.width - 10; height: parent.height;<br /> clip: true<br /> function ensureVisible®<br /> {<br /> if (contentY &gt;= r.y)<br /> contentY = r.y;<br /> else if (contentY+height &lt;= r.y+r.height)<br /> contentY = r.y+r.height-height;<br /> }<br /> TextEdit {<br /> id: message<br /> x: 5;<br /> width: parent.width; height: parent.height;<br /> wrapMode: &quot;WrapAtWordBoundaryOrAnywhere&amp;quot;<br /> onCursorRectangleChanged: flick.ensureVisible(cursorRectangle)<br /> font.pixelSize: 16<br /> }<br /> }<br /> }<br />}<br />

Related forum thread: http://developer.qt.nokia.com/forums/viewthread/1956/