52 lines
37 KiB
HTML
52 lines
37 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<script type="text/javascript">/*<![CDATA[*/window.__chunkMapping={"main":["/main.f66713773e9ba37b90fe.css","/main.524f5041603f76e6ed2d.js"],"component---site-src-pages-index-jsc-4-f-f99":["/component---site-src-pages-index-jsc-4-f-f99.71bf8f44fd9ac59b6a50.css","/component---site-src-pages-index-jsc-4-f-f99.8becb23dd8ec356f9744.js"],"component---theme-blog-post-pageccc-cab":["/component---theme-blog-post-pageccc-cab.a03708177ba1c62de77f.js"],"content---blog-welcome-286-e55":["/content---blog-welcome-286-e55.1a36c0cf0942373a67a1.js"],"metadata---blog-welcome-27-a-91f":["/metadata---blog-welcome-27-a-91f.63baecf308a43e211599.js"],"component---theme-blog-list-pagea-6-a-7ba":["/component---theme-blog-list-pagea-6-a-7ba.3eec87adfad0d6553692.js"],"content---blogaf-1-856":["/content---blogaf-1-856.d9776ce013f7485dcbe5.js"],"metadata---blog-83-c-2b0":["/metadata---blog-83-c-2b0.b5c7fafcf69c0c7eb46c.js"],"component---theme-doc-legacy-page-9-e-7-ca5":["/component---theme-doc-legacy-page-9-e-7-ca5.3c38a2f40a51efdd72a0.css","/component---theme-doc-legacy-page-9-e-7-ca5.f5d90ad6613508f9bb4b.js"],"docsMetadata---docs-150-2d6":["/docsMetadata---docs-150-2d6.570db666501f3bde71a0.js"],"component---theme-doc-legacy-item-031-769":["/component---theme-doc-legacy-item-031-769.1f1ce10374de019f5d3a.css","/component---theme-doc-legacy-item-031-769.89c72f3cd114f0722210.js"],"content---docs-mdxce-3-7d1":["/content---docs-mdxce-3-7d1.723537514008a109d4a3.js"],"metadata---docs-mdx-786-f56":["/metadata---docs-mdx-786-f56.4b771dd24905b0c19497.js"],"content---docs-doc-1-b-2-f-e80":["/content---docs-doc-1-b-2-f-e80.155f26d0e2515ddecad7.js"],"metadata---docs-doc-12-a-3-5a1":["/metadata---docs-doc-12-a-3-5a1.f3b9bb0d78acf6a22788.js"],"content---docs-api-component-4-ef-195":["/content---docs-api-component-4-ef-195.cce7d04209c0af9ce9b7.js"],"metadata---docs-api-component-3-e-5-43d":["/metadata---docs-api-component-3-e-5-43d.fa335f7fd2c6a2ce2aee.js"],"content---docs-faq-048-db5":["/content---docs-faq-048-db5.308d32219777536fd0c1.js"],"metadata---docs-faq-59-d-2b9":["/metadata---docs-faq-59-d-2b9.5d114d4e232f1a0cf459.js"],"content---docs-api-event-widgetac-6-11b":["/content---docs-api-event-widgetac-6-11b.73dfa2094174ad484394.js"],"metadata---docs-api-event-widget-39-a-9ea":["/metadata---docs-api-event-widget-39-a-9ea.524a09d4e0f4b07935b2.js"],"content---docs-api-node-layoutd-28-11a":["/content---docs-api-node-layoutd-28-11a.9c08e30a41be5e543b20.js"],"metadata---docs-api-node-layout-1-e-9-c15":["/metadata---docs-api-node-layout-1-e-9-c15.28fb73d8a0882d2b316f.js"],"content---docs-api-flex-layout-3-dc-a16":["/content---docs-api-flex-layout-3-dc-a16.88547e91fb051b519ed3.js"],"metadata---docs-api-flex-layoutecf-540":["/metadata---docs-api-flex-layoutecf-540.18b5705b391975d61945.js"],"content---docs-api-node-widget-080-a39":["/content---docs-api-node-widget-080-a39.ebb1b870f402b96722e8.js"],"metadata---docs-api-node-widgeta-92-a4f":["/metadata---docs-api-node-widgeta-92-a4f.649662e355d705a278e7.js"],"content---docs-api-q-abstract-scroll-area-3-e-6-d7f":["/content---docs-api-q-abstract-scroll-area-3-e-6-d7f.2190adabb041e885f07d.js"],"metadata---docs-api-q-abstract-scroll-area-59-d-279":["/metadata---docs-api-q-abstract-scroll-area-59-d-279.4caeb5cd4f204af1bc2b.js"],"content---docs-api-q-action-051-425":["/content---docs-api-q-action-051-425.38d7addb0a7047ebca3d.js"],"metadata---docs-api-q-actioncfb-cfc":["/metadata---docs-api-q-actioncfb-cfc.e6e1940cd1d0389f1f95.js"],"content---docs-api-q-applicationd-3-e-0a3":["/content---docs-api-q-applicationd-3-e-0a3.7827f0fb7b84ec420330.js"],"metadata---docs-api-q-applicationc-1-d-8a4":["/metadata---docs-api-q-applicationc-1-d-8a4.a1c19af58b4043759fae.js"],"content---docs-api-q-abstract-slider-3-e-0-54d":["/content---docs-api-q-abstract-slider-3-e-0-54d.99d68a25ab1cfff46bc0.js"],"metadata---docs-api-q-abstract-sliderdfa-ab7":["/metadata---docs-api-q-abstract-sliderdfa-ab7.c5e9441235ed1ab79ae3.js"],"content---docs-api-q-check-boxd-9-b-c95":["/content---docs-api-q-check-boxd-9-b-c95.71e5a934e8cc0f327a63.js"],"metadata---docs-api-q-check-box-132-293":["/metadata---docs-api-q-check-box-132-293.fde0654fa88811ae93e5.js"],"content---docs-api-q-dial-80-b-99a":["/content---docs-api-q-dial-80-b-99a.9349bc84b2925f37043e.js"],"metadata---docs-api-q-dialbfb-aef":["/metadata---docs-api-q-dialbfb-aef.9e448dcfeed27e698086.js"],"content---docs-api-q-clipboard-69-d-2ef":["/content---docs-api-q-clipboard-69-d-2ef.02e95af8c7763ab6fa3f.js"],"metadata---docs-api-q-clipboard-486-b21":["/metadata---docs-api-q-clipboard-486-b21.5a21d91925e2fab3699f.js"],"content---docs-api-q-cursor-362-d51":["/content---docs-api-q-cursor-362-d51.683c902f800a0b9c423b.js"],"metadata---docs-api-q-cursor-887-11e":["/metadata---docs-api-q-cursor-887-11e.fd5f0c4d1f329a5906fc.js"],"content---docs-api-q-line-editea-0-53d":["/content---docs-api-q-line-editea-0-53d.afb05e7c887903adc45c.js"],"metadata---docs-api-q-line-edit-13-f-b8a":["/metadata---docs-api-q-line-edit-13-f-b8a.2254788a0332bd1ad81b.js"],"content---docs-api-q-grid-layouta-4-e-552":["/content---docs-api-q-grid-layouta-4-e-552.1e021b979b4d32959278.js"],"metadata---docs-api-q-grid-layout-7-db-030":["/metadata---docs-api-q-grid-layout-7-db-030.f67978e73f06d86e4971.js"],"content---docs-api-q-label-2-f-9-04b":["/content---docs-api-q-label-2-f-9-04b.8814a506c0aa1cdeabef.js"],"metadata---docs-api-q-label-165-210":["/metadata---docs-api-q-label-165-210.d3c75855f51ac2720801.js"],"content---docs-api-q-main-window-0-e-7-299":["/content---docs-api-q-main-window-0-e-7-299.f4d1ec118262a41f71b0.js"],"metadata---docs-api-q-main-window-04-f-efb":["/metadata---docs-api-q-main-window-04-f-efb.29eb32bccda658787078.js"],"content---docs-api-q-key-sequence-6-b-2-ebe":["/content---docs-api-q-key-sequence-6-b-2-ebe.8906b6d2c1f26864a760.js"],"metadata---docs-api-q-key-sequence-623-1a1":["/metadata---docs-api-q-key-sequence-623-1a1.66359886ec999746e48e.js"],"content---docs-api-q-icone-5-f-b0d":["/content---docs-api-q-icone-5-f-b0d.9e640f0313aaac0888a5.js"],"metadata---docs-api-q-icone-6-d-093":["/metadata---docs-api-q-icone-6-d-093.f718b87823d4eeb0bda9.js"],"content---docs-api-q-menu-39-e-ecd":["/content---docs-api-q-menu-39-e-ecd.59f332863b91ef1b4a9a.js"],"metadata---docs-api-q-menuc-6-b-9ab":["/metadata---docs-api-q-menuc-6-b-9ab.9bf4e07ca05567d69b7a.js"],"content---docs-api-q-plain-text-edit-7-c-8-081":["/content---docs-api-q-plain-text-edit-7-c-8-081.eb084d34a20142f3693f.js"],"metadata---docs-api-q-plain-text-edit-161-ecc":["/metadata---docs-api-q-plain-text-edit-161-ecc.da679ac4b1216adc09f6.js"],"content---docs-api-q-progress-barc-46-afe":["/content---docs-api-q-progress-barc-46-afe.39107b5e792762deccdb.js"],"metadata---docs-api-q-progress-bar-43-d-07e":["/metadata---docs-api-q-progress-bar-43-d-07e.913c4cc04e5136962dc7.js"],"content---docs-api-q-push-button-06-c-73e":["/content---docs-api-q-push-button-06-c-73e.93b7308041842d3c774f.js"],"metadata---docs-api-q-push-button-96-d-c92":["/metadata---docs-api-q-push-button-96-d-c92.aebe24f963036d758f9a.js"],"content---docs-api-q-pixmap-8-dd-cb2":["/content---docs-api-q-pixmap-8-dd-cb2.2f7755c741aa578f77d8.js"],"metadata---docs-api-q-pixmapfdf-820":["/metadata---docs-api-q-pixmapfdf-820.37b4666770f657c71ae2.js"],"content---docs-api-q-menu-bar-8-d-2-872":["/content---docs-api-q-menu-bar-8-d-2-872.06cfac88ec0e61c045e0.js"],"metadata---docs-api-q-menu-bare-25-882":["/metadata---docs-api-q-menu-bare-25-882.606e323867fa55a91b8b.js"],"content---docs-api-q-shortcut-271-2d3":["/content---docs-api-q-shortcut-271-2d3.5ebedb49dda927224847.js"],"metadata---docs-api-q-shortcut-5-e-7-1aa":["/metadata---docs-api-q-shortcut-5-e-7-1aa.715b64dca3c0dd3ab2f9.js"],"content---docs-api-q-radio-buttone-54-746":["/content---docs-api-q-radio-buttone-54-746.8ccd049340eb87e669e4.js"],"metadata---docs-api-q-radio-button-367-f7c":["/metadata---docs-api-q-radio-button-367-f7c.f1fd018fe5db5fb41400.js"],"content---docs-api-q-scroll-area-8-c-4-3fd":["/content---docs-api-q-scroll-area-8-c-4-3fd.3595c300ab044e462321.js"],"metadata---docs-api-q-scroll-area-46-a-96e":["/metadata---docs-api-q-scroll-area-46-a-96e.3744e38fb41b86afaf2b.js"],"content---docs-api-q-spin-box-1-ce-bfd":["/content---docs-api-q-spin-box-1-ce-bfd.86308079696fcb40fe6d.js"],"metadata---docs-api-q-spin-box-809-ae0":["/metadata---docs-api-q-spin-box-809-ae0.ad3ed6a8c01f916ab8a7.js"],"content---docs-api-q-system-tray-icon-4-b-8-4c7":["/content---docs-api-q-system-tray-icon-4-b-8-4c7.beb8fe02712988d33b76.js"],"metadata---docs-api-q-system-tray-icon-711-f90":["/metadata---docs-api-q-system-tray-icon-711-f90.36435d2dbef7cc34eb2a.js"],"content---docs-api-q-widget-04-a-59f":["/content---docs-api-q-widget-04-a-59f.e1ec47e34f04cceecbef.js"],"metadata---docs-api-q-widget-287-e6c":["/metadata---docs-api-q-widget-287-e6c.39cb770b12642eba33fa.js"],"content---docs-api-q-tab-widget-508-95e":["/content---docs-api-q-tab-widget-508-95e.b55a4160cbcbbae63d94.js"],"metadata---docs-api-q-tab-widgetebc-5aa":["/metadata---docs-api-q-tab-widgetebc-5aa.d20747abbf3fdb5e6815.js"],"content---docs-api-yoga-widgeta-42-cc7":["/content---docs-api-yoga-widgeta-42-cc7.192e4071d503761967e7.js"],"metadata---docs-api-yoga-widget-95-c-f8b":["/metadata---docs-api-yoga-widget-95-c-f8b.b89fd596c9fe09f47829.js"],"content---docs-api-qt-enumsfd-7-cf3":["/content---docs-api-qt-enumsfd-7-cf3.29e790f049ba7ec0d1d0.js"],"metadata---docs-api-qt-enums-423-cf9":["/metadata---docs-api-qt-enums-423-cf9.6246a2c8c0b6d5e8de7e.js"],"content---docs-api-process-5-ec-b1e":["/content---docs-api-process-5-ec-b1e.56837f31fdf96819ca57.js"],"metadata---docs-api-process-32-d-09e":["/metadata---docs-api-process-32-d-09e.98575c9436342f30b9ae.js"],"content---docs-api-synopsis-7-bb-e1c":["/content---docs-api-synopsis-7-bb-e1c.0cc020905aeb27457f32.js"],"metadata---docs-api-synopsis-21-f-a62":["/metadata---docs-api-synopsis-21-f-a62.bc22ea01d14e090cc4b7.js"],"content---docs-development-readme-149-437":["/content---docs-development-readme-149-437.46d29504f7db151ebed0.js"],"metadata---docs-development-readm-ec-6-c-332":["/metadata---docs-development-readm-ec-6-c-332.a870107c0fdcacfca660.js"],"content---docs-development-common-errorsf-15-a5b":["/content---docs-development-common-errorsf-15-a5b.264ff796830f59ad1da5.js"],"metadata---docs-development-common-errors-402-ef4":["/metadata---docs-development-common-errors-402-ef4.e71ff98bca3531ec25fe.js"],"content---docs-development-debuggingb-54-9ed":["/content---docs-development-debuggingb-54-9ed.e3355d47d99aa8ed289e.js"],"metadata---docs-development-debuggingc-36-26a":["/metadata---docs-development-debuggingc-36-26a.cadf0baf82754db45fc0.js"],"content---docs-development-signal-and-event-handling-7-d-4-f3f":["/content---docs-development-signal-and-event-handling-7-d-4-f3f.723dc7c3041c60c44ded.js"],"metadata---docs-development-signal-and-event-handling-0-b-5-692":["/metadata---docs-development-signal-and-event-handling-0-b-5-692.40e8ab64a189b7b0daa9.js"],"content---docs-development-setting-up-28-c-666":["/content---docs-development-setting-up-28-c-666.df0655fc8cc13d18ae9e.js"],"metadata---docs-development-setting-up-979-75f":["/metadata---docs-development-setting-up-979-75f.bd3cf9d0526b858e1be8.js"],"content---docs-development-getting-started-139-387":["/content---docs-development-getting-started-139-387.834d034cd0e544ab6f85.js"],"metadata---docs-development-getting-started-89-b-c7a":["/metadata---docs-development-getting-started-89-b-c7a.29488b1dd1a611efe799.js"],"content---docs-development-wrapping-widgets-84-b-538":["/content---docs-development-wrapping-widgets-84-b-538.51ea31caf4555f6006aa.js"],"metadata---docs-development-wrapping-widgets-303-fb8":["/metadata---docs-development-wrapping-widgets-303-fb8.ee762d10e19b71da3686.js"],"content---docs-guides-custom-nodegui-native-plugin-632-9db":["/content---docs-guides-custom-nodegui-native-plugin-632-9db.aa0e844c03c993bfa2c6.js"],"metadata---docs-guides-custom-nodegui-native-plugin-92-b-12f":["/metadata---docs-guides-custom-nodegui-native-plugin-92-b-12f.1a94bc4b490dbd61c183.js"],"content---docs-guides-debugging-in-vscodebd-7-cec":["/content---docs-guides-debugging-in-vscodebd-7-cec.06ac69d414ddffbcda40.js"],"metadata---docs-guides-debugging-in-vscodebf-8-5b0":["/metadata---docs-guides-debugging-in-vscodebf-8-5b0.70962aad5ee8c1f425db.js"],"content---docs-development-styling-293-cad":["/content---docs-development-styling-293-cad.6a69585c2f07f7b4de03.js"],"metadata---docs-development-styling-1-c-2-0d6":["/metadata---docs-development-styling-1-c-2-0d6.311a03ac9ded03232e88.js"],"content---docs-guides-images-991-065":["/content---docs-guides-images-991-065.290cda7fdffc8c635b16.js"],"metadata---docs-guides-images-915-5ee":["/metadata---docs-guides-images-915-5ee.75cafdb9686db57c5c5b.js"],"content---docs-guides-handle-events-160-4b0":["/content---docs-guides-handle-events-160-4b0.9e03bfdd618f40880d62.js"],"metadata---docs-guides-handle-events-5-eb-540":["/metadata---docs-guides-handle-events-5-eb-540.808821448379c4743fa0.js"],"content---docs-guides-networking-374-03e":["/content---docs-guides-networking-374-03e.51f82f3d7c7dc4f7c4f2.js"],"metadata---docs-guides-networkingdfd-ce0":["/metadata---docs-guides-networkingdfd-ce0.46815629b89de65b0b38.js"],"content---docs-guides-getting-startedc-9-e-20f":["/content---docs-guides-getting-startedc-9-e-20f.106adf3ed73b35d17493.js"],"metadata---docs-guides-getting-started-2-b-7-1a4":["/metadata---docs-guides-getting-started-2-b-7-1a4.dd6b0df8960cefef76c8.js"],"content---docs-guides-debuggingf-3-f-cf5":["/content---docs-guides-debuggingf-3-f-cf5.99c46c5316374f39a4b4.js"],"metadata---docs-guides-debugging-970-fb8":["/metadata---docs-guides-debugging-970-fb8.8b7e6f4392aa28dd34e4.js"],"content---docs-guides-layoutdf-5-a64":["/content---docs-guides-layoutdf-5-a64.34c59db1190dd3ebd98d.js"],"metadata---docs-guides-layoutf-65-d7d":["/metadata---docs-guides-layoutf-65-d7d.88b3f6fa6b119f66919d.js"],"content---docs-guides-tutoriale-53-6ab":["/content---docs-guides-tutoriale-53-6ab.d0d752b0b9c1843c6a9b.js"],"metadata---docs-guides-tutorial-1-f-1-23b":["/metadata---docs-guides-tutorial-1-f-1-23b.d52b73019f40d463a7a2.js"],"content---docs-guides-scroll-view-76-e-87c":["/content---docs-guides-scroll-view-76-e-87c.9dc91128d07f60a5ec83.js"],"metadata---docs-guides-scroll-view-9-a-9-2ac":["/metadata---docs-guides-scroll-view-9-a-9-2ac.f287c1cb3c303fe9dda3.js"],"content---docs-guides-using-native-node-modules-3-ab-104":["/content---docs-guides-using-native-node-modules-3-ab-104.f7d72bc00d343f67631b.js"],"metadata---docs-guides-using-native-node-modules-31-f-551":["/metadata---docs-guides-using-native-node-modules-31-f-551.5b2d5734f45a6ca7798d.js"],"content---docs-guides-stylingfec-977":["/content---docs-guides-stylingfec-977.285525d5e2fa7eaea557.js"],"metadata---docs-guides-styling-9-ea-213":["/metadata---docs-guides-styling-9-ea-213.f1f80e5843671649ef61.js"],"content---docs-guides-nodegui-architecture-262-19e":["/content---docs-guides-nodegui-architecture-262-19e.155facbc0126f3f8d77c.js"],"metadata---docs-guides-nodegui-architecture-550-b82":["/metadata---docs-guides-nodegui-architecture-550-b82.090233ebe32f7ff9ce9d.js"],"component---theme-blog-tags-posts-page-687-b6c":["/component---theme-blog-tags-posts-page-687-b6c.ef5908bc39eb09e95ce4.js"],"metadata---blog-tags-nodegui-632-d46":["/metadata---blog-tags-nodegui-632-d46.900f615f420a5e1fa2ba.js"],"metadata---blog-tags-hellob-02-3e8":["/metadata---blog-tags-hellob-02-3e8.94799fd06d2ac9e5f2fc.js"],"component---theme-blog-tags-list-page-01-a-d0b":["/component---theme-blog-tags-list-page-01-a-d0b.3c076102240034124342.js"],"tags---blog-tags-8-d-7-36d":["/tags---blog-tags-8-d-7-36d.b0b8e5864a4a247d36f9.js"]};/*]]>*/</script>
|
|
|
|
<title data-react-helmet="true">NodeLayout</title>
|
|
|
|
<meta data-react-helmet="true" charset="utf-8"/><meta data-react-helmet="true" http-equiv="x-ua-compatible" content="ie=edge"/><meta data-react-helmet="true" name="viewport" content="width=device-width"/><meta data-react-helmet="true" property="og:title" content="NodeLayout"/><meta data-react-helmet="true" name="description" content="> Abstract class to add functionalities common to all Layout."/><meta data-react-helmet="true" property="og:description" content="> Abstract class to add functionalities common to all Layout."/><meta data-react-helmet="true" property="og:url" content="https://nodegui.org/docs/api/NodeLayout"/><meta data-react-helmet="true" name="twitter:card" content="summary"/>
|
|
|
|
<link data-react-helmet="true" rel="shortcut icon" href="/img/favicon.ico"/>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/main.f66713773e9ba37b90fe.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/1.196ce05925ea6d776920.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/2.702de9bbb01fe4f46fa1.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/component---theme-doc-legacy-page-9-e-7-ca5.3c38a2f40a51efdd72a0.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/component---theme-doc-legacy-item-031-769.1f1ce10374de019f5d3a.css" />
|
|
|
|
</head>
|
|
<body >
|
|
<div id="__docusaurus">
|
|
<nav class="navbar navbar--light navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><div aria-label="Navigation bar toggle" class="navbar__toggle" role="button" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></div><a aria-current="page" class="navbar__brand active" href="/"><img class="navbar__logo" src="/img/logo-circle.png" alt="NodeGui Logo"/><strong>NodeGui</strong></a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link" label="Docs" position="right" href="/docs/guides/getting-started">Docs</a><a class="navbar__item navbar__link" label="API" position="right" href="/docs/api/QApplication">API</a><a class="navbar__item navbar__link" label="Blog" position="right" href="/blog">Blog</a><a class="navbar__item navbar__link" href="https://github.com/nodegui/nodegui" label="GitHub" position="right" target="_blank" rel="noopener noreferrer">GitHub</a><div class="react-toggle displayOnlyInLargeViewport_1gtM"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_16vC moon_1N64"></span></div><div class="react-toggle-track-x"><span class="toggle_16vC sun_3CZP"></span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" aria-label="Dark mode toggle" class="react-toggle-screenreader-only"/></div></div></div><div role="presentation" class="navbar__sidebar__backdrop"></div><div class="navbar__sidebar"><div class="navbar__sidebar__brand"><a aria-current="page" class="navbar__brand active" href="/"><img class="navbar__logo" src="/img/logo-circle.png" alt="NodeGui Logo"/><strong>NodeGui</strong></a></div><div class="navbar__sidebar__items"><div class="menu"><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" label="Docs" position="right" href="/docs/guides/getting-started">Docs</a></li><li class="menu__list-item"><a class="menu__link" label="API" position="right" href="/docs/api/QApplication">API</a></li><li class="menu__list-item"><a class="menu__link" label="Blog" position="right" href="/blog">Blog</a></li><li class="menu__list-item"><a class="menu__link" href="https://github.com/nodegui/nodegui" label="GitHub" position="right" target="_blank" rel="noopener noreferrer">GitHub</a></li></ul></div></div></div></nav><div class="container container--fluid"><div class="row"><div class="col col--3"><div class="sidebar_Qb2S"><div class="menu menu--responsive"><button aria-label="Open Menu" class="button button--secondary button--sm menu__button" type="button"><svg class="sidebarMenuIcon_1uhT" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 32 32" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="#!">General</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/synopsis">Synopsis</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="#!">Widgets</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/QApplication">QApplication</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QCheckBox">QCheckBox</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QDial">QDial</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QLabel">QLabel</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QLineEdit">QLineEdit</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QMainWindow">QMainWindow</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QPlainTextEdit">QPlainTextEdit</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QProgressBar">QProgressBar</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QPushButton">QPushButton</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QRadioButton">QRadioButton</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QScrollArea">QScrollArea</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QSpinBox">QSpinBox</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QTabWidget">QTabWidget</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QWidget">QWidget</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QMenu">QMenu</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QMenuBar">QMenuBar</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="#!">Layouts</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/FlexLayout">FlexLayout</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QGridLayout">QGridLayout</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="#!">Modules</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/QClipboard">QClipboard</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QCursor">QCursor</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QPixmap">QPixmap</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QtEnums">Qt Enums</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QShortcut">QShortcut</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QAction">QAction</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QKeySequence">QKeySequence</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QIcon">QIcon</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QSystemTrayIcon">QSystemTrayIcon</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="#!">Internal Modules</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/Component">Component</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/EventWidget">EventWidget</a></li><li class="menu__list-item"><a aria-current="page" class="menu__link menu__link--active" href="/docs/api/NodeLayout">NodeLayout</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/NodeWidget">NodeWidget</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/YogaWidget">YogaWidget</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QAbstractScrollArea">QAbstractScrollArea</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/QAbstractSlider">QAbstractSlider</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="#!">APIs</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/api/process">process</a></li></ul></li></ul></div></div></div><main class="col"><div><div class="padding-vert--lg"><div class="row"><div class="col"><div class="docItemContainer_3Gws"><header><h1 class="margin-bottom--lg">NodeLayout</h1></header><article><div class="markdown"><blockquote><p>Abstract class to add functionalities common to all Layout.</p></blockquote><p><strong>This class implements all methods, properties of Qt's <a href="https://doc.qt.io/qt-5/qlayout.html">QLayout class</a> so that it can be inherited by all layouts</strong></p><p><code>NodeLayout</code> is an abstract class and hence no instances of the same should be created. It exists so that we can add similar functionalities to all layout's easily. Additionally it helps in typechecking process.</p><p><strong>NodeLayout is the base class for all layouts. It inherits from another abstract class <a href="/docs/api/Component">Component</a></strong></p><h3><a aria-hidden="true" class="anchor" id="example"></a><a aria-hidden="true" class="hash-link" href="#example">#</a>Example</h3><pre class="mdxCodeBlock_iHAB"><div class="codeBlockWrapper_2QGZ"><pre class="prism-code language-javascript codeBlock_19pQ" style="color:#d6deeb;background-color:#011627"><div class="token-line" style="color:#d6deeb"><span class="token keyword" style="color:rgb(127, 219, 202)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">{</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">NodeLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">NodeWidget</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">FlexLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">GridLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">QPushButton</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token maybe-class-name">QWidget</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(130, 170, 255)">require</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token string" style="color:rgb(173, 219, 103)">"@nodegui/nodegui"</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain" style="display:inline-block"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic">// addChildToLayout can accept any layout since it expects NodeLayout</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:rgb(130, 170, 255)">addChildToLayout</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token parameter">layout</span><span class="token parameter punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token parameter"> NodeLayout</span><span class="token parameter punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token parameter"> widget</span><span class="token parameter punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token parameter"> NodeWidget</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:rgb(127, 219, 202)">=></span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">{</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"> layout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token method function property-access" style="color:rgb(130, 170, 255)">addWidget</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token plain">widget</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain" style="display:inline-block"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">addChildToLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token keyword" style="color:rgb(127, 219, 202)">new</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(255, 203, 139)">FlexLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">new</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(255, 203, 139)">QPushButton</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span></div><div class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">addChildToLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token keyword" style="color:rgb(127, 219, 202)">new</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(255, 203, 139)">GridLayout</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">new</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(255, 203, 139)">QWidget</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span></div></pre><button type="button" aria-label="Copy code to clipboard" class="copyButton_1BYj">Copy</button></div></pre><p>NodeLayout will list all methods and properties that are common to all layouts in the NodeGui world.</p><h2><a aria-hidden="true" class="anchor" id="static-methods"></a><a aria-hidden="true" class="hash-link" href="#static-methods">#</a>Static Methods</h2><p>NodeLayout can access all the static methods defined in <a href="/docs/api/Component">Component</a></p><h2><a aria-hidden="true" class="anchor" id="instance-properties"></a><a aria-hidden="true" class="hash-link" href="#instance-properties">#</a>Instance Properties</h2><p>NodeLayout can access all the instance properties defined in <a href="/docs/api/Component">Component</a></p><p>Additionally it also has the following instance properties:</p><h3><a aria-hidden="true" class="anchor" id="layouttype"></a><a aria-hidden="true" class="hash-link" href="#layouttype">#</a><code>layout.type</code></h3><p>This will return the string <code>layout</code> for all layouts.</p><h2><a aria-hidden="true" class="anchor" id="instance-methods"></a><a aria-hidden="true" class="hash-link" href="#instance-methods">#</a>Instance Methods</h2><p>NodeLayout can access all the instance methods defined in <a href="/docs/api/Component">Component</a></p><p>Additionally it also has the following instance methods:</p><h3><a aria-hidden="true" class="anchor" id="layoutaddwidgetchildwidget-args"></a><a aria-hidden="true" class="hash-link" href="#layoutaddwidgetchildwidget-args">#</a><code>layout.addWidget(childWidget, ...args)</code></h3><p>This is an abstract method in NodeLayout class. All Layouts inheriting from NodeLayout should implement this method.</p><ul><li><code>childWidget</code> NodeWidget - Any widget in the NodeGui world.</li><li><code>...args</code> any[] - Additional params as required by the layout.</li></ul><h3><a aria-hidden="true" class="anchor" id="layoutactivate"></a><a aria-hidden="true" class="hash-link" href="#layoutactivate">#</a><code>layout.activate()</code></h3><p>Redoes the layout for parent widget of this layout if necessary. Returns true if the layout was redone.</p><h3><a aria-hidden="true" class="anchor" id="layoutinvalidate"></a><a aria-hidden="true" class="hash-link" href="#layoutinvalidate">#</a><code>layout.invalidate()</code></h3><p>Invalidates any cached information in this layout.</p><h3><a aria-hidden="true" class="anchor" id="layoutupdate"></a><a aria-hidden="true" class="hash-link" href="#layoutupdate">#</a><code>layout.update()</code></h3><p>Updates the layout for parent widget of this layout. You should generally not need to call this because it is automatically called at the most appropriate times.</p></div></article><div class="margin-top--xl margin-bottom--lg"><nav class="pagination-nav"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/docs/api/EventWidget"><h5 class="pagination-nav__link--sublabel">Previous</h5><h4 class="pagination-nav__link--label">« <!-- -->EventWidget</h4></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/docs/api/NodeWidget"><h5 class="pagination-nav__link--sublabel">Next</h5><h4 class="pagination-nav__link--label">NodeWidget<!-- --> »</h4></a></div></nav></div></div></div><div class="col col--3"><div class="tableOfContents_2wxO"><ul class="contents contents__left-border"><li><a href="#example" class="contents__link">Example</a></li><li><a href="#static-methods" class="contents__link">Static Methods</a></li><li><a href="#instance-properties" class="contents__link">Instance Properties</a><ul class=""><li><a href="#layouttype" class="contents__link">layout.type</a></li></ul></li><li><a href="#instance-methods" class="contents__link">Instance Methods</a><ul class=""><li><a href="#layoutaddwidgetchildwidget-args" class="contents__link">layout.addWidget(childWidget, ...args)</a></li><li><a href="#layoutactivate" class="contents__link">layout.activate()</a></li><li><a href="#layoutinvalidate" class="contents__link">layout.invalidate()</a></li><li><a href="#layoutupdate" class="contents__link">layout.update()</a></li></ul></li></ul></div></div></div></div></div></main></div></div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/runtime~main.416b665688d887d4760a.js"></script>
|
|
|
|
<script type="text/javascript" src="/main.524f5041603f76e6ed2d.js"></script>
|
|
|
|
<script type="text/javascript" src="/0.137079c7c6dfa44cbb19.js"></script>
|
|
|
|
<script type="text/javascript" src="/1.b3b40754e56fe7b933e8.js"></script>
|
|
|
|
<script type="text/javascript" src="/2.4dcc84845bb42710969e.js"></script>
|
|
|
|
<script type="text/javascript" src="/component---theme-doc-legacy-page-9-e-7-ca5.f5d90ad6613508f9bb4b.js"></script>
|
|
|
|
<script type="text/javascript" src="/docsMetadata---docs-150-2d6.570db666501f3bde71a0.js"></script>
|
|
|
|
<script type="text/javascript" src="/component---theme-doc-legacy-item-031-769.89c72f3cd114f0722210.js"></script>
|
|
|
|
<script type="text/javascript" src="/content---docs-api-node-layoutd-28-11a.9c08e30a41be5e543b20.js"></script>
|
|
|
|
<script type="text/javascript" src="/metadata---docs-api-node-layout-1-e-9-c15.28fb73d8a0882d2b316f.js"></script>
|
|
|
|
</body>
|
|
</html> |