diff options
Diffstat (limited to 'examples/declarative/webview/qml-in-html.qml')
| -rw-r--r-- | examples/declarative/webview/qml-in-html.qml | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/examples/declarative/webview/qml-in-html.qml b/examples/declarative/webview/qml-in-html.qml new file mode 100644 index 0000000..a2f2f2a --- /dev/null +++ b/examples/declarative/webview/qml-in-html.qml @@ -0,0 +1,32 @@ +import Qt 4.6 + +// The WebView supports QML data through the HTML OBJECT tag +Rectangle { + color:"blue" + Flickable { + width: parent.width + height: parent.height/2 + viewportWidth: web.width*web.scale + viewportHeight: web.height*web.scale + WebView { + id: web + width: 250 + height: 420 + zoomFactor: 0.75 + smoothCache: true + settings.pluginsEnabled: true + html: "<html>\ + <body bgcolor=white>\ + These are QML plugins, shown in a QML WebView via HTML OBJECT tags, all scaled to 75%\ + and placed in a Flickable area...\ + <table border=1>\ + <tr><th>Duration <th>Color <th>Plugin\ + <tr><td>500 <td>red <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=500 color=red />\ + <tr><td>2000 <td>blue <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=2000 color=blue />\ + <tr><td>1000 <td>green <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=1000 color=green />\ + </table>\ + </body>\ + </html>" + } + } +} |