{"id":115700,"date":"2026-10-13T07:57:34","date_gmt":"2026-10-12T23:57:34","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/115700.html"},"modified":"2026-10-13T07:57:34","modified_gmt":"2026-10-12T23:57:34","slug":"pyqtqml-%e5%ae%9e%e7%8e%b0%e9%a3%9e%e6%8e%a7%e4%bb%aa%e8%a1%a8%e7%9b%98%e5%a7%bf%e6%80%81%e3%80%81%e9%ab%98%e5%ba%a6%e3%80%81%e9%80%9f%e5%ba%a6%e9%a3%9e%e8%a1%8c%e6%95%b0%e6%8d%ae%e7%ad%89","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/115700.html","title":{"rendered":"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235728-6acd73e86c4e5.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<\/p>\n<h4>PyQt&#043;QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a&#xff08;\u4e8c&#xff09;<\/h4>\n<ul>\n<li>\u4e00\u3001\u8bf4\u660e<\/li>\n<li>\u4e8c\u3001\u6548\u679c\u5c55\u793a<\/li>\n<li>\u4e09\u3001\u6e90\u7801\u5206\u4eab<\/li>\n<li>\n<ul>\n<li>1\u3001\u5de5\u7a0b\u7ed3\u6784<\/li>\n<li>2\u3001\u5e93\u5b89\u88c5<\/li>\n<li>3\u3001main.py<\/li>\n<li>4\u3001main.qml<\/li>\n<li>5\u3001Hsi.qml<\/li>\n<li>6\u3001Nav.qml<\/li>\n<li>7\u3001Tc.qml<\/li>\n<li>8\u3001\u56fe\u7247\u8d44\u6e90\u4e0b\u8f7d<\/li>\n<\/ul>\n<\/li>\n<li>\u56db\u3001\u5b9e\u73b0\u539f\u7406<\/li>\n<li>\n<ul>\n<li>1\u3001Python \u4fa7&#xff1a;\u8f7b\u91cf\u542f\u52a8\u4e0e\u6570\u636e\u5165\u53e3<\/li>\n<li>2\u3001QML \u4fa7&#xff1a;\u5c5e\u6027\u7cfb\u7edf\u9a71\u52a8\u4eea\u8868<\/li>\n<li>3\u3001\u6570\u636e\u6a21\u62df&#xff1a;Timer \u751f\u6210\u6b63\u5f26\u6ce2\u5f62<\/li>\n<li>4\u3001\u4eea\u8868\u7ed8\u5236&#xff1a;\u5c42\u53e0\u56fe\u7247 &#043; \u65cb\u8f6c\u53d8\u6362<\/li>\n<li>5\u3001\u81ea\u9002\u5e94\u7f29\u653e&#xff1a;\u4fdd\u6301\u4eea\u8868\u6bd4\u4f8b<\/li>\n<li>6\u3001\u5c0f\u7ed3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>\u4e00\u3001\u8bf4\u660e<\/h2>\n<p>\u7531\u4e8e\u7bc7\u5e45\u9650\u5236\u6b64\u7bc7\u53ea\u663e\u793a3\u4e2a\u4eea\u8868&#xff0c;\u5269\u4f59\u89c1\u4e0b\u4e00\u7bc7<\/p>\n<h2>\u4e8c\u3001\u6548\u679c\u5c55\u793a<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235731-6acd73eb7f263.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235732-6acd73ec07bd9.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h2>\u4e09\u3001\u6e90\u7801\u5206\u4eab<\/h2>\n<h3>1\u3001\u5de5\u7a0b\u7ed3\u6784<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235732-6acd73ec85510.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h3>2\u3001\u5e93\u5b89\u88c5<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235732-6acd73ec9c56f.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h3>3\u3001main.py<\/h3>\n<p><span class=\"token keyword\">import<\/span> sys<br \/>\n<span class=\"token keyword\">import<\/span> os<\/p>\n<p><span class=\"token keyword\">from<\/span> PyQt6<span class=\"token punctuation\">.<\/span>QtCore <span class=\"token keyword\">import<\/span> QUrl<br \/>\n<span class=\"token keyword\">from<\/span> PyQt6<span class=\"token punctuation\">.<\/span>QtGui <span class=\"token keyword\">import<\/span> QGuiApplication<br \/>\n<span class=\"token keyword\">from<\/span> PyQt6<span class=\"token punctuation\">.<\/span>QtQml <span class=\"token keyword\">import<\/span> QQmlApplicationEngine<\/p>\n<p><span class=\"token keyword\">def<\/span> <span class=\"token function\">main<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    app <span class=\"token operator\">&#061;<\/span> QGuiApplication<span class=\"token punctuation\">(<\/span>sys<span class=\"token punctuation\">.<\/span>argv<span class=\"token punctuation\">)<\/span><br \/>\n    engine <span class=\"token operator\">&#061;<\/span> QQmlApplicationEngine<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    qml_path <span class=\"token operator\">&#061;<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>join<span class=\"token punctuation\">(<\/span>os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>dirname<span class=\"token punctuation\">(<\/span>os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>abspath<span class=\"token punctuation\">(<\/span>__file__<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;main.qml&#034;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n    engine<span class=\"token punctuation\">.<\/span>load<span class=\"token punctuation\">(<\/span>QUrl<span class=\"token punctuation\">.<\/span>fromLocalFile<span class=\"token punctuation\">(<\/span>qml_path<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">not<\/span> engine<span class=\"token punctuation\">.<\/span>rootObjects<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        <span class=\"token keyword\">print<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u9519\u8bef&#xff1a;\u65e0\u6cd5\u52a0\u8f7d QML \u6587\u4ef6&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token builtin\">file<\/span><span class=\"token operator\">&#061;<\/span>sys<span class=\"token punctuation\">.<\/span>stderr<span class=\"token punctuation\">)<\/span><br \/>\n        sys<span class=\"token punctuation\">.<\/span>exit<span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    sys<span class=\"token punctuation\">.<\/span>exit<span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">.<\/span><span class=\"token keyword\">exec<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p><span class=\"token keyword\">if<\/span> __name__ <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token string\">&#034;__main__&#034;<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    main<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<h3>4\u3001main.qml<\/h3>\n<p><span class=\"token keyword\">import<\/span> QtQuick<br \/>\n<span class=\"token keyword\">import<\/span> QtQuick<span class=\"token punctuation\">.<\/span>Window<br \/>\n<span class=\"token keyword\">import<\/span> QtQuick<span class=\"token punctuation\">.<\/span>Controls<br \/>\n<span class=\"token keyword\">import<\/span> QtQuick<span class=\"token punctuation\">.<\/span>Layouts<\/p>\n<p>ApplicationWindow <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">id<\/span><span class=\"token punctuation\">:<\/span> root<br \/>\n    visible<span class=\"token punctuation\">:<\/span> true<br \/>\n    width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">1200<\/span><br \/>\n    height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">900<\/span><br \/>\n    title<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Flight Instruments&#034;<\/span><br \/>\n    color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#1a1a2e&#034;<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Flight parameters <span class=\"token punctuation\">(<\/span>driven by test timer <span class=\"token keyword\">or<\/span> manual control<span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real alpha<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real beta<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real roll<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real pitch<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real heading<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real slipSkid<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real turnRate<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real devH<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real devV<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real airspeed<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real altitude<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real pressure<span class=\"token punctuation\">:<\/span> <span class=\"token number\">30.0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real climbRate<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real machNo<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real adf<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real dme<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Simulation state<br \/>\n    <span class=\"token builtin\">property<\/span> <span class=\"token builtin\">bool<\/span> autoMode<span class=\"token punctuation\">:<\/span> true<br \/>\n    <span class=\"token builtin\">property<\/span> real realTime<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> 3&#215;3 Grid layout<br \/>\n    GridLayout <span class=\"token punctuation\">{<\/span><br \/>\n        anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n        columns<span class=\"token punctuation\">:<\/span> <span class=\"token number\">3<\/span><br \/>\n        rows<span class=\"token punctuation\">:<\/span> <span class=\"token number\">3<\/span><br \/>\n        rowSpacing<span class=\"token punctuation\">:<\/span> <span class=\"token number\">4<\/span><br \/>\n        columnSpacing<span class=\"token punctuation\">:<\/span> <span class=\"token number\">4<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Row <span class=\"token number\">1<\/span><span class=\"token punctuation\">:<\/span> ADI<span class=\"token punctuation\">,<\/span> ALT<span class=\"token punctuation\">,<\/span> ASI<br \/>\n        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;ADI&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Adi <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                roll<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>roll<br \/>\n                pitch<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>pitch<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;ALT&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Alt <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                altitude<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>altitude<br \/>\n                pressure<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>pressure<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;ASI&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Asi <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                airspeed<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>airspeed<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Row <span class=\"token number\">2<\/span><span class=\"token punctuation\">:<\/span> HSI<span class=\"token punctuation\">,<\/span> TC<span class=\"token punctuation\">,<\/span> NAV<br \/>\n        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;HSI&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Hsi <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                heading<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>heading<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;TC&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Tc <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                turnRate<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>turnRate<br \/>\n                slipSkid<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>slipSkid <span class=\"token operator\">*<\/span> <span class=\"token number\">15.0<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;NAV&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Nav <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                heading<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>heading<br \/>\n                headingBug<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n                course<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n                bearing<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>adf<br \/>\n                bearingVisible<span class=\"token punctuation\">:<\/span> true<br \/>\n                deviation<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>devH<br \/>\n                deviationVisible<span class=\"token punctuation\">:<\/span> true<br \/>\n                distance<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>dme<br \/>\n                distanceVisible<span class=\"token punctuation\">:<\/span> true<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Row <span class=\"token number\">3<\/span><span class=\"token punctuation\">:<\/span> VSI<span class=\"token punctuation\">,<\/span> Controls<br \/>\n        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<br \/>\n            Label <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>top<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>top<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;VSI&#034;<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><br \/>\n                font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n            Vsi <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                climbRate<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>climbRate<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Control Panel <span class=\"token operator\">&#8211;<\/span> spans <span class=\"token number\">2<\/span> columns<br \/>\n        Item <span class=\"token punctuation\">{<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>columnSpan<span class=\"token punctuation\">:<\/span> <span class=\"token number\">2<\/span><br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillWidth<span class=\"token punctuation\">:<\/span> true<br \/>\n            Layout<span class=\"token punctuation\">.<\/span>fillHeight<span class=\"token punctuation\">:<\/span> true<\/p>\n<p>            Rectangle <span class=\"token punctuation\">{<\/span><br \/>\n                anchors<span class=\"token punctuation\">.<\/span>fill<span class=\"token punctuation\">:<\/span> parent<br \/>\n                anchors<span class=\"token punctuation\">.<\/span>margins<span class=\"token punctuation\">:<\/span> <span class=\"token number\">8<\/span><br \/>\n                color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#16213e&#034;<\/span><br \/>\n                radius<span class=\"token punctuation\">:<\/span> <span class=\"token number\">8<\/span><br \/>\n                border<span class=\"token punctuation\">.<\/span>color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#334466&#034;<\/span><br \/>\n                border<span class=\"token punctuation\">.<\/span>width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">1<\/span><\/p>\n<p>                Column <span class=\"token punctuation\">{<\/span><br \/>\n                    anchors<span class=\"token punctuation\">.<\/span>centerIn<span class=\"token punctuation\">:<\/span> parent<br \/>\n                    spacing<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n                    width<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>width <span class=\"token operator\">*<\/span> <span class=\"token number\">0.8<\/span><\/p>\n<p>                    Label <span class=\"token punctuation\">{<\/span><br \/>\n                        text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Flight Instruments Test Panel&#034;<\/span><br \/>\n                        color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><br \/>\n                        font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">16<\/span><br \/>\n                        font<span class=\"token punctuation\">.<\/span>bold<span class=\"token punctuation\">:<\/span> true<br \/>\n                        anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                    <span class=\"token punctuation\">}<\/span><\/p>\n<p>                    Button <span class=\"token punctuation\">{<\/span><br \/>\n                        text<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>autoMode ? <span class=\"token string\">&#034;\u23f8 Stop Auto&#034;<\/span> <span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;\u25b6 Start Auto&#034;<\/span><br \/>\n                        anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<br \/>\n                        width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">200<\/span><br \/>\n                        palette<span class=\"token punctuation\">.<\/span>button<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>autoMode ? <span class=\"token string\">&#034;#e94560&#034;<\/span> <span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#0f3460&#034;<\/span><br \/>\n                        palette<span class=\"token punctuation\">.<\/span>buttonText<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><br \/>\n                        onClicked<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>autoMode <span class=\"token operator\">&#061;<\/span> !root<span class=\"token punctuation\">.<\/span>autoMode<br \/>\n                    <span class=\"token punctuation\">}<\/span><\/p>\n<p>                    Grid <span class=\"token punctuation\">{<\/span><br \/>\n                        columns<span class=\"token punctuation\">:<\/span> <span class=\"token number\">3<\/span><br \/>\n                        spacing<span class=\"token punctuation\">:<\/span> <span class=\"token number\">8<\/span><br \/>\n                        anchors<span class=\"token punctuation\">.<\/span>horizontalCenter<span class=\"token punctuation\">:<\/span> parent<span class=\"token punctuation\">.<\/span>horizontalCenter<\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Roll:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> roll<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;\u00b0&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Pitch:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> pitch<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;\u00b0&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Heading:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> heading<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;\u00b0&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Speed:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> airspeed<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034; kt&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Alt:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> altitude<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034; ft&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;V\/S:&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#aaaacc&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                        Label <span class=\"token punctuation\">{<\/span> text<span class=\"token punctuation\">:<\/span> climbRate<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034; ft\/m&#034;<\/span><span class=\"token punctuation\">;<\/span> color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><span class=\"token punctuation\">;<\/span> font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">11<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n                    <span class=\"token punctuation\">}<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Test Timer <span class=\"token operator\">&#8211;<\/span> generates sinusoidal flight data <span class=\"token punctuation\">(<\/span>ported <span class=\"token keyword\">from<\/span> MainWindow<span class=\"token punctuation\">.<\/span>cpp<span class=\"token punctuation\">)<\/span><br \/>\n    Timer <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token builtin\">id<\/span><span class=\"token punctuation\">:<\/span> testTimer<br \/>\n        interval<span class=\"token punctuation\">:<\/span> <span class=\"token number\">50<\/span><br \/>\n        repeat<span class=\"token punctuation\">:<\/span> true<br \/>\n        running<span class=\"token punctuation\">:<\/span> true<br \/>\n        triggeredOnStart<span class=\"token punctuation\">:<\/span> false<\/p>\n<p>        onTriggered<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>!root<span class=\"token punctuation\">.<\/span>autoMode<span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span><\/p>\n<p>            const dt <span class=\"token operator\">&#061;<\/span> interval <span class=\"token operator\">\/<\/span> <span class=\"token number\">1000.0<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>realTime <span class=\"token operator\">&#043;&#061;<\/span> dt<\/p>\n<p>            const t <span class=\"token operator\">&#061;<\/span> root<span class=\"token punctuation\">.<\/span>realTime<\/p>\n<p>            root<span class=\"token punctuation\">.<\/span>alpha     <span class=\"token operator\">&#061;<\/span>  <span class=\"token number\">20.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">10.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>beta      <span class=\"token operator\">&#061;<\/span>  <span class=\"token number\">15.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">10.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>roll      <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">180.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">10.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>pitch     <span class=\"token operator\">&#061;<\/span>  <span class=\"token number\">90.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">20.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>heading   <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">360.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">40.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>slipSkid  <span class=\"token operator\">&#061;<\/span>   <span class=\"token number\">1.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">10.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>turnRate  <span class=\"token operator\">&#061;<\/span>   <span class=\"token number\">7.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">10.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>devH      <span class=\"token operator\">&#061;<\/span>   <span class=\"token number\">1.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">20.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>devV      <span class=\"token operator\">&#061;<\/span>   <span class=\"token number\">1.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">20.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>airspeed  <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">125.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">40.0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token number\">125.0<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>altitude  <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">9000.0<\/span> <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">40.0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token number\">9000.0<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>pressure  <span class=\"token operator\">&#061;<\/span>   <span class=\"token number\">2.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">20.0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token number\">30.0<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>climbRate <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">650.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">20.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>machNo    <span class=\"token operator\">&#061;<\/span> root<span class=\"token punctuation\">.<\/span>airspeed <span class=\"token operator\">\/<\/span> <span class=\"token number\">650.0<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>adf       <span class=\"token operator\">&#061;<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360.0<\/span> <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">50.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            root<span class=\"token punctuation\">.<\/span>dme       <span class=\"token operator\">&#061;<\/span>  <span class=\"token number\">99.0<\/span>  <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>t <span class=\"token operator\">\/<\/span> <span class=\"token number\">100.0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>5\u3001Hsi.qml<\/h3>\n<p><span class=\"token keyword\">import<\/span> QtQuick<\/p>\n<p>Item <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">id<\/span><span class=\"token punctuation\">:<\/span> root<\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Horizontal Situation Indicator<br \/>\n    <span class=\"token operator\">\/\/<\/span> Original size<span class=\"token punctuation\">:<\/span> 240&#215;240<br \/>\n    <span class=\"token builtin\">property<\/span> real heading<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>    <span class=\"token operator\">\/\/<\/span> degrees<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360<\/span><\/p>\n<p>    readonly <span class=\"token builtin\">property<\/span> real origW<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n    readonly <span class=\"token builtin\">property<\/span> real origH<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real s<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span>width <span class=\"token operator\">\/<\/span> origW<span class=\"token punctuation\">,<\/span> height <span class=\"token operator\">\/<\/span> origH<span class=\"token punctuation\">)<\/span><\/p>\n<p>    Item <span class=\"token punctuation\">{<\/span><br \/>\n        width<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origW<br \/>\n        height<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origH<br \/>\n        scale<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>s<br \/>\n        anchors<span class=\"token punctuation\">.<\/span>centerIn<span class=\"token punctuation\">:<\/span> parent<\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Face <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">20<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> rotates by <span class=\"token operator\">&#8211;<\/span>heading<br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/hsi\/hsi_face.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>heading<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Case <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/hsi\/hsi_case.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>6\u3001Nav.qml<\/h3>\n<p><span class=\"token keyword\">import<\/span> QtQuick<\/p>\n<p>Item <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">id<\/span><span class=\"token punctuation\">:<\/span> root<\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Navigation Display<br \/>\n    <span class=\"token operator\">\/\/<\/span> Original size<span class=\"token punctuation\">:<\/span> 300&#215;300<br \/>\n    <span class=\"token builtin\">property<\/span> real heading<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>         <span class=\"token operator\">\/\/<\/span> degrees<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real headingBug<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>      <span class=\"token operator\">\/\/<\/span> degrees<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real course<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>          <span class=\"token operator\">\/\/<\/span> degrees<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real bearing<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>         <span class=\"token operator\">\/\/<\/span> degrees<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">360<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> <span class=\"token builtin\">bool<\/span> bearingVisible<span class=\"token punctuation\">:<\/span> true<br \/>\n    <span class=\"token builtin\">property<\/span> real deviation<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>       <span class=\"token operator\">\/\/<\/span> <span class=\"token builtin\">range<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">1<\/span> to <span class=\"token number\">1<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> <span class=\"token builtin\">bool<\/span> deviationVisible<span class=\"token punctuation\">:<\/span> true<br \/>\n    <span class=\"token builtin\">property<\/span> real distance<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>        <span class=\"token operator\">\/\/<\/span> NM<br \/>\n    <span class=\"token builtin\">property<\/span> <span class=\"token builtin\">bool<\/span> distanceVisible<span class=\"token punctuation\">:<\/span> true<\/p>\n<p>    readonly <span class=\"token builtin\">property<\/span> real origW<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n    readonly <span class=\"token builtin\">property<\/span> real origH<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n    readonly <span class=\"token builtin\">property<\/span> real pixPerDev<span class=\"token punctuation\">:<\/span> <span class=\"token number\">52.5<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real s<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span>width <span class=\"token operator\">\/<\/span> origW<span class=\"token punctuation\">,<\/span> height <span class=\"token operator\">\/<\/span> origH<span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Normalize heading values<br \/>\n    <span class=\"token builtin\">property<\/span> real normHeading<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        var h <span class=\"token operator\">&#061;<\/span> heading<br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>h <span class=\"token operator\">&lt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> h <span class=\"token operator\">&#043;&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>h <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">360<\/span><span class=\"token punctuation\">)<\/span> h <span class=\"token operator\">-&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> h<br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real normHeadingBug<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        var h <span class=\"token operator\">&#061;<\/span> headingBug<br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>h <span class=\"token operator\">&lt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> h <span class=\"token operator\">&#043;&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>h <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">360<\/span><span class=\"token punctuation\">)<\/span> h <span class=\"token operator\">-&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> h<br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real normCourse<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        var c <span class=\"token operator\">&#061;<\/span> course<br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>c <span class=\"token operator\">&lt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> c <span class=\"token operator\">&#043;&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>c <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">360<\/span><span class=\"token punctuation\">)<\/span> c <span class=\"token operator\">-&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> c<br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real normBearing<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        var b <span class=\"token operator\">&#061;<\/span> bearing<br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>b <span class=\"token operator\">&lt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> b <span class=\"token operator\">&#043;&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">while<\/span> <span class=\"token punctuation\">(<\/span>b <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">360<\/span><span class=\"token punctuation\">)<\/span> b <span class=\"token operator\">-&#061;<\/span> <span class=\"token number\">360<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> b<br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real clampedDeviation<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">max<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">1.0<\/span><span class=\"token punctuation\">,<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">1.0<\/span><span class=\"token punctuation\">,<\/span> deviation<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Deviation bar angle <span class=\"token keyword\">and<\/span> translation<br \/>\n    <span class=\"token builtin\">property<\/span> real devAngleDeg<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>normHeading <span class=\"token operator\">&#043;<\/span> normCourse<br \/>\n    <span class=\"token builtin\">property<\/span> real devAngleRad<span class=\"token punctuation\">:<\/span> devAngleDeg <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>PI <span class=\"token operator\">\/<\/span> <span class=\"token number\">180.0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real devDelta<span class=\"token punctuation\">:<\/span> pixPerDev <span class=\"token operator\">*<\/span> clampedDeviation<br \/>\n    <span class=\"token builtin\">property<\/span> real devBarDeltaX<span class=\"token punctuation\">:<\/span> deviationVisible ? devDelta <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>cos<span class=\"token punctuation\">(<\/span>devAngleRad<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real devBarDeltaY<span class=\"token punctuation\">:<\/span> deviationVisible ? devDelta <span class=\"token operator\">*<\/span> Math<span class=\"token punctuation\">.<\/span>sin<span class=\"token punctuation\">(<\/span>devAngleRad<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><\/p>\n<p>    Item <span class=\"token punctuation\">{<\/span><br \/>\n        width<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origW<br \/>\n        height<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origH<br \/>\n        scale<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>s<br \/>\n        anchors<span class=\"token punctuation\">.<\/span>centerIn<span class=\"token punctuation\">:<\/span> parent<\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Back <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_back.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Deviation Scale <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_dev_scale.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>devAngleDeg<br \/>\n            visible<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>deviationVisible<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Deviation Bar <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">50<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> rotates <span class=\"token keyword\">and<\/span> translates<br \/>\n        Item <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">50<\/span><br \/>\n            x<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>devBarDeltaX<br \/>\n            y<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>devBarDeltaY<br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            visible<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>deviationVisible<\/p>\n<p>            Image <span class=\"token punctuation\">{<\/span><br \/>\n                width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n                height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n                source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_dev_bar.svg&#034;<\/span><br \/>\n                fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n                transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n                rotation<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>devAngleDeg<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Bearing Arrow <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">60<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">60<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_brg_arrow.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>normHeading <span class=\"token operator\">&#043;<\/span> root<span class=\"token punctuation\">.<\/span>normBearing<br \/>\n            visible<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>bearingVisible<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Course Arrow <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">70<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">70<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_crs_arrow.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>normHeading <span class=\"token operator\">&#043;<\/span> root<span class=\"token punctuation\">.<\/span>normCourse<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Mask <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">100<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">100<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_mask.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Heading Scale <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">110<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">110<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_hdg_scale.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>normHeading<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Heading Bug <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">120<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">120<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_hdg_bug.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>normHeading <span class=\"token operator\">&#043;<\/span> root<span class=\"token punctuation\">.<\/span>normHeadingBug<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Mark <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">200<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">200<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">300<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/nav\/nav_mark.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> CRS Text <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">130<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> positioned at <span class=\"token punctuation\">(<\/span><span class=\"token number\">50<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">25<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">in<\/span> original coordinates<br \/>\n        Text <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">130<\/span><br \/>\n            x<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><br \/>\n            y<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">80<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">25<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;CRS &#034;<\/span> <span class=\"token operator\">&#043;<\/span> root<span class=\"token punctuation\">.<\/span>normCourse<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>padStart<span class=\"token punctuation\">(<\/span><span class=\"token number\">3<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#039;0&#039;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#00ff00&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>family<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Courier&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">14<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>weight<span class=\"token punctuation\">:<\/span> Font<span class=\"token punctuation\">.<\/span>Bold<br \/>\n            horizontalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignHCenter<br \/>\n            verticalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignVCenter<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> HDG Text <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">130<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> positioned at <span class=\"token punctuation\">(<\/span><span class=\"token number\">250<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">25<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Text <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">131<\/span><br \/>\n            x<span class=\"token punctuation\">:<\/span> <span class=\"token number\">210<\/span><br \/>\n            y<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">80<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">25<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;HDG &#034;<\/span> <span class=\"token operator\">&#043;<\/span> root<span class=\"token punctuation\">.<\/span>normHeadingBug<span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>padStart<span class=\"token punctuation\">(<\/span><span class=\"token number\">3<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#039;0&#039;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ff00ff&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>family<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Courier&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">14<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>weight<span class=\"token punctuation\">:<\/span> Font<span class=\"token punctuation\">.<\/span>Bold<br \/>\n            horizontalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignHCenter<br \/>\n            verticalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignVCenter<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> DME Text <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">130<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> positioned at <span class=\"token punctuation\">(<\/span><span class=\"token number\">250<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">275<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Text <span class=\"token punctuation\">{<\/span><br \/>\n            z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">132<\/span><br \/>\n            x<span class=\"token punctuation\">:<\/span> <span class=\"token number\">200<\/span><br \/>\n            y<span class=\"token punctuation\">:<\/span> <span class=\"token number\">262<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">90<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">25<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">abs<\/span><span class=\"token punctuation\">(<\/span>root<span class=\"token punctuation\">.<\/span>distance<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>toFixed<span class=\"token punctuation\">(<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034; NM&#034;<\/span><br \/>\n            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;#ffffff&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>family<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Courier&#034;<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>pixelSize<span class=\"token punctuation\">:<\/span> <span class=\"token number\">12<\/span><br \/>\n            font<span class=\"token punctuation\">.<\/span>weight<span class=\"token punctuation\">:<\/span> Font<span class=\"token punctuation\">.<\/span>Bold<br \/>\n            horizontalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignHCenter<br \/>\n            verticalAlignment<span class=\"token punctuation\">:<\/span> Text<span class=\"token punctuation\">.<\/span>AlignVCenter<br \/>\n            visible<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>distanceVisible<br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>7\u3001Tc.qml<\/h3>\n<p><span class=\"token keyword\">import<\/span> QtQuick<\/p>\n<p>Item <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">id<\/span><span class=\"token punctuation\">:<\/span> root<\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Turn Coordinator<br \/>\n    <span class=\"token operator\">\/\/<\/span> Original size<span class=\"token punctuation\">:<\/span> 240&#215;240<br \/>\n    <span class=\"token builtin\">property<\/span> real turnRate<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>     <span class=\"token operator\">\/\/<\/span> deg<span class=\"token operator\">\/<\/span>s<span class=\"token punctuation\">,<\/span> <span class=\"token builtin\">range<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">6<\/span> to <span class=\"token number\">6<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real slipSkid<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span>     <span class=\"token operator\">\/\/<\/span> deg<span class=\"token punctuation\">,<\/span> <span class=\"token builtin\">range<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">15<\/span> to <span class=\"token number\">15<\/span><\/p>\n<p>    readonly <span class=\"token builtin\">property<\/span> real origW<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n    readonly <span class=\"token builtin\">property<\/span> real origH<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real s<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span>width <span class=\"token operator\">\/<\/span> origW<span class=\"token punctuation\">,<\/span> height <span class=\"token operator\">\/<\/span> origH<span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token operator\">\/\/<\/span> Clamp values<br \/>\n    <span class=\"token builtin\">property<\/span> real clampedTurnRate<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">max<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">6<\/span><span class=\"token punctuation\">,<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">6<\/span><span class=\"token punctuation\">,<\/span> turnRate<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token builtin\">property<\/span> real clampedSlipSkid<span class=\"token punctuation\">:<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">max<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8211;<\/span><span class=\"token number\">15<\/span><span class=\"token punctuation\">,<\/span> Math<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">min<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">15<\/span><span class=\"token punctuation\">,<\/span> slipSkid<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    Item <span class=\"token punctuation\">{<\/span><br \/>\n        width<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origW<br \/>\n        height<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>origH<br \/>\n        scale<span class=\"token punctuation\">:<\/span> root<span class=\"token punctuation\">.<\/span>s<br \/>\n        anchors<span class=\"token punctuation\">.<\/span>centerIn<span class=\"token punctuation\">:<\/span> parent<\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Back <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">70<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_back.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Ball <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">60<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> rotates by <span class=\"token operator\">&#8211;<\/span>slipSkid<br \/>\n        <span class=\"token operator\">\/\/<\/span> Ball center <span class=\"token keyword\">in<\/span> original<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token number\">120<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">36<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> this <span class=\"token keyword\">is<\/span> above the visible area<br \/>\n        <span class=\"token operator\">\/\/<\/span> The ball rotates around the instrument center <span class=\"token punctuation\">(<\/span><span class=\"token number\">120<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">120<\/span><span class=\"token punctuation\">)<\/span> effectively<br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_ball.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span>root<span class=\"token punctuation\">.<\/span>clampedSlipSkid<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Face <span class=\"token number\">1<\/span> <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">50<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_face_1.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Face <span class=\"token number\">2<\/span> <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">40<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_face_2.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Mark <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">&#8211;<\/span><span class=\"token number\">30<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#8211;<\/span> rotates by <span class=\"token punctuation\">(<\/span>turnRate<span class=\"token operator\">\/<\/span><span class=\"token number\">3<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">*<\/span><span class=\"token number\">20<\/span><br \/>\n        <span class=\"token operator\">\/\/<\/span> Mark center<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token number\">120<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">120<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_mark.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n            transformOrigin<span class=\"token punctuation\">:<\/span> Item<span class=\"token punctuation\">.<\/span>Center<br \/>\n            rotation<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">(<\/span>root<span class=\"token punctuation\">.<\/span>clampedTurnRate <span class=\"token operator\">\/<\/span> <span class=\"token number\">3.0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">*<\/span> <span class=\"token number\">20.0<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token operator\">\/\/<\/span> Case <span class=\"token punctuation\">(<\/span>z<span class=\"token punctuation\">:<\/span> <span class=\"token number\">10<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        Image <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> <span class=\"token number\">240<\/span><br \/>\n            source<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;image\/tc\/tc_case.svg&#034;<\/span><br \/>\n            fillMode<span class=\"token punctuation\">:<\/span> Image<span class=\"token punctuation\">.<\/span>PreserveAspectFit<br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>8\u3001\u56fe\u7247\u8d44\u6e90\u4e0b\u8f7d<\/h3>\n<p>https:\/\/download.csdn.net\/download\/qq_15181569\/93089298<\/p>\n<h2>\u56db\u3001\u5b9e\u73b0\u539f\u7406<\/h2>\n<p>\u672c\u9879\u76ee\u91c7\u7528 PyQt6 &#043; QML&#xff08;Qt Quick&#xff09; \u7684\u6df7\u5408\u67b6\u6784&#xff1a;Python \u8d1f\u8d23\u5e94\u7528\u751f\u547d\u5468\u671f\u4e0e\u6570\u636e\u9a71\u52a8&#xff0c;QML \u8d1f\u8d23\u4eea\u8868\u76d8\u7684\u7ed8\u5236\u4e0e\u52a8\u753b\u3002\u6574\u4f53\u6d41\u7a0b\u5982\u4e0b&#xff1a;<\/p>\n<p>  #mermaid-svg-JnhWKQS6H4amNNzx{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-JnhWKQS6H4amNNzx .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-JnhWKQS6H4amNNzx .error-icon{fill:#552222;}#mermaid-svg-JnhWKQS6H4amNNzx .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-JnhWKQS6H4amNNzx .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-JnhWKQS6H4amNNzx .marker{fill:#333333;stroke:#333333;}#mermaid-svg-JnhWKQS6H4amNNzx .marker.cross{stroke:#333333;}#mermaid-svg-JnhWKQS6H4amNNzx svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-JnhWKQS6H4amNNzx p{margin:0;}#mermaid-svg-JnhWKQS6H4amNNzx .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-JnhWKQS6H4amNNzx .cluster-label text{fill:#333;}#mermaid-svg-JnhWKQS6H4amNNzx .cluster-label span{color:#333;}#mermaid-svg-JnhWKQS6H4amNNzx .cluster-label span p{background-color:transparent;}#mermaid-svg-JnhWKQS6H4amNNzx .label text,#mermaid-svg-JnhWKQS6H4amNNzx span{fill:#333;color:#333;}#mermaid-svg-JnhWKQS6H4amNNzx .node rect,#mermaid-svg-JnhWKQS6H4amNNzx .node circle,#mermaid-svg-JnhWKQS6H4amNNzx .node ellipse,#mermaid-svg-JnhWKQS6H4amNNzx .node polygon,#mermaid-svg-JnhWKQS6H4amNNzx .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-JnhWKQS6H4amNNzx .rough-node .label text,#mermaid-svg-JnhWKQS6H4amNNzx .node .label text,#mermaid-svg-JnhWKQS6H4amNNzx .image-shape .label,#mermaid-svg-JnhWKQS6H4amNNzx .icon-shape .label{text-anchor:middle;}#mermaid-svg-JnhWKQS6H4amNNzx .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-JnhWKQS6H4amNNzx .rough-node .label,#mermaid-svg-JnhWKQS6H4amNNzx .node .label,#mermaid-svg-JnhWKQS6H4amNNzx .image-shape .label,#mermaid-svg-JnhWKQS6H4amNNzx .icon-shape .label{text-align:center;}#mermaid-svg-JnhWKQS6H4amNNzx .node.clickable{cursor:pointer;}#mermaid-svg-JnhWKQS6H4amNNzx .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-JnhWKQS6H4amNNzx .arrowheadPath{fill:#333333;}#mermaid-svg-JnhWKQS6H4amNNzx .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-JnhWKQS6H4amNNzx .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-JnhWKQS6H4amNNzx .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-JnhWKQS6H4amNNzx .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-JnhWKQS6H4amNNzx .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-JnhWKQS6H4amNNzx .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-JnhWKQS6H4amNNzx .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-JnhWKQS6H4amNNzx .cluster text{fill:#333;}#mermaid-svg-JnhWKQS6H4amNNzx .cluster span{color:#333;}#mermaid-svg-JnhWKQS6H4amNNzx div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-JnhWKQS6H4amNNzx .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-JnhWKQS6H4amNNzx rect.text{fill:none;stroke-width:0;}#mermaid-svg-JnhWKQS6H4amNNzx .icon-shape,#mermaid-svg-JnhWKQS6H4amNNzx .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-JnhWKQS6H4amNNzx .icon-shape p,#mermaid-svg-JnhWKQS6H4amNNzx .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-JnhWKQS6H4amNNzx .icon-shape .label rect,#mermaid-svg-JnhWKQS6H4amNNzx .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-JnhWKQS6H4amNNzx .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-JnhWKQS6H4amNNzx .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-JnhWKQS6H4amNNzx :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>main.py \u542f\u52a8 QGuiApplication<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u52a0\u8f7d main.qml<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>ApplicationWindow \u521b\u5efa 3&#215;3 \u4eea\u8868\u7f51\u683c<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>Timer \u6bcf 50ms \u751f\u6210\u6b63\u5f26\u98de\u884c\u6570\u636e<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5c5e\u6027\u7ed1\u5b9a\u9a71\u52a8\u5404\u4eea\u8868\u65cb\u8f6c\/\u5e73\u79fb<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>QML \u5c42\u53e0\u56fe\u7247 &#043; \u53d8\u6362\u5b9e\u73b0\u6307\u9488\u4e0e\u523b\u5ea6<\/p>\n<p><\/span><\/p>\n<h3>1\u3001Python \u4fa7&#xff1a;\u8f7b\u91cf\u542f\u52a8\u4e0e\u6570\u636e\u5165\u53e3<\/h3>\n<p>main.py \u53ea\u505a\u4e09\u4ef6\u4e8b&#xff1a;<\/p>\n<ul>\n<li>\u521b\u5efa QGuiApplication&#xff08;\u6ce8\u610f\u662f GUI \u5e94\u7528&#xff0c;\u4e0d\u9700\u8981 QWidgets&#xff09;&#xff1b;<\/li>\n<li>\u901a\u8fc7 QQmlApplicationEngine \u52a0\u8f7d\u540c\u76ee\u5f55\u4e0b\u7684 main.qml&#xff1b;<\/li>\n<li>\u8fdb\u5165 Qt \u4e8b\u4ef6\u5faa\u73af app.exec()\u3002<\/li>\n<\/ul>\n<p>engine <span class=\"token operator\">&#061;<\/span> QQmlApplicationEngine<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><br \/>\nqml_path <span class=\"token operator\">&#061;<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>join<span class=\"token punctuation\">(<\/span>os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>dirname<span class=\"token punctuation\">(<\/span>os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>abspath<span class=\"token punctuation\">(<\/span>__file__<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;main.qml&#034;<\/span><span class=\"token punctuation\">)<\/span><br \/>\nengine<span class=\"token punctuation\">.<\/span>load<span class=\"token punctuation\">(<\/span>QUrl<span class=\"token punctuation\">.<\/span>fromLocalFile<span class=\"token punctuation\">(<\/span>qml_path<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>\u8fd9\u91cc\u7684\u5173\u952e\u70b9\u662f&#xff1a;Python \u4e0d\u76f4\u63a5\u64cd\u4f5c\u4efb\u4f55\u4eea\u8868\u63a7\u4ef6&#xff0c;\u6240\u6709\u754c\u9762\u5143\u7d20\u90fd\u5728 QML \u4e2d\u58f0\u660e\u3002Python \u53ea\u8d1f\u8d23\u628a QML \u6587\u4ef6\u52a0\u8f7d\u8fdb\u6765&#xff0c;\u5269\u4e0b\u7684\u7ed8\u5236\u3001\u52a8\u753b\u3001\u6570\u636e\u7ed1\u5b9a\u5168\u90e8\u4ea4\u7ed9 Qt Quick \u573a\u666f\u56fe&#xff08;Scene Graph&#xff09;\u6e32\u67d3\u3002<\/p>\n<h3>2\u3001QML \u4fa7&#xff1a;\u5c5e\u6027\u7cfb\u7edf\u9a71\u52a8\u4eea\u8868<\/h3>\n<p>main.qml \u4e2d\u5b9a\u4e49\u4e86 16 \u4e2a property real \u98de\u884c\u53c2\u6570&#xff08;roll\u3001pitch\u3001heading\u3001airspeed\u3001altitude \u7b49&#xff09;&#xff0c;\u8fd9\u4e9b\u5c5e\u6027\u5c31\u662f\u6574\u4e2a\u4eea\u8868\u76d8\u7684\u201c\u6570\u636e\u603b\u7ebf\u201d&#xff1a;<\/p>\n<p>property real roll: 0<br \/>\nproperty real pitch: 0<br \/>\nproperty real heading: 0<br \/>\nproperty real airspeed: 0<br \/>\nproperty real altitude: 0<\/p>\n<p>\u6bcf\u4e2a\u4eea\u8868\u7ec4\u4ef6&#xff08;Adi\u3001Alt\u3001Asi\u3001Hsi\u3001Nav\u3001Tc\u3001Vsi&#xff09;\u901a\u8fc7\u5c5e\u6027\u7ed1\u5b9a\u63a5\u6536\u6570\u636e&#xff1a;<\/p>\n<p>Hsi {<br \/>\n    anchors.fill: parent<br \/>\n    heading: root.heading<br \/>\n}<\/p>\n<p>\u5f53 root.heading \u53d8\u5316\u65f6&#xff0c;QML \u7684\u5c5e\u6027\u7ed1\u5b9a\u673a\u5236\u4f1a\u81ea\u52a8\u628a\u65b0\u503c\u63a8\u9001\u5230 Hsi \u7ec4\u4ef6\u7684 heading \u5c5e\u6027&#xff0c;\u65e0\u9700\u624b\u52a8\u5237\u65b0\u754c\u9762\u3002\u8fd9\u662f Qt Quick \u76f8\u6bd4\u4f20\u7edf Widget \u7684\u4e00\u5927\u4f18\u52bf&#xff1a;\u6570\u636e\u4e0e\u89c6\u56fe\u81ea\u52a8\u540c\u6b65\u3002<\/p>\n<h3>3\u3001\u6570\u636e\u6a21\u62df&#xff1a;Timer \u751f\u6210\u6b63\u5f26\u6ce2\u5f62<\/h3>\n<p>\u7531\u4e8e\u6ca1\u6709\u771f\u5b9e\u98de\u63a7\u786c\u4ef6&#xff0c;\u9879\u76ee\u7528 Timer \u6a21\u62df\u98de\u884c\u6570\u636e\u3002\u6bcf 50ms \u89e6\u53d1\u4e00\u6b21&#xff0c;\u7528\u6b63\u5f26\u51fd\u6570\u751f\u6210\u5e73\u6ed1\u53d8\u5316\u7684\u66f2\u7ebf&#xff1a;<\/p>\n<p>Timer {<br \/>\n    interval: 50<br \/>\n    repeat: true<br \/>\n    running: true<br \/>\n    onTriggered: {<br \/>\n        root.roll    &#061; 180.0 * Math.sin(t \/ 10.0)<br \/>\n        root.pitch   &#061;  90.0 * Math.sin(t \/ 20.0)<br \/>\n        root.heading &#061; 360.0 * Math.sin(t \/ 40.0)<br \/>\n        root.airspeed &#061; 125.0 * Math.sin(t \/ 40.0) &#043; 125.0<br \/>\n    }<br \/>\n}<\/p>\n<p>\u6b63\u5f26\u6ce2\u7684\u597d\u5904\u662f&#xff1a;\u6570\u636e\u8fde\u7eed\u3001\u65e0\u8df3\u53d8&#xff0c;\u6307\u9488\u8f6c\u52a8\u5e73\u6ed1\u81ea\u7136&#xff0c;\u975e\u5e38\u9002\u5408\u6f14\u793a\u4eea\u8868\u52a8\u753b\u6548\u679c\u3002\u5b9e\u9645\u63a5\u5165\u771f\u5b9e\u6570\u636e\u65f6&#xff0c;\u53ea\u9700\u628a onTriggered \u91cc\u7684\u8d4b\u503c\u66ff\u6362\u4e3a\u4e32\u53e3\/\u7f51\u7edc\u8bfb\u53d6\u5373\u53ef\u3002<\/p>\n<h3>4\u3001\u4eea\u8868\u7ed8\u5236&#xff1a;\u5c42\u53e0\u56fe\u7247 &#043; \u65cb\u8f6c\u53d8\u6362<\/h3>\n<p>\u6bcf\u4e2a\u4eea\u8868&#xff08;\u5982 Hsi.qml&#xff09;\u7684\u6838\u5fc3\u601d\u8def\u662f\u591a\u5c42 SVG \u56fe\u7247\u53e0\u52a0 &#043; \u65cb\u8f6c\u53d8\u6362&#xff1a;<\/p>\n<p>\/\/ \u8868\u76d8\u9762&#xff08;\u968f\u822a\u5411\u65cb\u8f6c&#xff09;<br \/>\nImage {<br \/>\n    source: &#034;image\/hsi\/hsi_face.svg&#034;<br \/>\n    transformOrigin: Item.Center<br \/>\n    rotation: -root.heading<br \/>\n}<\/p>\n<p>\/\/ \u56fa\u5b9a\u5916\u58f3&#xff08;\u4e0d\u65cb\u8f6c&#xff09;<br \/>\nImage {<br \/>\n    source: &#034;image\/hsi\/hsi_case.svg&#034;<br \/>\n}<\/p>\n<p>\u539f\u7406\u62c6\u89e3&#xff1a;<\/p>\n<ul>\n<li>\u8868\u76d8\u9762&#xff08;hsi_face.svg&#xff09;\u4ee5\u4e2d\u5fc3\u4e3a\u539f\u70b9&#xff0c;\u65cb\u8f6c -heading \u5ea6&#xff0c;\u6a21\u62df\u7f57\u76d8\u968f\u822a\u5411\u8f6c\u52a8&#xff1b;<\/li>\n<li>\u5916\u58f3&#xff08;hsi_case.svg&#xff09;\u56fa\u5b9a\u4e0d\u52a8&#xff0c;\u4f5c\u4e3a\u8fb9\u6846\u906e\u6321&#xff1b;<\/li>\n<li>\u901a\u8fc7 transformOrigin: Item.Center \u4fdd\u8bc1\u65cb\u8f6c\u56f4\u7ed5\u4eea\u8868\u4e2d\u5fc3\u8fdb\u884c\u3002<\/li>\n<\/ul>\n<p>Nav.qml \u66f4\u8fdb\u4e00\u6b65&#xff0c;\u7528\u4e09\u89d2\u51fd\u6570\u8ba1\u7b97\u504f\u822a\u6746\u7684\u5e73\u79fb\u91cf&#xff1a;<\/p>\n<p>property real devAngleRad: devAngleDeg * Math.PI \/ 180.0<br \/>\nproperty real devDelta: pixPerDev * clampedDeviation<br \/>\nproperty real devBarDeltaX: devDelta * Math.cos(devAngleRad)<br \/>\nproperty real devBarDeltaY: devDelta * Math.sin(devAngleRad)<\/p>\n<p>\u8fd9\u91cc\u628a\u201c\u504f\u822a\u89d2 &#043; \u504f\u822a\u91cf\u201d\u6362\u7b97\u6210\u5c4f\u5e55\u4e0a\u7684 x\/y \u504f\u79fb&#xff0c;\u518d\u53e0\u52a0\u65cb\u8f6c&#xff0c;\u5b9e\u73b0\u504f\u822a\u6746\u6cbf\u822a\u9053\u65b9\u5411\u5e73\u79fb\u7684\u6548\u679c\u3002<\/p>\n<h3>5\u3001\u81ea\u9002\u5e94\u7f29\u653e&#xff1a;\u4fdd\u6301\u4eea\u8868\u6bd4\u4f8b<\/h3>\n<p>\u6bcf\u4e2a\u4eea\u8868\u90fd\u5b9a\u4e49\u4e86\u539f\u59cb\u5c3a\u5bf8&#xff08;\u5982 HSI \u4e3a 240\u00d7240&#xff09;&#xff0c;\u5e76\u901a\u8fc7 scale \u5c5e\u6027\u81ea\u9002\u5e94\u5bb9\u5668\u5927\u5c0f&#xff1a;<\/p>\n<p>readonly property real origW: 240<br \/>\nreadonly property real origH: 240<br \/>\nproperty real s: Math.min(width \/ origW, height \/ origH)<\/p>\n<p>Item {<br \/>\n    width: root.origW<br \/>\n    height: root.origH<br \/>\n    scale: root.s<br \/>\n    anchors.centerIn: parent<br \/>\n}<\/p>\n<p>Math.min \u4fdd\u8bc1\u4eea\u8868\u5728\u5bbd\u9ad8\u6bd4\u4e0d\u4e00\u81f4\u65f6\u4e5f\u4e0d\u4f1a\u53d8\u5f62&#xff0c;\u59cb\u7ec8\u6309\u8f83\u5c0f\u6bd4\u4f8b\u7f29\u653e&#xff0c;\u5c45\u4e2d\u663e\u793a\u3002<\/p>\n<h3>6\u3001\u5c0f\u7ed3<\/h3>\n<p>\u6574\u4e2a\u9879\u76ee\u7684\u5b9e\u73b0\u539f\u7406\u53ef\u4ee5\u6982\u62ec\u4e3a\u4e00\u6761\u94fe\u8def&#xff1a;<\/p>\n<p>Timer \u751f\u6210\u6570\u636e \u2192 \u5c5e\u6027\u7ed1\u5b9a\u63a8\u9001 \u2192 QML \u56fe\u7247\u5c42\u53e0 \u2192 \u65cb\u8f6c\u53d8\u6362\u6e32\u67d3<\/p>\n<p>Python \u53ea\u505a\u5e94\u7528\u58f3&#xff0c;QML \u8d1f\u8d23\u5168\u90e8\u754c\u9762\u903b\u8f91&#xff0c;\u4e24\u8005\u901a\u8fc7 Qt \u5c5e\u6027\u7cfb\u7edf\u65e0\u7f1d\u8854\u63a5\u3002\u8fd9\u79cd\u67b6\u6784\u8ba9\u4eea\u8868\u76d8\u7684\u5f00\u53d1\u53d8\u5f97\u975e\u5e38\u6a21\u5757\u5316&#xff1a;\u65b0\u589e\u4e00\u4e2a\u4eea\u8868&#xff0c;\u53ea\u9700\u5199\u4e00\u4e2a QML \u7ec4\u4ef6\u5e76\u7ed1\u5b9a\u5c5e\u6027\u5373\u53ef\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235732-6acd73ecde831.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PyQtQML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a&#xff08;\u4e8c&#xff09;\u4e00\u3001\u8bf4\u660e\u4e8c\u3001\u6548\u679c\u5c55\u793a\u4e09\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001\u5e93\u5b89\u88c53\u3001main.py4\u3001main.qml5\u3001Hsi.qml6\u3001Nav.qml7\u3001Tc.qml8\u3001\u56fe\u7247\u8d44\u6e90\u4e0b\u8f7d\u56db\u3001\u5b9e\u73b0\u539f\u74061\u3001Python \u4fa7&#xff1a;\u8f7b\u91cf\u542f\u52a8\u4e0e\u6570\u636e\u5165\u53e32\u3001QML \u4fa7&#xff1a;\u5c5e\u6027\u7cfb\u7edf\u9a71\u52a8\u4eea\u88683\u3001\u6570\u636e\u6a21\u62df&#xff1a;Timer \u751f\u6210\u6b63\u5f26\u6ce2\u5f624\u3001\u4eea\u8868\u7ed8\u5236&#xff1a;\u5c42\u53e0\u56fe\u7247  \u65cb\u8f6c\u53d8\u63625\u3001<\/p>\n","protected":false},"author":2,"featured_media":115694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[1705],"topic":[],"class_list":["post-115700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-pyqt"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/115700.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"PyQtQML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a&#xff08;\u4e8c&#xff09;\u4e00\u3001\u8bf4\u660e\u4e8c\u3001\u6548\u679c\u5c55\u793a\u4e09\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001\u5e93\u5b89\u88c53\u3001main.py4\u3001main.qml5\u3001Hsi.qml6\u3001Nav.qml7\u3001Tc.qml8\u3001\u56fe\u7247\u8d44\u6e90\u4e0b\u8f7d\u56db\u3001\u5b9e\u73b0\u539f\u74061\u3001Python \u4fa7&#xff1a;\u8f7b\u91cf\u542f\u52a8\u4e0e\u6570\u636e\u5165\u53e32\u3001QML \u4fa7&#xff1a;\u5c5e\u6027\u7cfb\u7edf\u9a71\u52a8\u4eea\u88683\u3001\u6570\u636e\u6a21\u62df&#xff1a;Timer \u751f\u6210\u6b63\u5f26\u6ce2\u5f624\u3001\u4eea\u8868\u7ed8\u5236&#xff1a;\u5c42\u53e0\u56fe\u7247 \u65cb\u8f6c\u53d8\u63625\u3001\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/115700.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-12T23:57:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235728-6acd73e86c4e5.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/115700.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/115700.html\",\"name\":\"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-10-12T23:57:34+00:00\",\"dateModified\":\"2026-10-12T23:57:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/115700.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/115700.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/115700.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/115700.html","og_locale":"zh_CN","og_type":"article","og_title":"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"PyQtQML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a&#xff08;\u4e8c&#xff09;\u4e00\u3001\u8bf4\u660e\u4e8c\u3001\u6548\u679c\u5c55\u793a\u4e09\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001\u5e93\u5b89\u88c53\u3001main.py4\u3001main.qml5\u3001Hsi.qml6\u3001Nav.qml7\u3001Tc.qml8\u3001\u56fe\u7247\u8d44\u6e90\u4e0b\u8f7d\u56db\u3001\u5b9e\u73b0\u539f\u74061\u3001Python \u4fa7&#xff1a;\u8f7b\u91cf\u542f\u52a8\u4e0e\u6570\u636e\u5165\u53e32\u3001QML \u4fa7&#xff1a;\u5c5e\u6027\u7cfb\u7edf\u9a71\u52a8\u4eea\u88683\u3001\u6570\u636e\u6a21\u62df&#xff1a;Timer \u751f\u6210\u6b63\u5f26\u6ce2\u5f624\u3001\u4eea\u8868\u7ed8\u5236&#xff1a;\u5c42\u53e0\u56fe\u7247 \u65cb\u8f6c\u53d8\u63625\u3001","og_url":"https:\/\/www.wsisp.com\/helps\/115700.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-10-12T23:57:34+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261012235728-6acd73e86c4e5.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"12 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/115700.html","url":"https:\/\/www.wsisp.com\/helps\/115700.html","name":"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-10-12T23:57:34+00:00","dateModified":"2026-10-12T23:57:34+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/115700.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/115700.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/115700.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"PyQt+QML \u5b9e\u73b0\u98de\u63a7\u4eea\u8868\u76d8:\u59ff\u6001\u3001\u9ad8\u5ea6\u3001\u901f\u5ea6,\u98de\u884c\u6570\u636e\u7b49 \u5b9e\u65f6\u663e\u793a\uff08\u4e8c\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/115700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=115700"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/115700\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/115694"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=115700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=115700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=115700"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=115700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}