diff options
| author | Alexei Cazacov <alexei.cazacov@qt.io> | 2025-03-05 13:42:17 +0200 |
|---|---|---|
| committer | Qt Cherry-pick Bot <cherrypick_bot@qt-project.org> | 2025-03-17 19:39:51 +0000 |
| commit | 37b746f78aac89bb5377eae4ffa91caddeec1086 (patch) | |
| tree | 97e068aa33ab11a0e59ceda84a31d27ca58c1099 | |
| parent | dce99af4061f6856126c1f8382070ee4fc161062 (diff) | |
Docs: Move the Qt Quick for Android section to Qt Quick
This commit adds the Qt Quick for Android section to the Qt Quick
module.
Task-number: QTBUG-134251
Change-Id: I0689064ca71d3847a1623cb4d2936ab1d828012b
Reviewed-by: Assam Boudjelthia <assam.boudjelthia@qt.io>
Reviewed-by: Nicholas Bennett <nicholas.bennett@qt.io>
(cherry picked from commit fd258644fb6eb88d57a2f71a4b5b7a1d0df85e98)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
(cherry picked from commit ab2c84afded0a311be1ff213795fbd651083f9e3)
4 files changed, 114 insertions, 1 deletions
diff --git a/src/quick/doc/images/qtquick-for-android-architecture.drawio.svg b/src/quick/doc/images/qtquick-for-android-architecture.drawio.svg new file mode 100644 index 0000000000..74dabccbae --- /dev/null +++ b/src/quick/doc/images/qtquick-for-android-architecture.drawio.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- Do not edit this file with editors other than draw.io --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="601px" height="401px" viewBox="-0.5 -0.5 601 401" content="<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15" scale="1" border="0" version="24.7.10"> <diagram name="Page-1" id="LAbKQrmjsbxxgg8mPc2U"> <mxGraphModel dx="1026" dy="309" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="300" pageHeight="410" background="none" math="0" shadow="0"> <root> <mxCell id="0" /> <mxCell id="1" style="" parent="0" /> <mxCell id="4KGk7hG9VIaURkJDVn2m-30" value="" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" edge="1" parent="1" source="4KGk7hG9VIaURkJDVn2m-31" target="4KGk7hG9VIaURkJDVn2m-33"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-31" value="Qt Quick Project&lt;div&gt;(CMake)&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="1"> <mxGeometry x="17" y="532" width="120" height="60" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-32" value="Qt Quick for Android Architecture" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#1D3557;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1;fontSize=24;horizontal=1;" vertex="1" parent="1"> <mxGeometry y="455" width="190" height="30" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-33" value="Qt Gradle Plugin" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="1"> <mxGeometry x="17" y="635" width="120" height="60" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-34" value="" style="swimlane;startSize=0;strokeColor=#82b366;fillColor=#d5e8d4;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=9;fontStyle=1" vertex="1" parent="1"> <mxGeometry x="240" y="415" width="360" height="400" as="geometry"> <mxRectangle x="280" y="110" width="50" height="40" as="alternateBounds" /> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-35" value="" style="swimlane;startSize=0;strokeColor=#2D7600;fontColor=#ffffff;fillColor=#60a917;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-34"> <mxGeometry x="20" y="30" width="310" height="250" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-36" value="" style="swimlane;startSize=0;strokeColor=#36393d;fillColor=#cdeb8b;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-35"> <mxGeometry x="5" y="30" width="295" height="80" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-37" value="Get Property" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#cdeb8b;strokeColor=#36393d;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=10;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-36"> <mxGeometry x="15" y="29.5" width="52" height="40" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-38" value="Set Property" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#cdeb8b;strokeColor=#36393d;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=10;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-36"> <mxGeometry x="85" y="29.5" width="52" height="40" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-39" value="Connect to Signal" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#cdeb8b;strokeColor=#36393d;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=10;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-36"> <mxGeometry x="155" y="29.5" width="52" height="40" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-40" value="Status Change Listener" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#cdeb8b;strokeColor=#36393d;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=10;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-36"> <mxGeometry x="225" y="29.5" width="52" height="40" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-41" value="Android UI" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#333333;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=13;fontStyle=1;fillColor=#f5f5f5;strokeColor=#666666;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-36"> <mxGeometry y="0.5" width="295" height="20" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-42" value="" style="group;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;rounded=0;" vertex="1" connectable="0" parent="4KGk7hG9VIaURkJDVn2m-35"> <mxGeometry x="10" y="130" width="290" height="110" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-43" value="&lt;font data-font-src=&quot;https://fonts.google.com/specimen/Titillium+Web&quot;&gt;QtQuickView (Java)&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-42"> <mxGeometry width="290" height="110.00000000000001" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-44" value="&lt;font style=&quot;font-size: 8px;&quot;&gt;Root Object ( QML Item)&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#36393d;fillColor=#eeeeee;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-42"> <mxGeometry x="20.714285714285715" y="15.72" width="93.21428571428572" height="24.28" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-45" value="&lt;font style=&quot;font-size: 8px;&quot;&gt;QQuickView Instance&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#36393d;fillColor=#eeeeee;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-42"> <mxGeometry x="98.39285714285715" y="73.337" width="93.21428571428572" height="25.663" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-46" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.layered_rect;dx=10;outlineConnect=0;whiteSpace=wrap;container=1;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-42"> <mxGeometry x="159.50000000000003" y="15.72" width="113.92857142857144" height="27.25" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-47" value="&lt;font style=&quot;font-size: 8px;&quot;&gt;Module 1-N: Singleton 1-N&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontSize=10;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-46"> <mxGeometry x="-6.214285714285715" y="-0.44921212121212123" width="113.92857142857144" height="13.661333333333332" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-48" value="" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;startArrow=classic;startFill=1;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" edge="1" parent="4KGk7hG9VIaURkJDVn2m-35" source="4KGk7hG9VIaURkJDVn2m-37" target="4KGk7hG9VIaURkJDVn2m-44"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-49" value="" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" edge="1" parent="4KGk7hG9VIaURkJDVn2m-35" source="4KGk7hG9VIaURkJDVn2m-38" target="4KGk7hG9VIaURkJDVn2m-44"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-50" value="" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" edge="1" parent="4KGk7hG9VIaURkJDVn2m-35" source="4KGk7hG9VIaURkJDVn2m-39" target="4KGk7hG9VIaURkJDVn2m-46"> <mxGeometry relative="1" as="geometry"> <mxPoint x="245" y="141.42857142857144" as="targetPoint" /> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-51" value="Android Activity" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#333333;fontSize=13;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1;fillColor=#f5f5f5;strokeColor=#666666;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-35"> <mxGeometry width="310" height="20" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-52" value="" style="endArrow=classic;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;edgeStyle=orthogonalEdgeStyle;" edge="1" parent="4KGk7hG9VIaURkJDVn2m-35" source="4KGk7hG9VIaURkJDVn2m-44" target="4KGk7hG9VIaURkJDVn2m-40"> <mxGeometry width="50" height="50" relative="1" as="geometry"> <mxPoint x="-60" y="-20" as="sourcePoint" /> <mxPoint x="-10" y="-70" as="targetPoint" /> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-53" value="" style="endArrow=none;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;entryX=1;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="4KGk7hG9VIaURkJDVn2m-34" source="4KGk7hG9VIaURkJDVn2m-58"> <mxGeometry width="50" height="50" relative="1" as="geometry"> <mxPoint x="330" y="335" as="sourcePoint" /> <mxPoint x="320" y="210" as="targetPoint" /> <Array as="points"> <mxPoint x="340" y="345" /> <mxPoint x="340" y="280" /> <mxPoint x="340" y="210" /> </Array> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-54" value="Target Library" style="swimlane;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-34"> <mxGeometry x="20" y="290" width="310" height="90" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-55" value="Qt Platform Plugin" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontSize=10;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-54"> <mxGeometry x="10" y="30" width="60" height="50" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-56" value="Qt binaries" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontSize=10;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-54"> <mxGeometry x="90" y="30" width="60" height="50" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-57" value="Qt Plugins" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontSize=10;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-54"> <mxGeometry x="164" y="30" width="60" height="50" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-58" value="Platform Jars" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontSize=10;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1" vertex="1" parent="4KGk7hG9VIaURkJDVn2m-54"> <mxGeometry x="240" y="30" width="60" height="50" as="geometry" /> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-59" value="" style="endArrow=classic;html=1;strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;edgeStyle=orthogonalEdgeStyle;" edge="1" parent="1" source="4KGk7hG9VIaURkJDVn2m-33" target="4KGk7hG9VIaURkJDVn2m-54"> <mxGeometry width="50" height="50" relative="1" as="geometry"> <mxPoint x="330" y="655" as="sourcePoint" /> <mxPoint x="380" y="605" as="targetPoint" /> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-60" value="Android Library (AAR)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];strokeColor=#457B9D;fontColor=#1D3557;fillColor=#A8DADC;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1;fontSize=13;" vertex="1" connectable="0" parent="4KGk7hG9VIaURkJDVn2m-59"> <mxGeometry x="-0.3206" relative="1" as="geometry"> <mxPoint x="57" y="-2" as="offset" /> </mxGeometry> </mxCell> <mxCell id="4KGk7hG9VIaURkJDVn2m-61" value="&lt;span style=&quot;font-size: 15px; white-space: nowrap;&quot;&gt;Android App (Java or Kotlin)&lt;/span&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#333333;fontSize=15;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontStyle=1;fillColor=#f5f5f5;strokeColor=#666666;" vertex="1" parent="1"> <mxGeometry x="240" y="415" width="360" height="20" as="geometry" /> </mxCell> </root> </mxGraphModel> </diagram> </mxfile> "><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="4KGk7hG9VIaURkJDVn2m-30"><g><path d="M 77 177 L 77 213.63" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 77 218.88 L 73.5 211.88 L 77 213.63 L 80.5 211.88 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-31"><g><rect x="17" y="117" width="120" height="60" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 147px; margin-left: 18px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt Quick Project<div>(CMake)</div></div></div></div></foreignObject><text x="77" y="151" fill="#1D3557" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Qt Quick Project...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-32"><g><rect x="0" y="40" width="190" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 55px; margin-left: 1px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 24px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt Quick for Android Architecture</div></div></div></foreignObject><text x="95" y="62" fill="#1D3557" font-family=""titillium web"" font-size="24px" text-anchor="middle" font-weight="bold">Qt Quick for Android...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-33"><g><rect x="17" y="220" width="120" height="60" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 18px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt Gradle Plugin</div></div></div></foreignObject><text x="77" y="254" fill="#1D3557" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Qt Gradle Plugin</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-34"><g><path d="M 240 0 L 240 0 L 600 0 L 600 0" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 0 L 240 400 L 600 400 L 600 0" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-35"><g><path d="M 260 30 L 260 30 L 570 30 L 570 30" fill="#60a917" stroke="#2d7600" stroke-miterlimit="10" pointer-events="all"/><path d="M 260 30 L 260 280 L 570 280 L 570 30" fill="none" stroke="#2d7600" stroke-miterlimit="10" pointer-events="none"/></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-36"><g><path d="M 265 60 L 265 60 L 560 60 L 560 60" fill="#cdeb8b" stroke="#36393d" stroke-miterlimit="10" pointer-events="all"/><path d="M 265 60 L 265 140 L 560 140 L 560 60" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-37"><g><rect x="280" y="89.5" width="52" height="40" rx="6" ry="6" fill="#cdeb8b" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 110px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Get Property</div></div></div></foreignObject><text x="306" y="113" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Get Proper...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-38"><g><rect x="350" y="89.5" width="52" height="40" rx="6" ry="6" fill="#cdeb8b" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 110px; margin-left: 351px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Set Property</div></div></div></foreignObject><text x="376" y="113" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Set Proper...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-39"><g><rect x="420" y="89.5" width="52" height="40" rx="6" ry="6" fill="#cdeb8b" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 110px; margin-left: 421px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Connect to Signal</div></div></div></foreignObject><text x="446" y="113" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Connect to...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-40"><g><rect x="490" y="89.5" width="52" height="40" rx="6" ry="6" fill="#cdeb8b" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 110px; margin-left: 491px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Status Change Listener</div></div></div></foreignObject><text x="516" y="113" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Status Cha...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-41"><g><rect x="265" y="60.5" width="295" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 293px; height: 1px; padding-top: 71px; margin-left: 266px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Android UI</div></div></div></foreignObject><text x="413" y="74" fill="#333333" font-family=""titillium web"" font-size="13px" text-anchor="middle" font-weight="bold">Android UI</text></switch></g></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-42"><g/><g data-cell-id="4KGk7hG9VIaURkJDVn2m-43"><g><rect x="270" y="160" width="290" height="110" rx="16.5" ry="16.5" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 288px; height: 1px; padding-top: 215px; margin-left: 271px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font data-font-src="https://fonts.google.com/specimen/Titillium+Web">QtQuickView (Java)</font></div></div></div></foreignObject><text x="415" y="219" fill="#1D3557" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">QtQuickView (Java)</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-44"><g><rect x="290.71" y="175.72" width="93.21" height="24.28" rx="3.64" ry="3.64" fill="#eeeeee" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 91px; height: 1px; padding-top: 188px; margin-left: 292px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style="font-size: 8px;">Root Object ( QML Item)</font></div></div></div></foreignObject><text x="337" y="191" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Root Object ( Q...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-45"><g><rect x="368.39" y="233.34" width="93.21" height="25.66" rx="3.85" ry="3.85" fill="#eeeeee" stroke="#36393d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 91px; height: 1px; padding-top: 246px; margin-left: 369px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style="font-size: 8px;">QQuickView Instance</font></div></div></div></foreignObject><text x="415" y="250" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">QQuickView Inst...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-46"><g><path d="M 439.5 185.72 L 543.43 185.72 L 543.43 202.97 L 439.5 202.97 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 434.5 180.72 L 538.43 180.72 L 538.43 197.97 L 434.5 197.97 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 429.5 175.72 L 533.43 175.72 L 533.43 192.97 L 429.5 192.97 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-47"><g><rect x="423.29" y="175.27" width="113.93" height="13.66" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 112px; height: 1px; padding-top: 182px; margin-left: 424px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style="font-size: 8px;">Module 1-N: Singleton 1-N</font></div></div></div></foreignObject><text x="480" y="185" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Module 1-N: Singleton...</text></switch></g></g></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-48"><g><path d="M 306 135.87 L 306 144.23 Q 306 152.6 316 152.6 L 327.3 152.6 Q 337.3 152.6 337.3 160.98 L 337.3 169.35" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 306 130.62 L 309.5 137.62 L 306 135.87 L 302.5 137.62 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/><path d="M 337.3 174.6 L 333.8 167.6 L 337.3 169.35 L 340.8 167.6 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-49"><g><path d="M 376 129.5 L 376 142.6 Q 376 152.6 366 152.6 L 347.3 152.6 Q 337.3 152.6 337.31 160.98 L 337.32 169.35" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 337.32 174.6 L 333.81 167.61 L 337.32 169.35 L 340.81 167.6 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-50"><g><path d="M 446 129.5 L 446 142.6 Q 446 152.6 456 152.6 L 476.5 152.6 Q 486.5 152.6 486.5 160.98 L 486.5 169.35" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 486.5 174.6 L 483 167.6 L 486.5 169.35 L 490 167.6 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-51"><g><rect x="260" y="30" width="310" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 308px; height: 1px; padding-top: 40px; margin-left: 261px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Android Activity</div></div></div></foreignObject><text x="415" y="44" fill="#333333" font-family=""titillium web"" font-size="13px" text-anchor="middle" font-weight="bold">Android Activity</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-52"><g><path d="M 337.32 175.72 L 337.31 162.6 Q 337.3 152.6 347.3 152.6 L 506 152.6 Q 516 152.6 516 144.23 L 516 135.87" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 516 130.62 L 519.5 137.62 L 516 135.87 L 512.5 137.62 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-53"><g><path d="M 560 345 L 570 345 Q 580 345 580 335 L 580 290 Q 580 280 580 270 L 580 220 Q 580 210 570 210 L 560 210" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-54"><g><path d="M 260 313 L 260 290 L 570 290 L 570 313" fill="#a8dadc" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/><path d="M 260 313 L 260 380 L 570 380 L 570 313" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="none"/><path d="M 260 313 L 570 313" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="none"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 308px; height: 1px; padding-top: 302px; margin-left: 261px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Target Library</div></div></div></foreignObject><text x="415" y="305" fill="#1D3557" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Target Library</text></switch></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-55"><g><rect x="270" y="320" width="60" height="50" rx="7.5" ry="7.5" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 345px; margin-left: 271px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt Platform Plugin</div></div></div></foreignObject><text x="300" y="348" fill="#1D3557" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Qt Platform...</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-56"><g><rect x="350" y="320" width="60" height="50" rx="7.5" ry="7.5" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 345px; margin-left: 351px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt binaries</div></div></div></foreignObject><text x="380" y="348" fill="#1D3557" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Qt binaries</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-57"><g><rect x="424" y="320" width="60" height="50" rx="7.5" ry="7.5" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 345px; margin-left: 425px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Qt Plugins</div></div></div></foreignObject><text x="454" y="348" fill="#1D3557" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Qt Plugins</text></switch></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-58"><g><rect x="500" y="320" width="60" height="50" rx="7.5" ry="7.5" fill="#a8dadc" stroke="#457b9d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 345px; margin-left: 501px;"><div data-drawio-colors="color: #1D3557; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Platform Jars</div></div></div></foreignObject><text x="530" y="348" fill="#1D3557" font-family=""titillium web"" font-size="10px" text-anchor="middle" font-weight="bold">Platform Jars</text></switch></g></g></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-59"><g><path d="M 77 280 L 77 325 Q 77 335 87 335 L 253.63 335" fill="none" stroke="#457b9d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 258.88 335 L 251.88 338.5 L 253.63 335 L 251.88 331.5 Z" fill="#457b9d" stroke="#457b9d" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-60"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 334px; margin-left: 161px;"><div data-drawio-colors="color: #1D3557; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: "titillium web"; color: rgb(29, 53, 87); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">Android Library (AAR)</div></div></div></foreignObject><text x="161" y="337" fill="#1D3557" font-family=""titillium web"" font-size="13px" text-anchor="middle" font-weight="bold">Android Library (AAR)</text></switch></g></g></g></g><g data-cell-id="4KGk7hG9VIaURkJDVn2m-61"><g><rect x="240" y="0" width="360" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 358px; height: 1px; padding-top: 10px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><span style="font-size: 15px; white-space: nowrap;">Android App (Java or Kotlin)</span></div></div></div></foreignObject><text x="420" y="15" fill="#333333" font-family=""titillium web"" font-size="15px" text-anchor="middle" font-weight="bold">Android App (Java or Kotlin)</text></switch></g></g></g></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file diff --git a/src/quick/doc/images/qtquick-for-android-comparisson.drawio.svg b/src/quick/doc/images/qtquick-for-android-comparisson.drawio.svg new file mode 100644 index 0000000000..e3257ccd90 --- /dev/null +++ b/src/quick/doc/images/qtquick-for-android-comparisson.drawio.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- Do not edit this file with editors other than draw.io --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="401px" viewBox="-0.5 -0.5 581 401" content="<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15" scale="1" border="0" version="24.7.10"> <diagram name="Page-1" id="LAbKQrmjsbxxgg8mPc2U"> <mxGraphModel dx="1207" dy="908" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="291" pageHeight="413" background="none" math="0" shadow="0"> <root> <mxCell id="0" /> <mxCell id="1" style="" parent="0" /> <mxCell id="JDiP4Siol2o8hJzfVD-r-104" value="Comparing Tooling and Workflow" style="swimlane;childLayout=stackLayout;resizeParent=1;resizeParentMax=0;horizontal=1;startSize=20;horizontalStack=0;html=1;fillColor=#008a00;fontColor=#ffffff;strokeColor=#005700;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;rounded=1;" parent="1" vertex="1"> <mxGeometry y="5" width="580" height="400" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-105" value="Qt for Android" style="swimlane;startSize=20;horizontal=0;html=1;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontColor=#ffffff;fillColor=#008a00;strokeColor=#005700;" parent="JDiP4Siol2o8hJzfVD-r-104" vertex="1"> <mxGeometry y="20" width="580" height="180" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-129" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;exitX=1;exitY=0.5;exitDx=0;exitDy=0;endArrow=classic;endFill=1;startArrow=classic;startFill=1;" parent="JDiP4Siol2o8hJzfVD-r-105" target="JDiP4Siol2o8hJzfVD-r-119" edge="1" source="40WWvyLmxYHFNW7b2IcO-13"> <mxGeometry relative="1" as="geometry"> <mxPoint x="340" y="90.00000000000011" as="sourcePoint" /> </mxGeometry> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-119" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" parent="JDiP4Siol2o8hJzfVD-r-105" vertex="1"> <mxGeometry x="390" y="10" width="170" height="160" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-120" value="Android App Developer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="JDiP4Siol2o8hJzfVD-r-119" vertex="1"> <mxGeometry width="170" height="20" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-122" value="Qt Creator" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-119" vertex="1"> <mxGeometry x="10.002662721893486" y="25.923933890334666" width="78.46153846153847" height="31.338172853033832" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-3" value="Qt Framework" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="JDiP4Siol2o8hJzfVD-r-119" vertex="1"> <mxGeometry x="34" y="69.99666666666667" width="96" height="32" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-6" value="Android" style="rounded=1;whiteSpace=wrap;html=1;fontFamily=android;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fwww.dafont.com%2Fandroid.font;fillColor=#bac8d3;fontColor=default;strokeColor=#23445d;align=center;verticalAlign=middle;fontSize=12;" parent="JDiP4Siol2o8hJzfVD-r-119" vertex="1"> <mxGeometry x="60" y="115.99666666666668" width="96" height="40.53333333333334" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="JDiP4Siol2o8hJzfVD-r-119" source="40WWvyLmxYHFNW7b2IcO-3" target="40WWvyLmxYHFNW7b2IcO-3" edge="1"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-13" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" parent="JDiP4Siol2o8hJzfVD-r-105" vertex="1"> <mxGeometry x="210" y="9" width="150" height="162" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-14" value="UI Developer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="40WWvyLmxYHFNW7b2IcO-13" vertex="1"> <mxGeometry width="150" height="20" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-15" value="Qt Design Studio" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="40WWvyLmxYHFNW7b2IcO-13" vertex="1"> <mxGeometry x="11.534023668639051" y="30.085510204081643" width="69.23076923076923" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-16" value="Qt Creator" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="40WWvyLmxYHFNW7b2IcO-13" vertex="1"> <mxGeometry x="70.00248520710059" y="115.13520251177395" width="69.23076923076923" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-17" value="Qt Framework" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="40WWvyLmxYHFNW7b2IcO-13" vertex="1"> <mxGeometry x="27" y="78" width="96" height="30" as="geometry" /> </mxCell> <mxCell id="6W6Iw0J6m3aAy0ZA0r_A-7" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" vertex="1" parent="JDiP4Siol2o8hJzfVD-r-105"> <mxGeometry x="40" y="10" width="150" height="162" as="geometry" /> </mxCell> <mxCell id="6W6Iw0J6m3aAy0ZA0r_A-8" value="UI/UX Designer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" vertex="1" parent="6W6Iw0J6m3aAy0ZA0r_A-7"> <mxGeometry width="150" height="20.466472303207" as="geometry" /> </mxCell> <mxCell id="6W6Iw0J6m3aAy0ZA0r_A-9" value="Blender" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#b0e3e6;strokeColor=#0e8088;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" vertex="1" parent="6W6Iw0J6m3aAy0ZA0r_A-7"> <mxGeometry x="17.307692307692307" y="40.775510204081634" width="75" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="6W6Iw0J6m3aAy0ZA0r_A-10" value="Figma" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#b0e3e6;strokeColor=#0e8088;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" vertex="1" parent="6W6Iw0J6m3aAy0ZA0r_A-7"> <mxGeometry x="57.69230769230769" y="99.18367346938774" width="75" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="6W6Iw0J6m3aAy0ZA0r_A-12" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" edge="1" parent="JDiP4Siol2o8hJzfVD-r-105"> <mxGeometry relative="1" as="geometry"> <Array as="points"> <mxPoint x="190" y="100" /> </Array> <mxPoint x="190" y="100" as="sourcePoint" /> <mxPoint x="210" y="100" as="targetPoint" /> </mxGeometry> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-106" value="Qt Quick for Android" style="swimlane;startSize=20;horizontal=0;html=1;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fontColor=#ffffff;fillColor=#008a00;strokeColor=#005700;" parent="JDiP4Siol2o8hJzfVD-r-104" vertex="1"> <mxGeometry y="200" width="580" height="200" as="geometry"> <mxRectangle y="140" width="760" height="30" as="alternateBounds" /> </mxGeometry> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-131" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-106" source="JDiP4Siol2o8hJzfVD-r-132" target="JDiP4Siol2o8hJzfVD-r-137" edge="1"> <mxGeometry relative="1" as="geometry"> <Array as="points" /> </mxGeometry> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-132" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" parent="JDiP4Siol2o8hJzfVD-r-106" vertex="1"> <mxGeometry x="40" y="19" width="150" height="162" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-133" value="UI/UX Designer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="JDiP4Siol2o8hJzfVD-r-132" vertex="1"> <mxGeometry width="150" height="20.466472303207" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-134" value="Blender" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#b0e3e6;strokeColor=#0e8088;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-132" vertex="1"> <mxGeometry x="17.307692307692307" y="40.775510204081634" width="75" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-135" value="Figma" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#b0e3e6;strokeColor=#0e8088;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-132" vertex="1"> <mxGeometry x="57.69230769230769" y="99.18367346938774" width="75" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-136" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-106" source="JDiP4Siol2o8hJzfVD-r-137" target="JDiP4Siol2o8hJzfVD-r-143" edge="1"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-137" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" parent="JDiP4Siol2o8hJzfVD-r-106" vertex="1"> <mxGeometry x="210" y="19" width="150" height="162" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-138" value="UI Developer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="JDiP4Siol2o8hJzfVD-r-137" vertex="1"> <mxGeometry width="150" height="20" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-139" value="Qt Design Studio" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-137" vertex="1"> <mxGeometry x="11.534023668639051" y="30.085510204081643" width="69.23076923076923" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-140" value="Qt Creator" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;labelPosition=center;align=center;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-137" vertex="1"> <mxGeometry x="70.00248520710059" y="115.13520251177395" width="69.23076923076923" height="36.36734693877551" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-11" value="Qt Framework" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="JDiP4Siol2o8hJzfVD-r-137" vertex="1"> <mxGeometry x="27" y="78" width="96" height="30" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-142" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;" parent="JDiP4Siol2o8hJzfVD-r-106" source="JDiP4Siol2o8hJzfVD-r-143" target="JDiP4Siol2o8hJzfVD-r-137" edge="1"> <mxGeometry relative="1" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-143" value="" style="strokeWidth=2;html=1;shape=mxgraph.lean_mapping.manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;fontColor=#994C00;strokeColor=#791111;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=none;" parent="JDiP4Siol2o8hJzfVD-r-106" vertex="1"> <mxGeometry x="390" y="19" width="170" height="162" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-144" value="Android App Developer" style="text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;whiteSpace=wrap;fontFamily=titillium web;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Ffonts.google.com%2Fspecimen%2FTitillium%2BWeb;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#791111;" parent="JDiP4Siol2o8hJzfVD-r-143" vertex="1"> <mxGeometry width="170" height="20" as="geometry" /> </mxCell> <mxCell id="JDiP4Siol2o8hJzfVD-r-148" value="Android Studio" style="verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.diag_round_rect;dx=6;whiteSpace=wrap;fillColor=#bac8d3;strokeColor=#23445d;labelPosition=center;align=center;fontFamily=android;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fwww.dafont.com%2Fandroid.font;" parent="JDiP4Siol2o8hJzfVD-r-143" vertex="1"> <mxGeometry x="9.996923076923082" y="26.246923076923075" width="91.53846153846153" height="42.99230769230769" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-4" value="Android" style="rounded=1;whiteSpace=wrap;html=1;fontFamily=android;fontSource=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fwww.dafont.com%2Fandroid.font;fillColor=#bac8d3;fontColor=default;strokeColor=#23445d;align=center;verticalAlign=middle;fontSize=12;" parent="JDiP4Siol2o8hJzfVD-r-143" vertex="1"> <mxGeometry x="60" y="117.99999999999999" width="96" height="38" as="geometry" /> </mxCell> <mxCell id="40WWvyLmxYHFNW7b2IcO-12" value="Qt Framework" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="JDiP4Siol2o8hJzfVD-r-143" vertex="1"> <mxGeometry x="37" y="78" width="96" height="30" as="geometry" /> </mxCell> </root> </mxGraphModel> </diagram> </mxfile> "><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-d5e8d4-1-97d077-1-s-0"><stop offset="0%" style="stop-color: rgb(213, 232, 212); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(151, 208, 119); stop-opacity: 1;"/></linearGradient></defs><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="JDiP4Siol2o8hJzfVD-r-104"><g><path d="M 580 20 L 580 9 Q 580 0 571 0 L 9 0 Q 0 0 0 9 L 0 20" fill="#008a00" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 20 L 0 391 Q 0 400 9 400 L 571 400 Q 580 400 580 391 L 580 20" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 20 L 580 20" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 10px; margin-left: 290px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Comparing Tooling and Workflow</div></div></div></foreignObject><text x="290" y="14" fill="#ffffff" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Comparing Tooling and Workflow</text></switch></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-105"><g><path d="M 20 20 L 0 20 L 0 200 L 20 200" fill="#008a00" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/><path d="M 20 20 L 580 20 L 580 200 L 20 200" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 20 L 20 200" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/></g><g><g transform="translate(-0.5 -0.5)rotate(-90 10 110)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 110px; margin-left: 10px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Qt for Android</div></div></div></foreignObject><text x="10" y="114" fill="#ffffff" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Qt for Android</text></switch></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-129"><g><path d="M 366.37 110 L 383.63 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361.12 110 L 368.12 106.5 L 366.37 110 L 368.12 113.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 388.88 110 L 381.88 113.5 L 383.63 110 L 381.88 106.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-119"><g><rect x="390" y="30" width="170" height="160" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 390 48 L 560 48" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-120"><g><rect x="390" y="30" width="170" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 166px; height: 1px; padding-top: 32px; margin-left: 393px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Android App Developer</div></div></div></foreignObject><text x="476" y="44" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">Android App Developer</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-122"><g><path d="M 412 55.92 L 478.46 55.92 L 478.46 75.26 C 478.46 81.89 473.09 87.26 466.46 87.26 L 400 87.26 L 400 67.92 C 400 61.3 405.38 55.92 412 55.92 Z" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 76px; height: 1px; padding-top: 72px; margin-left: 401px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Creator</div></div></div></foreignObject><text x="439" y="75" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Qt Creator</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-3"><g><rect x="424" y="100" width="96" height="32" rx="4.8" ry="4.8" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 116px; margin-left: 425px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Framework</div></div></div></foreignObject><text x="472" y="120" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Qt Framework</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-6"><g><rect x="450" y="146" width="96" height="40.53" rx="6.08" ry="6.08" fill="#bac8d3" stroke="#23445d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 166px; margin-left: 451px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: android; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Android</div></div></div></foreignObject><text x="498" y="170" fill="rgb(0, 0, 0)" font-family=""android"" font-size="12px" text-anchor="middle">Android</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-7"><g/></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-13"><g><rect x="210" y="29" width="150" height="162" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 210 47 L 360 47" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-14"><g><rect x="210" y="29" width="150" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 146px; height: 1px; padding-top: 31px; margin-left: 213px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">UI Developer</div></div></div></foreignObject><text x="286" y="43" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">UI Developer</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-15"><g><path d="M 233.53 59.09 L 290.76 59.09 L 290.76 83.45 C 290.76 90.08 285.39 95.45 278.76 95.45 L 221.53 95.45 L 221.53 71.09 C 221.53 64.46 226.91 59.09 233.53 59.09 Z" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 67px; height: 1px; padding-top: 77px; margin-left: 223px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Design Studio</div></div></div></foreignObject><text x="256" y="81" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Qt Design S...</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-16"><g><path d="M 292 144.14 L 349.23 144.14 L 349.23 168.5 C 349.23 175.13 343.86 180.5 337.23 180.5 L 280 180.5 L 280 156.14 C 280 149.51 285.38 144.14 292 144.14 Z" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 67px; height: 1px; padding-top: 162px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Creator</div></div></div></foreignObject><text x="315" y="166" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Qt Creator</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-17"><g><rect x="237" y="107" width="96" height="30" rx="4.5" ry="4.5" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 122px; margin-left: 238px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Framework</div></div></div></foreignObject><text x="285" y="126" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Qt Framework</text></switch></g></g></g></g><g data-cell-id="6W6Iw0J6m3aAy0ZA0r_A-7"><g><rect x="40" y="30" width="150" height="162" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 40 48 L 190 48" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="6W6Iw0J6m3aAy0ZA0r_A-8"><g><rect x="40" y="30" width="150" height="20.47" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 146px; height: 1px; padding-top: 32px; margin-left: 43px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">UI/UX Designer</div></div></div></foreignObject><text x="116" y="44" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">UI/UX Designer</text></switch></g></g></g><g data-cell-id="6W6Iw0J6m3aAy0ZA0r_A-9"><g><path d="M 69.31 70.78 L 132.31 70.78 L 132.31 95.14 C 132.31 101.77 126.94 107.14 120.31 107.14 L 57.31 107.14 L 57.31 82.78 C 57.31 76.15 62.68 70.78 69.31 70.78 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 73px; height: 1px; padding-top: 89px; margin-left: 58px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Blender</div></div></div></foreignObject><text x="95" y="93" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Blender</text></switch></g></g></g><g data-cell-id="6W6Iw0J6m3aAy0ZA0r_A-10"><g><path d="M 109.69 129.18 L 172.69 129.18 L 172.69 153.55 C 172.69 160.18 167.32 165.55 160.69 165.55 L 97.69 165.55 L 97.69 141.18 C 97.69 134.56 103.06 129.18 109.69 129.18 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 73px; height: 1px; padding-top: 147px; margin-left: 99px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Figma</div></div></div></foreignObject><text x="135" y="151" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Figma</text></switch></g></g></g></g><g data-cell-id="6W6Iw0J6m3aAy0ZA0r_A-12"><g><path d="M 190 120 L 203.63 120" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 208.88 120 L 201.88 123.5 L 203.63 120 L 201.88 116.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-106"><g><path d="M 20 200 L 0 200 L 0 400 L 20 400" fill="#008a00" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/><path d="M 20 200 L 580 200 L 580 400 L 20 400" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 200 L 20 400" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/></g><g><g transform="translate(-0.5 -0.5)rotate(-90 10 300)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 300px; margin-left: 10px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Qt Quick for Android</div></div></div></foreignObject><text x="10" y="304" fill="#ffffff" font-family=""titillium web"" font-size="12px" text-anchor="middle" font-weight="bold">Qt Quick for Android</text></switch></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-131"><g><path d="M 190 300.06 L 210.06 300.06 L 190.06 300.06 L 203.63 300.02" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 208.88 300 L 201.89 303.52 L 203.63 300.02 L 201.87 296.52 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-132"><g><rect x="40" y="219" width="150" height="162" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 40 237 L 190 237" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-133"><g><rect x="40" y="219" width="150" height="20.47" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 146px; height: 1px; padding-top: 221px; margin-left: 43px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">UI/UX Designer</div></div></div></foreignObject><text x="116" y="233" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">UI/UX Designer</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-134"><g><path d="M 69.31 259.78 L 132.31 259.78 L 132.31 284.14 C 132.31 290.77 126.94 296.14 120.31 296.14 L 57.31 296.14 L 57.31 271.78 C 57.31 265.15 62.68 259.78 69.31 259.78 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 73px; height: 1px; padding-top: 278px; margin-left: 58px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Blender</div></div></div></foreignObject><text x="95" y="282" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Blender</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-135"><g><path d="M 109.69 318.18 L 172.69 318.18 L 172.69 342.55 C 172.69 349.18 167.32 354.55 160.69 354.55 L 97.69 354.55 L 97.69 330.18 C 97.69 323.56 103.06 318.18 109.69 318.18 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 73px; height: 1px; padding-top: 336px; margin-left: 99px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Figma</div></div></div></foreignObject><text x="135" y="340" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Figma</text></switch></g></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-136"><g><path d="M 360 300.06 L 380.06 300.06 L 370.06 300.06 L 383.63 300.02" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 388.88 300 L 381.89 303.52 L 383.63 300.02 L 381.87 296.52 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-137"><g><rect x="210" y="219" width="150" height="162" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 210 237 L 360 237" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-138"><g><rect x="210" y="219" width="150" height="20" fill="#f5f5f5" stroke="#666666" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 146px; height: 1px; padding-top: 221px; margin-left: 213px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">UI Developer</div></div></div></foreignObject><text x="286" y="233" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">UI Developer</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-139"><g><path d="M 233.53 249.09 L 290.76 249.09 L 290.76 273.45 C 290.76 280.08 285.39 285.45 278.76 285.45 L 221.53 285.45 L 221.53 261.09 C 221.53 254.46 226.91 249.09 233.53 249.09 Z" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 67px; height: 1px; padding-top: 267px; margin-left: 223px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Design Studio</div></div></div></foreignObject><text x="256" y="271" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Qt Design S...</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-140"><g><path d="M 292 334.14 L 349.23 334.14 L 349.23 358.5 C 349.23 365.13 343.86 370.5 337.23 370.5 L 280 370.5 L 280 346.14 C 280 339.51 285.38 334.14 292 334.14 Z" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 67px; height: 1px; padding-top: 352px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Creator</div></div></div></foreignObject><text x="315" y="356" fill="rgb(0, 0, 0)" font-family=""titillium web"" font-size="12px" text-anchor="middle">Qt Creator</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-11"><g><rect x="237" y="297" width="96" height="30" rx="4.5" ry="4.5" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 312px; margin-left: 238px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Framework</div></div></div></foreignObject><text x="285" y="316" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Qt Framework</text></switch></g></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-142"><g><path d="M 390 300.06 L 370.06 300.06 L 380.06 300.06 L 366.37 300.02" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361.12 300 L 368.13 296.52 L 366.37 300.02 L 368.11 303.52 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-143"><g><rect x="390" y="219" width="170" height="162" fill="none" stroke="#791111" stroke-width="2" pointer-events="all"/><path d="M 390 237 L 560 237" fill="none" stroke="#791111" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-144"><g><rect x="390" y="219" width="170" height="20" fill="#f5f5f5" stroke="#791111" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 166px; height: 1px; padding-top: 221px; margin-left: 393px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: "titillium web"; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Android App Developer</div></div></div></foreignObject><text x="476" y="233" fill="#333333" font-family=""titillium web"" font-size="12px" text-anchor="middle">Android App Developer</text></switch></g></g></g><g data-cell-id="JDiP4Siol2o8hJzfVD-r-148"><g><path d="M 412 245.25 L 491.54 245.25 L 491.54 276.24 C 491.54 282.87 486.16 288.24 479.54 288.24 L 400 288.24 L 400 257.25 C 400 250.62 405.37 245.25 412 245.25 Z" fill="#bac8d3" stroke="#23445d" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 90px; height: 1px; padding-top: 267px; margin-left: 401px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: android; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Android Studio</div></div></div></foreignObject><text x="446" y="270" fill="rgb(0, 0, 0)" font-family=""android"" font-size="12px" text-anchor="middle">Android Studio</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-4"><g><rect x="450" y="337" width="96" height="38" rx="5.7" ry="5.7" fill="#bac8d3" stroke="#23445d" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 356px; margin-left: 451px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: android; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Android</div></div></div></foreignObject><text x="498" y="360" fill="rgb(0, 0, 0)" font-family=""android"" font-size="12px" text-anchor="middle">Android</text></switch></g></g></g><g data-cell-id="40WWvyLmxYHFNW7b2IcO-12"><g><rect x="427" y="297" width="96" height="30" rx="4.5" ry="4.5" fill="url(#mx-gradient-d5e8d4-1-97d077-1-s-0)" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 312px; margin-left: 428px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Qt Framework</div></div></div></foreignObject><text x="475" y="316" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Qt Framework</text></switch></g></g></g></g></g></g></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file diff --git a/src/quick/doc/src/android/qtquick-for-android.qdoc b/src/quick/doc/src/android/qtquick-for-android.qdoc new file mode 100644 index 0000000000..0867f56449 --- /dev/null +++ b/src/quick/doc/src/android/qtquick-for-android.qdoc @@ -0,0 +1,99 @@ +// Copyright (C) 2024 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only + +/*! + \title Qt Quick for Android + \brief An overview on using QML in native Android projects. + \page qtquick-for-android.html + \ingroup android-platform-extra-topics + + \section1 Qt Quick for Android overview + + The basis of this approach is to offer Qt QML APIs in an embedded way so + that the app will remain a relatively typical Android app. This approach + offers a more standard Android-centered approach at the cost of leveraging + the cross-platform nature of a Qt application. It's best suited for adding + desirable Qt features to an existing Android application. + + \list + \li Android creates the Qt content and controls it. + \li Android Studio with the \l{\QtTAS} plugin is used for development. + \li For Qt content, Qt Creator or Qt Design Studio are used. + \li Main languages are Java and Kotlin, with QML used for specific parts + such as 3D content. + \li You can use any Android APIs you want, but you can use JNI if you want more + control over communication between your Java code and QML. See \l{QJniObject} + and \l{QJniEnvironment}. + \endlist + + \section2 How this differs from Qt for Android + + The most prominent difference between these approaches is the project structure. + Qt for Android applications are CMake projects that can be built for Android or + other platforms, while a Qt Quick for Android Project is an Android project that + includes QML content and can only be built for Android. + + \image qtquick-for-android-comparisson.drawio.svg + + The main objective of the Qt for Android approach is to let Qt handle most of the work + of the architecture and boilerplate code of the app and let you focus on the + content. It offers a complete and reliable cross-platform approach. + + \list + \li Qt creates and controls the Android app. + \li \l{\QC Documentation}{\QC}, \l{Qt Design Studio}, or Visual Studio + can be used. + \li Main languages are C++ and QML. + \li Android specifics are more hidden; Qt handles these internally. + \li To use Android APIs not yet available as Qt APIs, you must use JNI. + See \l{QJniObject} and \l{QJniEnvironment}. + \endlist + + See \l{How Qt for Android Works} for further details on Qt for Android's architecture. + + \section1 How Qt Quick for Android works + + Qt Quick for Android offers you \l{Qt Quick Android Classes}{Android APIs} that enable + you to insert QML content as an \l{Android: View}{Android View} in your project. + + \image qtquick-for-android-architecture.drawio.svg + + \section1 APIs + \target Android Classes + These are the public Java and Kotlin APIs that you will use in an Android + app to embed QML. + //! TODO: Update links to Java API docs when published + \list + \li \l{Qt Quick View Android Class} + \li \l{QtAbstractItemModel Android Class} + \li \l{QtAbstractListModel Android Class} + \li \l{interface QtQmlStatusChangeListener} (which uses the QtQmlStatus enum) + \li \l{QtModelIndex Android Class} + \endlist + + To use these classes, you must include the following in your \c build.gradle + file: + + \badcode + packagingOptions.jniLibs.useLegacyPackaging true + \endcode + + \note See the \l{QT_ANDROID_GENERATE_JAVA_QTQUICKVIEW_CONTENTS} CMake + variable for further information on Java code generation of QML components. + + \section1 API examples + + \list + \li \l{Qt Quick for Android Studio Projects} + \li \l{Exposing QtAbstractListModel to QML} + \li \l{Using QtAbstractItemModel in Android Studio Projects} + \endlist + + \section1 Tooling + + The \l{Qt Gradle Plugin} and \l{\QtTAS} plugin are provided by Qt for easy + development. You can use the Gradle Plugin independently from an IDE as part + of your build toolchain. \QtTAS uses the plugin to build your projects in + Android Studio. + +*/ diff --git a/src/quick/doc/src/qtquick-toc.qdoc b/src/quick/doc/src/qtquick-toc.qdoc index 7b186bca51..b2a95e6803 100644 --- a/src/quick/doc/src/qtquick-toc.qdoc +++ b/src/quick/doc/src/qtquick-toc.qdoc @@ -70,6 +70,13 @@ \li \l {Qt Quick Widgets}{Displaying Qml views in Qt Widgets} \li \l {C++ Extension Points Provided By Qt Quick}{C++ Extension Points} \li \l {Qt Quick Shared Image Provider}{Shared image provider} + \li \l {Qt Quick for Android} + \list + \li \l {Qt Quick Android Classes} + \li \l {Qt Quick for Android Studio Projects} + \li \l {Using QtAbstractItemModel in Android Studio Projects} + \li \l {Exposing QtAbstractListModel to QML} + \endlist \li \l {Changes to Qt Quick}{Upgrading from Qt 5} \li \l {Best Practices for QML and Qt Quick} \li \l {Qt Quick Tools and Utilities} @@ -97,6 +104,5 @@ \endlist \li \l {Qt Quick How-tos}{How-Tos} \endlist - \li \l {Qt Quick Android Classes} \endlist */ |
