diff options
author | Tim Jenssen <tim.jenssen@qt.io> | 2023-03-30 13:34:12 +0200 |
---|---|---|
committer | Tim Jenssen <tim.jenssen@qt.io> | 2023-03-30 13:30:42 +0000 |
commit | adb664f52128b3c28323a5d4dccedc204dec8b34 (patch) | |
tree | 5bc4573e921a37f7ba46d73eba16c6f08db37da4 /doc | |
parent | 6f765181c9b9e716f3ae746183cdeac2459ac194 (diff) | |
parent | 5b28748554b3f97c4e163606208878d573f2a655 (diff) | |
download | qt-creator-adb664f52128b3c28323a5d4dccedc204dec8b34.tar.gz |
Merge remote-tracking branch 'origin/qds/dev'
Conflicts: src/libs/utils/filepath.cpp
src/plugins/qmldesigner/qmldesignerexternaldependencies.cpp
src/plugins/qmlprojectmanager/cmakegen/generatecmakelists.cpp
tests/unit/unittest/CMakeLists.txt
Change-Id: I017a6075db41a5233487ac855ffe23de2b2bb0ee
Diffstat (limited to 'doc')
210 files changed, 567 insertions, 265 deletions
diff --git a/doc/config/macros.qdocconf b/doc/config/macros.qdocconf index 4ae4dc1617..97e6fa7593 100644 --- a/doc/config/macros.qdocconf +++ b/doc/config/macros.qdocconf @@ -50,6 +50,7 @@ macro.beginfloatright.HTML = "<div style=\"float: right; margin-left: 2em\">" macro.endfloat.HTML = "</div>" macro.clearfloat.HTML = "<br style=\"clear: both\" />" macro.emptyspan.HTML = "<span></span>" +macro.externallink.HTML = "<a href=\"\1\" target=\"_blank\">\2</a>" # Embed YouTube content by video ID - Example: \youtube dQw4w9WgXcQ # Also requires a <ID>.jpg thumbnail for offline docs. In .qdocconf, add: diff --git a/doc/qtcreator/src/user-interface/creator-ui.qdoc b/doc/qtcreator/src/user-interface/creator-ui.qdoc index 1e233283fd..315720275a 100644 --- a/doc/qtcreator/src/user-interface/creator-ui.qdoc +++ b/doc/qtcreator/src/user-interface/creator-ui.qdoc @@ -299,6 +299,14 @@ style. \endif + \if defined(qtdesignstudio) + The mode selector is hidden by default. + + To show the mode selector, go to \uicontrol Views > + \uicontrol {Mode Selector Style} and select \uicontrol {Icons and Text} + or \uicontrol {Icons Only}. + \endif + You can use \QC in the following modes: diff --git a/doc/qtdesignstudio/examples/doc/images/material-bundle-example.webp b/doc/qtdesignstudio/examples/doc/images/material-bundle-example.webp Binary files differnew file mode 100644 index 0000000000..6dcab85469 --- /dev/null +++ b/doc/qtdesignstudio/examples/doc/images/material-bundle-example.webp diff --git a/doc/qtdesignstudio/examples/doc/materialbundle.qdoc b/doc/qtdesignstudio/examples/doc/materialbundle.qdoc new file mode 100644 index 0000000000..4f808b14f2 --- /dev/null +++ b/doc/qtdesignstudio/examples/doc/materialbundle.qdoc @@ -0,0 +1,33 @@ +// Copyright (C) 2023 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only + +/*! + \page material-bundle-example.html + \ingroup studioexamples + \sa {Content Library} + + \title Material Bundle + \brief Showcases the materials in \uicontrol {Content Library} and the real-time rendering + capabilities of \QDS. + + \image material-bundle-example.webp + + The \e{Material Bundle} example showcases the materials included in the \QDS + \uicontrol {Content Library} and the real-time 3D rendering capabilities of \QDS. + + Run the project to: + + \list + \li Select the material for two different meshes; all material bundle materials are available. + \li Navigate (rotate and zoom) with the mouse. + \li Choose between two different environment light options. + \endlist + + \section1 The Material Bundle + + The material bundle is included in \uicontrol {Content Library} which is + included in the \QDS Enterprise license. It contains a ready-made set of materials that you + can apply to your 3D models by dragging and dropping. + + \image content-library.webp +*/ diff --git a/doc/qtdesignstudio/images/3d-view-context-menu.png b/doc/qtdesignstudio/images/3d-view-context-menu.png Binary files differindex c2e35e0019..5b08c568cb 100644 --- a/doc/qtdesignstudio/images/3d-view-context-menu.png +++ b/doc/qtdesignstudio/images/3d-view-context-menu.png diff --git a/doc/qtdesignstudio/images/assets-view-effect.png b/doc/qtdesignstudio/images/assets-view-effect.png Binary files differdeleted file mode 100644 index b229f8ddb6..0000000000 --- a/doc/qtdesignstudio/images/assets-view-effect.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/content-library-add-texture.png b/doc/qtdesignstudio/images/content-library-add-texture.png Binary files differindex ae820a39c8..75cc1bec0f 100644 --- a/doc/qtdesignstudio/images/content-library-add-texture.png +++ b/doc/qtdesignstudio/images/content-library-add-texture.png diff --git a/doc/qtdesignstudio/images/icons/3d-background-color.png b/doc/qtdesignstudio/images/icons/3d-background-color.png Binary files differindex d896907b30..37c68e632c 100644 --- a/doc/qtdesignstudio/images/icons/3d-background-color.png +++ b/doc/qtdesignstudio/images/icons/3d-background-color.png diff --git a/doc/qtdesignstudio/images/icons/align-camera-on.png b/doc/qtdesignstudio/images/icons/align-camera-on.png Binary files differindex 382a2ac6b3..a813dcaff7 100644 --- a/doc/qtdesignstudio/images/icons/align-camera-on.png +++ b/doc/qtdesignstudio/images/icons/align-camera-on.png diff --git a/doc/qtdesignstudio/images/icons/align-view-on.png b/doc/qtdesignstudio/images/icons/align-view-on.png Binary files differindex 3617416f6f..c7534664b1 100644 --- a/doc/qtdesignstudio/images/icons/align-view-on.png +++ b/doc/qtdesignstudio/images/icons/align-view-on.png diff --git a/doc/qtdesignstudio/images/icons/apply-material.png b/doc/qtdesignstudio/images/icons/apply-material.png Binary files differdeleted file mode 100644 index d0b347470b..0000000000 --- a/doc/qtdesignstudio/images/icons/apply-material.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/icons/apply.png b/doc/qtdesignstudio/images/icons/apply.png Binary files differnew file mode 100644 index 0000000000..baf72e3664 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/apply.png diff --git a/doc/qtdesignstudio/images/icons/arrowleft.png b/doc/qtdesignstudio/images/icons/arrowleft.png Binary files differindex cdf5b0cc7c..d45ee098fe 100644 --- a/doc/qtdesignstudio/images/icons/arrowleft.png +++ b/doc/qtdesignstudio/images/icons/arrowleft.png diff --git a/doc/qtdesignstudio/images/icons/arrowright.png b/doc/qtdesignstudio/images/icons/arrowright.png Binary files differindex 627b2eccf9..b5a2c92dc4 100644 --- a/doc/qtdesignstudio/images/icons/arrowright.png +++ b/doc/qtdesignstudio/images/icons/arrowright.png diff --git a/doc/qtdesignstudio/images/icons/back_one_frame.png b/doc/qtdesignstudio/images/icons/back_one_frame.png Binary files differindex 69c93ebe3e..f7220acbf6 100644 --- a/doc/qtdesignstudio/images/icons/back_one_frame.png +++ b/doc/qtdesignstudio/images/icons/back_one_frame.png diff --git a/doc/qtdesignstudio/images/icons/create_component.png b/doc/qtdesignstudio/images/icons/create_component.png Binary files differnew file mode 100644 index 0000000000..75438ce56f --- /dev/null +++ b/doc/qtdesignstudio/images/icons/create_component.png diff --git a/doc/qtdesignstudio/images/icons/curve_editor.png b/doc/qtdesignstudio/images/icons/curve_editor.png Binary files differindex bda4dc0095..35e019d931 100644 --- a/doc/qtdesignstudio/images/icons/curve_editor.png +++ b/doc/qtdesignstudio/images/icons/curve_editor.png diff --git a/doc/qtdesignstudio/images/icons/easing-curve-linear-icon.png b/doc/qtdesignstudio/images/icons/easing-curve-linear-icon.png Binary files differindex d6f56990d7..463a9bc038 100644 --- a/doc/qtdesignstudio/images/icons/easing-curve-linear-icon.png +++ b/doc/qtdesignstudio/images/icons/easing-curve-linear-icon.png diff --git a/doc/qtdesignstudio/images/icons/easing-curve-spline-icon.png b/doc/qtdesignstudio/images/icons/easing-curve-spline-icon.png Binary files differindex f6420d9174..c5328bed8a 100644 --- a/doc/qtdesignstudio/images/icons/easing-curve-spline-icon.png +++ b/doc/qtdesignstudio/images/icons/easing-curve-spline-icon.png diff --git a/doc/qtdesignstudio/images/icons/easing-curve-step-icon.png b/doc/qtdesignstudio/images/icons/easing-curve-step-icon.png Binary files differindex 5d6523f1c7..11be1b00de 100644 --- a/doc/qtdesignstudio/images/icons/easing-curve-step-icon.png +++ b/doc/qtdesignstudio/images/icons/easing-curve-step-icon.png diff --git a/doc/qtdesignstudio/images/icons/edit.png b/doc/qtdesignstudio/images/icons/edit.png Binary files differindex 28134d1887..f6ac1e0f1f 100644 --- a/doc/qtdesignstudio/images/icons/edit.png +++ b/doc/qtdesignstudio/images/icons/edit.png diff --git a/doc/qtdesignstudio/images/icons/edit_component.png b/doc/qtdesignstudio/images/icons/edit_component.png Binary files differnew file mode 100644 index 0000000000..071971b6bc --- /dev/null +++ b/doc/qtdesignstudio/images/icons/edit_component.png diff --git a/doc/qtdesignstudio/images/icons/edit_light_off.png b/doc/qtdesignstudio/images/icons/edit_light_off.png Binary files differnew file mode 100644 index 0000000000..8b99d32d70 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/edit_light_off.png diff --git a/doc/qtdesignstudio/images/icons/edit_light_on.png b/doc/qtdesignstudio/images/icons/edit_light_on.png Binary files differnew file mode 100644 index 0000000000..45be252860 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/edit_light_on.png diff --git a/doc/qtdesignstudio/images/icons/fit_selected.png b/doc/qtdesignstudio/images/icons/fit_selected.png Binary files differnew file mode 100644 index 0000000000..547a2fd603 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/fit_selected.png diff --git a/doc/qtdesignstudio/images/icons/forward_one_frame.png b/doc/qtdesignstudio/images/icons/forward_one_frame.png Binary files differindex 0846f194e0..9a2d092e88 100644 --- a/doc/qtdesignstudio/images/icons/forward_one_frame.png +++ b/doc/qtdesignstudio/images/icons/forward_one_frame.png diff --git a/doc/qtdesignstudio/images/icons/global.png b/doc/qtdesignstudio/images/icons/global.png Binary files differnew file mode 100644 index 0000000000..3ff69a4506 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/global.png diff --git a/doc/qtdesignstudio/images/icons/global_record_keyframes.png b/doc/qtdesignstudio/images/icons/global_record_keyframes.png Binary files differindex 64a28ca075..fb8d09dfaf 100644 --- a/doc/qtdesignstudio/images/icons/global_record_keyframes.png +++ b/doc/qtdesignstudio/images/icons/global_record_keyframes.png diff --git a/doc/qtdesignstudio/images/icons/home.png b/doc/qtdesignstudio/images/icons/home.png Binary files differnew file mode 100644 index 0000000000..8af251cf2c --- /dev/null +++ b/doc/qtdesignstudio/images/icons/home.png diff --git a/doc/qtdesignstudio/images/icons/move_off.png b/doc/qtdesignstudio/images/icons/move_off.png Binary files differnew file mode 100644 index 0000000000..9d63a51cb0 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/move_off.png diff --git a/doc/qtdesignstudio/images/icons/navigator-arrowdown.png b/doc/qtdesignstudio/images/icons/navigator-arrowdown.png Binary files differindex 894a29ca6f..31cb5a6b38 100644 --- a/doc/qtdesignstudio/images/icons/navigator-arrowdown.png +++ b/doc/qtdesignstudio/images/icons/navigator-arrowdown.png diff --git a/doc/qtdesignstudio/images/icons/navigator-arrowup.png b/doc/qtdesignstudio/images/icons/navigator-arrowup.png Binary files differindex 85f248f894..80d8f12cfb 100644 --- a/doc/qtdesignstudio/images/icons/navigator-arrowup.png +++ b/doc/qtdesignstudio/images/icons/navigator-arrowup.png diff --git a/doc/qtdesignstudio/images/icons/orthographic_camera.png b/doc/qtdesignstudio/images/icons/orthographic_camera.png Binary files differnew file mode 100644 index 0000000000..f041caf3d9 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/orthographic_camera.png diff --git a/doc/qtdesignstudio/images/icons/particle-animation-on.png b/doc/qtdesignstudio/images/icons/particle-animation-on.png Binary files differindex d240b34c2a..a752cb164c 100644 --- a/doc/qtdesignstudio/images/icons/particle-animation-on.png +++ b/doc/qtdesignstudio/images/icons/particle-animation-on.png diff --git a/doc/qtdesignstudio/images/icons/particle-pause.png b/doc/qtdesignstudio/images/icons/particle-pause.png Binary files differindex 442a77211f..eb922eeedd 100644 --- a/doc/qtdesignstudio/images/icons/particle-pause.png +++ b/doc/qtdesignstudio/images/icons/particle-pause.png diff --git a/doc/qtdesignstudio/images/icons/particle-play.png b/doc/qtdesignstudio/images/icons/particle-play.png Binary files differindex cc04c94897..aada059579 100644 --- a/doc/qtdesignstudio/images/icons/particle-play.png +++ b/doc/qtdesignstudio/images/icons/particle-play.png diff --git a/doc/qtdesignstudio/images/icons/particle-restart.png b/doc/qtdesignstudio/images/icons/particle-restart.png Binary files differindex dc1c06bd49..b8d89b73e1 100644 --- a/doc/qtdesignstudio/images/icons/particle-restart.png +++ b/doc/qtdesignstudio/images/icons/particle-restart.png diff --git a/doc/qtdesignstudio/images/icons/particles-seek.png b/doc/qtdesignstudio/images/icons/particles-seek.png Binary files differindex c6c76fe4ca..2ffc0bb266 100644 --- a/doc/qtdesignstudio/images/icons/particles-seek.png +++ b/doc/qtdesignstudio/images/icons/particles-seek.png diff --git a/doc/qtdesignstudio/images/icons/perspective_camera.png b/doc/qtdesignstudio/images/icons/perspective_camera.png Binary files differnew file mode 100644 index 0000000000..b3c602da76 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/perspective_camera.png diff --git a/doc/qtdesignstudio/images/icons/reset.png b/doc/qtdesignstudio/images/icons/reset.png Binary files differnew file mode 100644 index 0000000000..b7de014ceb --- /dev/null +++ b/doc/qtdesignstudio/images/icons/reset.png diff --git a/doc/qtdesignstudio/images/icons/rotate_off.png b/doc/qtdesignstudio/images/icons/rotate_off.png Binary files differnew file mode 100644 index 0000000000..444262b487 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/rotate_off.png diff --git a/doc/qtdesignstudio/images/icons/scale_off.png b/doc/qtdesignstudio/images/icons/scale_off.png Binary files differnew file mode 100644 index 0000000000..553dfa4a5e --- /dev/null +++ b/doc/qtdesignstudio/images/icons/scale_off.png diff --git a/doc/qtdesignstudio/images/icons/select_group.png b/doc/qtdesignstudio/images/icons/select_group.png Binary files differnew file mode 100644 index 0000000000..3075d37344 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/select_group.png diff --git a/doc/qtdesignstudio/images/icons/select_item.png b/doc/qtdesignstudio/images/icons/select_item.png Binary files differnew file mode 100644 index 0000000000..717c54c41c --- /dev/null +++ b/doc/qtdesignstudio/images/icons/select_item.png diff --git a/doc/qtdesignstudio/images/icons/settings.png b/doc/qtdesignstudio/images/icons/settings.png Binary files differnew file mode 100644 index 0000000000..8f7f59714d --- /dev/null +++ b/doc/qtdesignstudio/images/icons/settings.png diff --git a/doc/qtdesignstudio/images/icons/start_playback.png b/doc/qtdesignstudio/images/icons/start_playback.png Binary files differindex 0cf0865c48..9f7194bf16 100644 --- a/doc/qtdesignstudio/images/icons/start_playback.png +++ b/doc/qtdesignstudio/images/icons/start_playback.png diff --git a/doc/qtdesignstudio/images/icons/to_first_frame.png b/doc/qtdesignstudio/images/icons/to_first_frame.png Binary files differindex 910b856638..c9b9ed4ec0 100644 --- a/doc/qtdesignstudio/images/icons/to_first_frame.png +++ b/doc/qtdesignstudio/images/icons/to_first_frame.png diff --git a/doc/qtdesignstudio/images/icons/to_last_frame.png b/doc/qtdesignstudio/images/icons/to_last_frame.png Binary files differindex d6bc429196..9dfa631165 100644 --- a/doc/qtdesignstudio/images/icons/to_last_frame.png +++ b/doc/qtdesignstudio/images/icons/to_last_frame.png diff --git a/doc/qtdesignstudio/images/icons/visibilityon.png b/doc/qtdesignstudio/images/icons/visibilityon.png Binary files differindex 8fc4ca3c36..802096a62e 100644 --- a/doc/qtdesignstudio/images/icons/visibilityon.png +++ b/doc/qtdesignstudio/images/icons/visibilityon.png diff --git a/doc/qtdesignstudio/images/icons/zoomAll.png b/doc/qtdesignstudio/images/icons/zoomAll.png Binary files differindex 7917d5253c..b7c5b4d7eb 100644 --- a/doc/qtdesignstudio/images/icons/zoomAll.png +++ b/doc/qtdesignstudio/images/icons/zoomAll.png diff --git a/doc/qtdesignstudio/images/icons/zoomIn.png b/doc/qtdesignstudio/images/icons/zoomIn.png Binary files differindex dae425382d..520719bfec 100644 --- a/doc/qtdesignstudio/images/icons/zoomIn.png +++ b/doc/qtdesignstudio/images/icons/zoomIn.png diff --git a/doc/qtdesignstudio/images/icons/zoomOut.png b/doc/qtdesignstudio/images/icons/zoomOut.png Binary files differindex 3e889fded1..635475e771 100644 --- a/doc/qtdesignstudio/images/icons/zoomOut.png +++ b/doc/qtdesignstudio/images/icons/zoomOut.png diff --git a/doc/qtdesignstudio/images/icons/zoomSelection.png b/doc/qtdesignstudio/images/icons/zoomSelection.png Binary files differindex 407e21d271..313bceec9a 100644 --- a/doc/qtdesignstudio/images/icons/zoomSelection.png +++ b/doc/qtdesignstudio/images/icons/zoomSelection.png diff --git a/doc/qtdesignstudio/images/loader3d-navigator.png b/doc/qtdesignstudio/images/loader3d-navigator.png Binary files differindex 0c049a6146..4c9345d462 100644 --- a/doc/qtdesignstudio/images/loader3d-navigator.png +++ b/doc/qtdesignstudio/images/loader3d-navigator.png diff --git a/doc/qtdesignstudio/images/material-copy-properties.png b/doc/qtdesignstudio/images/material-copy-properties.png Binary files differindex aae3020929..d454685a85 100644 --- a/doc/qtdesignstudio/images/material-copy-properties.png +++ b/doc/qtdesignstudio/images/material-copy-properties.png diff --git a/doc/qtdesignstudio/images/navigator-material-texture.png b/doc/qtdesignstudio/images/navigator-material-texture.png Binary files differindex 4256e959c6..849625e1eb 100644 --- a/doc/qtdesignstudio/images/navigator-material-texture.png +++ b/doc/qtdesignstudio/images/navigator-material-texture.png diff --git a/doc/qtdesignstudio/images/navigator-show-all-loader.png b/doc/qtdesignstudio/images/navigator-show-all-loader.png Binary files differindex 2052be66b3..40f3fe0866 100644 --- a/doc/qtdesignstudio/images/navigator-show-all-loader.png +++ b/doc/qtdesignstudio/images/navigator-show-all-loader.png diff --git a/doc/qtdesignstudio/images/new-effect-file.png b/doc/qtdesignstudio/images/new-effect-file.png Binary files differdeleted file mode 100644 index 521c36152c..0000000000 --- a/doc/qtdesignstudio/images/new-effect-file.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/qml-shapes-rectangle.png b/doc/qtdesignstudio/images/qml-shapes-rectangle.png Binary files differindex a2f5eaee0f..0dde7e33f6 100644 --- a/doc/qtdesignstudio/images/qml-shapes-rectangle.png +++ b/doc/qtdesignstudio/images/qml-shapes-rectangle.png diff --git a/doc/qtdesignstudio/images/qml-shapes.png b/doc/qtdesignstudio/images/qml-shapes.png Binary files differindex cc0f2c3324..6aaa46a07e 100644 --- a/doc/qtdesignstudio/images/qml-shapes.png +++ b/doc/qtdesignstudio/images/qml-shapes.png diff --git a/doc/qtdesignstudio/images/qmldesigner-alignment.png b/doc/qtdesignstudio/images/qmldesigner-alignment.png Binary files differindex 70ad846850..ffc4109c57 100644 --- a/doc/qtdesignstudio/images/qmldesigner-alignment.png +++ b/doc/qtdesignstudio/images/qmldesigner-alignment.png diff --git a/doc/qtdesignstudio/images/qmldesigner-anchors.png b/doc/qtdesignstudio/images/qmldesigner-anchors.png Binary files differindex 3b4d7d632d..6038027d70 100644 --- a/doc/qtdesignstudio/images/qmldesigner-anchors.png +++ b/doc/qtdesignstudio/images/qmldesigner-anchors.png diff --git a/doc/qtdesignstudio/images/qmldesigner-bindings.png b/doc/qtdesignstudio/images/qmldesigner-bindings.png Binary files differindex ad7dde04b7..3ac0964f76 100644 --- a/doc/qtdesignstudio/images/qmldesigner-bindings.png +++ b/doc/qtdesignstudio/images/qmldesigner-bindings.png diff --git a/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png b/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png Binary files differindex 2745134bd3..d57d36b9d9 100644 --- a/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png +++ b/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png diff --git a/doc/qtdesignstudio/images/qmldesigner-button.png b/doc/qtdesignstudio/images/qmldesigner-button.png Binary files differindex 6af7d03ee3..bd8720a021 100644 --- a/doc/qtdesignstudio/images/qmldesigner-button.png +++ b/doc/qtdesignstudio/images/qmldesigner-button.png diff --git a/doc/qtdesignstudio/images/qmldesigner-canvas-color.png b/doc/qtdesignstudio/images/qmldesigner-canvas-color.png Binary files differindex af6ce61224..6baef3eb90 100644 --- a/doc/qtdesignstudio/images/qmldesigner-canvas-color.png +++ b/doc/qtdesignstudio/images/qmldesigner-canvas-color.png diff --git a/doc/qtdesignstudio/images/qmldesigner-connections.png b/doc/qtdesignstudio/images/qmldesigner-connections.png Binary files differindex 827359bf49..605dc83578 100644 --- a/doc/qtdesignstudio/images/qmldesigner-connections.png +++ b/doc/qtdesignstudio/images/qmldesigner-connections.png diff --git a/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png b/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png Binary files differindex 460be93f2b..565dc26b0e 100644 --- a/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png +++ b/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png diff --git a/doc/qtdesignstudio/images/qmldesigner-editing-components.png b/doc/qtdesignstudio/images/qmldesigner-editing-components.png Binary files differdeleted file mode 100644 index 6184d706dd..0000000000 --- a/doc/qtdesignstudio/images/qmldesigner-editing-components.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/qmldesigner-editing-components.webp b/doc/qtdesignstudio/images/qmldesigner-editing-components.webp Binary files differnew file mode 100644 index 0000000000..9b725ae546 --- /dev/null +++ b/doc/qtdesignstudio/images/qmldesigner-editing-components.webp diff --git a/doc/qtdesignstudio/images/qmldesigner-element-size.png b/doc/qtdesignstudio/images/qmldesigner-element-size.png Binary files differdeleted file mode 100644 index 550eb01dfa..0000000000 --- a/doc/qtdesignstudio/images/qmldesigner-element-size.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/qmldesigner-element-size.webp b/doc/qtdesignstudio/images/qmldesigner-element-size.webp Binary files differnew file mode 100644 index 0000000000..90d61b5fa4 --- /dev/null +++ b/doc/qtdesignstudio/images/qmldesigner-element-size.webp diff --git a/doc/qtdesignstudio/images/qmldesigner-export-item.png b/doc/qtdesignstudio/images/qmldesigner-export-item.png Binary files differindex 567a9c5fa4..62e7422208 100644 --- a/doc/qtdesignstudio/images/qmldesigner-export-item.png +++ b/doc/qtdesignstudio/images/qmldesigner-export-item.png diff --git a/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png b/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png Binary files differindex 5aa3a6c3fb..018a94c88f 100644 --- a/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png +++ b/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png diff --git a/doc/qtdesignstudio/images/qmldesigner-form-editor.png b/doc/qtdesignstudio/images/qmldesigner-form-editor.png Binary files differindex b042afe44e..f32f6965ba 100644 --- a/doc/qtdesignstudio/images/qmldesigner-form-editor.png +++ b/doc/qtdesignstudio/images/qmldesigner-form-editor.png diff --git a/doc/qtdesignstudio/images/qmldesigner-mcu-support.png b/doc/qtdesignstudio/images/qmldesigner-mcu-support.png Binary files differindex a9981017fb..98ee56b2a3 100644 --- a/doc/qtdesignstudio/images/qmldesigner-mcu-support.png +++ b/doc/qtdesignstudio/images/qmldesigner-mcu-support.png diff --git a/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png b/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png Binary files differindex e1fd5283bf..45754e4519 100644 --- a/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png +++ b/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png diff --git a/doc/qtdesignstudio/images/qmldesigner-navigator.png b/doc/qtdesignstudio/images/qmldesigner-navigator.png Binary files differindex ace30596e2..8ec9cd0ddd 100644 --- a/doc/qtdesignstudio/images/qmldesigner-navigator.png +++ b/doc/qtdesignstudio/images/qmldesigner-navigator.png diff --git a/doc/qtdesignstudio/images/qmldesigner-preview-size.png b/doc/qtdesignstudio/images/qmldesigner-preview-size.png Binary files differindex d6a481ef73..1a4a5e01ee 100644 --- a/doc/qtdesignstudio/images/qmldesigner-preview-size.png +++ b/doc/qtdesignstudio/images/qmldesigner-preview-size.png diff --git a/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png b/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png Binary files differindex a115cf8fbf..7350ce4339 100644 --- a/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png +++ b/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png diff --git a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png Binary files differdeleted file mode 100644 index c0bd0f897e..0000000000 --- a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp Binary files differnew file mode 100644 index 0000000000..ee6d6f54aa --- /dev/null +++ b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp diff --git a/doc/qtdesignstudio/images/qtds-running-emulator.png b/doc/qtdesignstudio/images/qtds-running-emulator.png Binary files differindex ecd3054db3..b8d7470166 100644 --- a/doc/qtdesignstudio/images/qtds-running-emulator.png +++ b/doc/qtdesignstudio/images/qtds-running-emulator.png diff --git a/doc/qtdesignstudio/images/qtquick-annotations.png b/doc/qtdesignstudio/images/qtquick-annotations.png Binary files differindex 4fc9ddff3d..114cf80ada 100644 --- a/doc/qtdesignstudio/images/qtquick-annotations.png +++ b/doc/qtdesignstudio/images/qtquick-annotations.png diff --git a/doc/qtdesignstudio/images/qtquick-assets-tab.png b/doc/qtdesignstudio/images/qtquick-assets-tab.png Binary files differindex a7e02bab9e..11c4fe54b4 100644 --- a/doc/qtdesignstudio/images/qtquick-assets-tab.png +++ b/doc/qtdesignstudio/images/qtquick-assets-tab.png diff --git a/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png b/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png Binary files differindex 61ee2fe02d..1681bd2fa3 100644 --- a/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png +++ b/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png diff --git a/doc/qtdesignstudio/images/qtquick-components-context-menu.png b/doc/qtdesignstudio/images/qtquick-components-context-menu.png Binary files differindex 0b163fd3d2..d333456149 100644 --- a/doc/qtdesignstudio/images/qtquick-components-context-menu.png +++ b/doc/qtdesignstudio/images/qtquick-components-context-menu.png diff --git a/doc/qtdesignstudio/images/qtquick-components-tab-add.png b/doc/qtdesignstudio/images/qtquick-components-tab-add.png Binary files differindex 3e3d0ccf98..e208d97203 100644 --- a/doc/qtdesignstudio/images/qtquick-components-tab-add.png +++ b/doc/qtdesignstudio/images/qtquick-components-tab-add.png diff --git a/doc/qtdesignstudio/images/qtquick-components-tab.png b/doc/qtdesignstudio/images/qtquick-components-tab.png Binary files differindex b2011c9c77..4ee36abf04 100644 --- a/doc/qtdesignstudio/images/qtquick-components-tab.png +++ b/doc/qtdesignstudio/images/qtquick-components-tab.png diff --git a/doc/qtdesignstudio/images/qtquick-custom-properties.png b/doc/qtdesignstudio/images/qtquick-custom-properties.png Binary files differindex ce9fc5d400..ea5567fa06 100644 --- a/doc/qtdesignstudio/images/qtquick-custom-properties.png +++ b/doc/qtdesignstudio/images/qtquick-custom-properties.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-button-types.png b/doc/qtdesignstudio/images/qtquick-designer-button-types.png Binary files differindex 5cb551dfd9..3d07baec39 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-button-types.png +++ b/doc/qtdesignstudio/images/qtquick-designer-button-types.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-image-type.png b/doc/qtdesignstudio/images/qtquick-designer-image-type.png Binary files differindex 0d09670693..5817e48834 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-image-type.png +++ b/doc/qtdesignstudio/images/qtquick-designer-image-type.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png b/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png Binary files differindex 4fd045bb0d..67a03eab94 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png +++ b/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png b/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png Binary files differindex 4cb28e50e2..bf089813e6 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png +++ b/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png b/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png Binary files differindex b9b8936240..f20669be4e 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png +++ b/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png b/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png Binary files differindex 291b4e9e68..891915dae8 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png +++ b/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-selector-types.png b/doc/qtdesignstudio/images/qtquick-designer-selector-types.png Binary files differindex 759eb79d81..84e9758430 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-selector-types.png +++ b/doc/qtdesignstudio/images/qtquick-designer-selector-types.png diff --git a/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png b/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png Binary files differindex 5ede90aed6..ab9756a98d 100644 --- a/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png +++ b/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png diff --git a/doc/qtdesignstudio/images/qtquick-library-context-menu.png b/doc/qtdesignstudio/images/qtquick-library-context-menu.png Binary files differindex fa9a293e37..f611ea6f1c 100644 --- a/doc/qtdesignstudio/images/qtquick-library-context-menu.png +++ b/doc/qtdesignstudio/images/qtquick-library-context-menu.png diff --git a/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png Binary files differindex b025b5fe58..2bf25d425c 100644 --- a/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png +++ b/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png diff --git a/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png Binary files differindex c027a81817..943e66b76a 100644 --- a/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png +++ b/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png diff --git a/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png Binary files differindex 4588e39a23..ec6dab0163 100644 --- a/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png +++ b/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png diff --git a/doc/qtdesignstudio/images/qtquick-text-editor.png b/doc/qtdesignstudio/images/qtquick-text-editor.png Binary files differindex 0d1acf87f0..3597860c35 100644 --- a/doc/qtdesignstudio/images/qtquick-text-editor.png +++ b/doc/qtdesignstudio/images/qtquick-text-editor.png diff --git a/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png b/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png Binary files differindex 0f3f768e14..f4b3093bbb 100644 --- a/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png +++ b/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png diff --git a/doc/qtdesignstudio/images/studio-2d-effects.png b/doc/qtdesignstudio/images/studio-2d-effects.png Binary files differindex ebf2106280..7fd69ea805 100644 --- a/doc/qtdesignstudio/images/studio-2d-effects.png +++ b/doc/qtdesignstudio/images/studio-2d-effects.png diff --git a/doc/qtdesignstudio/images/studio-3d-area-light.png b/doc/qtdesignstudio/images/studio-3d-area-light.png Binary files differdeleted file mode 100644 index 24fbfcbe33..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-area-light.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-area-light.webp b/doc/qtdesignstudio/images/studio-3d-area-light.webp Binary files differnew file mode 100644 index 0000000000..9dee95bcaf --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-area-light.webp diff --git a/doc/qtdesignstudio/images/studio-3d-directional-light.png b/doc/qtdesignstudio/images/studio-3d-directional-light.png Binary files differdeleted file mode 100644 index f739e5bba4..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-directional-light.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-directional-light.webp b/doc/qtdesignstudio/images/studio-3d-directional-light.webp Binary files differnew file mode 100644 index 0000000000..4709c8642a --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-directional-light.webp diff --git a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png Binary files differdeleted file mode 100644 index 788b498991..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp Binary files differnew file mode 100644 index 0000000000..d0a13907e5 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp diff --git a/doc/qtdesignstudio/images/studio-3d-editor-move.png b/doc/qtdesignstudio/images/studio-3d-editor-move.png Binary files differdeleted file mode 100644 index 1e8be3f865..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-editor-move.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-editor-move.webp b/doc/qtdesignstudio/images/studio-3d-editor-move.webp Binary files differnew file mode 100644 index 0000000000..d2ff9b9aac --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-editor-move.webp diff --git a/doc/qtdesignstudio/images/studio-3d-editor-rotate.png b/doc/qtdesignstudio/images/studio-3d-editor-rotate.png Binary files differdeleted file mode 100644 index b6c4ce167a..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-editor-rotate.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp b/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp Binary files differnew file mode 100644 index 0000000000..7cd8fe1bf6 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp diff --git a/doc/qtdesignstudio/images/studio-3d-editor-scale.png b/doc/qtdesignstudio/images/studio-3d-editor-scale.png Binary files differdeleted file mode 100644 index 19d4258275..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-editor-scale.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-editor-scale.webp b/doc/qtdesignstudio/images/studio-3d-editor-scale.webp Binary files differnew file mode 100644 index 0000000000..be0270d34b --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-editor-scale.webp diff --git a/doc/qtdesignstudio/images/studio-3d-editor.png b/doc/qtdesignstudio/images/studio-3d-editor.png Binary files differdeleted file mode 100644 index a62a6deb76..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-editor.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-editor.webp b/doc/qtdesignstudio/images/studio-3d-editor.webp Binary files differnew file mode 100644 index 0000000000..903ad69b25 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-editor.webp diff --git a/doc/qtdesignstudio/images/studio-3d-effects.png b/doc/qtdesignstudio/images/studio-3d-effects.png Binary files differindex e47cab97aa..485976b0f7 100644 --- a/doc/qtdesignstudio/images/studio-3d-effects.png +++ b/doc/qtdesignstudio/images/studio-3d-effects.png diff --git a/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png b/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png Binary files differindex f7bb9f8f1f..ff2593162e 100644 --- a/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png +++ b/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png diff --git a/doc/qtdesignstudio/images/studio-3d-models.png b/doc/qtdesignstudio/images/studio-3d-models.png Binary files differindex d7c0708672..de4f65d5e8 100644 --- a/doc/qtdesignstudio/images/studio-3d-models.png +++ b/doc/qtdesignstudio/images/studio-3d-models.png diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png Binary files differindex 733f61bc12..496db801e5 100644 --- a/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png +++ b/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png Binary files differindex e0f112b33b..f859f9f636 100644 --- a/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png +++ b/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png Binary files differindex 6972f27021..37a7b12ea7 100644 --- a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png +++ b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png diff --git a/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png b/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png Binary files differindex dd0ce67de4..d27331fe73 100644 --- a/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png +++ b/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png diff --git a/doc/qtdesignstudio/images/studio-3d-point-light.png b/doc/qtdesignstudio/images/studio-3d-point-light.png Binary files differdeleted file mode 100644 index a5eb5a888a..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-point-light.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-point-light.webp b/doc/qtdesignstudio/images/studio-3d-point-light.webp Binary files differnew file mode 100644 index 0000000000..e4cbfe19d7 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-point-light.webp diff --git a/doc/qtdesignstudio/images/studio-3d-spot-light.png b/doc/qtdesignstudio/images/studio-3d-spot-light.png Binary files differdeleted file mode 100644 index 7ebc673e18..0000000000 --- a/doc/qtdesignstudio/images/studio-3d-spot-light.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-3d-spot-light.webp b/doc/qtdesignstudio/images/studio-3d-spot-light.webp Binary files differnew file mode 100644 index 0000000000..347675a60e --- /dev/null +++ b/doc/qtdesignstudio/images/studio-3d-spot-light.webp diff --git a/doc/qtdesignstudio/images/studio-animation.png b/doc/qtdesignstudio/images/studio-animation.png Binary files differindex c8ef86cfa8..b08a6deed8 100644 --- a/doc/qtdesignstudio/images/studio-animation.png +++ b/doc/qtdesignstudio/images/studio-animation.png diff --git a/doc/qtdesignstudio/images/studio-connection-view-properties.png b/doc/qtdesignstudio/images/studio-connection-view-properties.png Binary files differindex 6ce6c3479f..ddfade2227 100644 --- a/doc/qtdesignstudio/images/studio-connection-view-properties.png +++ b/doc/qtdesignstudio/images/studio-connection-view-properties.png diff --git a/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png b/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png Binary files differindex b69d456182..5a20aa65c8 100644 --- a/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png +++ b/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png diff --git a/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png b/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png Binary files differindex 3b2b8b173a..71356b5020 100644 --- a/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png +++ b/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png diff --git a/doc/qtdesignstudio/images/studio-design-mode.png b/doc/qtdesignstudio/images/studio-design-mode.png Binary files differdeleted file mode 100644 index e4a03c583a..0000000000 --- a/doc/qtdesignstudio/images/studio-design-mode.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-design-mode.webp b/doc/qtdesignstudio/images/studio-design-mode.webp Binary files differnew file mode 100644 index 0000000000..c739d88f99 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-design-mode.webp diff --git a/doc/qtdesignstudio/images/studio-dial.png b/doc/qtdesignstudio/images/studio-dial.png Binary files differindex 3d7b75fa89..f6bf5d4501 100644 --- a/doc/qtdesignstudio/images/studio-dial.png +++ b/doc/qtdesignstudio/images/studio-dial.png diff --git a/doc/qtdesignstudio/images/studio-editing-3d-scenes.png b/doc/qtdesignstudio/images/studio-editing-3d-scenes.png Binary files differdeleted file mode 100644 index 8566b6171c..0000000000 --- a/doc/qtdesignstudio/images/studio-editing-3d-scenes.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-flipable.png b/doc/qtdesignstudio/images/studio-flipable.png Binary files differindex c9de7404b2..8122416239 100644 --- a/doc/qtdesignstudio/images/studio-flipable.png +++ b/doc/qtdesignstudio/images/studio-flipable.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png b/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png Binary files differindex 414cd705a6..56cd080e30 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-and.png b/doc/qtdesignstudio/images/studio-logic-helper-and.png Binary files differindex 0d32952fdd..63f2e454af 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-and.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-and.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png b/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png Binary files differindex 39ca5af0f3..596eb86068 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png Binary files differindex 06e7e4c0cd..92858fb429 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png Binary files differindex 0a21eaccd5..e6bff57d9b 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png b/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png Binary files differindex 9411437e9b..cfe4f0e50d 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-not.png b/doc/qtdesignstudio/images/studio-logic-helper-not.png Binary files differindex 05ad631b62..5966a470bb 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-not.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-not.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png b/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png Binary files differindex 2144e58f92..d91b2eebb3 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png diff --git a/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png b/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png Binary files differindex 43a240fc5b..84754a44d1 100644 --- a/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png +++ b/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png diff --git a/doc/qtdesignstudio/images/studio-navigator-view3d.png b/doc/qtdesignstudio/images/studio-navigator-view3d.png Binary files differindex 1fa65c10dc..92ce85e965 100644 --- a/doc/qtdesignstudio/images/studio-navigator-view3d.png +++ b/doc/qtdesignstudio/images/studio-navigator-view3d.png diff --git a/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png b/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png Binary files differindex 03241cea9b..a94176e971 100644 --- a/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png +++ b/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png b/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png Binary files differindex 21a34f1e1a..9f3fd2f272 100644 --- a/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png +++ b/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png b/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png Binary files differdeleted file mode 100644 index 627561fd59..0000000000 --- a/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-material.png b/doc/qtdesignstudio/images/studio-qtquick-3d-material.png Binary files differdeleted file mode 100644 index 597f47e22b..0000000000 --- a/doc/qtdesignstudio/images/studio-qtquick-3d-material.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-shapes.png b/doc/qtdesignstudio/images/studio-shapes.png Binary files differindex 9ac71d7669..b9fb24c88d 100644 --- a/doc/qtdesignstudio/images/studio-shapes.png +++ b/doc/qtdesignstudio/images/studio-shapes.png diff --git a/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.png b/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.png Binary files differdeleted file mode 100644 index 3bea1a7a6b..0000000000 --- a/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.webp b/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.webp Binary files differnew file mode 100644 index 0000000000..f8734e98de --- /dev/null +++ b/doc/qtdesignstudio/images/studio-timeline-keyframe-track-colors.webp diff --git a/doc/qtdesignstudio/images/studio-timeline-no-tracks.png b/doc/qtdesignstudio/images/studio-timeline-no-tracks.png Binary files differdeleted file mode 100644 index 85a03a00b0..0000000000 --- a/doc/qtdesignstudio/images/studio-timeline-no-tracks.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-timeline-no-tracks.webp b/doc/qtdesignstudio/images/studio-timeline-no-tracks.webp Binary files differnew file mode 100644 index 0000000000..543fa3274f --- /dev/null +++ b/doc/qtdesignstudio/images/studio-timeline-no-tracks.webp diff --git a/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.png b/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.png Binary files differdeleted file mode 100644 index d116d43e36..0000000000 --- a/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.webp b/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.webp Binary files differnew file mode 100644 index 0000000000..183a344812 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-timeline-with-empty-tracks.webp diff --git a/doc/qtdesignstudio/images/studio-timeline-with-tracks.png b/doc/qtdesignstudio/images/studio-timeline-with-tracks.png Binary files differdeleted file mode 100644 index 060db8aa2b..0000000000 --- a/doc/qtdesignstudio/images/studio-timeline-with-tracks.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-timeline-with-tracks.webp b/doc/qtdesignstudio/images/studio-timeline-with-tracks.webp Binary files differnew file mode 100644 index 0000000000..55827cc9e5 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-timeline-with-tracks.webp diff --git a/doc/qtdesignstudio/images/studio-timeline.png b/doc/qtdesignstudio/images/studio-timeline.png Binary files differdeleted file mode 100644 index 18e85ca5c1..0000000000 --- a/doc/qtdesignstudio/images/studio-timeline.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/studio-timeline.webp b/doc/qtdesignstudio/images/studio-timeline.webp Binary files differnew file mode 100644 index 0000000000..4c786bc6a8 --- /dev/null +++ b/doc/qtdesignstudio/images/studio-timeline.webp diff --git a/doc/qtdesignstudio/images/timeline-per-property-recording.png b/doc/qtdesignstudio/images/timeline-per-property-recording.png Binary files differdeleted file mode 100644 index 7daa337aa1..0000000000 --- a/doc/qtdesignstudio/images/timeline-per-property-recording.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/timeline-per-property-recording.webp b/doc/qtdesignstudio/images/timeline-per-property-recording.webp Binary files differnew file mode 100644 index 0000000000..19c705e5d7 --- /dev/null +++ b/doc/qtdesignstudio/images/timeline-per-property-recording.webp diff --git a/doc/qtdesignstudio/images/timeline-states.png b/doc/qtdesignstudio/images/timeline-states.png Binary files differdeleted file mode 100644 index 0ef1f7da95..0000000000 --- a/doc/qtdesignstudio/images/timeline-states.png +++ /dev/null diff --git a/doc/qtdesignstudio/images/timeline-states.webp b/doc/qtdesignstudio/images/timeline-states.webp Binary files differnew file mode 100644 index 0000000000..ccaabfc6dc --- /dev/null +++ b/doc/qtdesignstudio/images/timeline-states.webp diff --git a/doc/qtdesignstudio/images/toolbar-show-live-preview.png b/doc/qtdesignstudio/images/toolbar-show-live-preview.png Binary files differindex b942fcf5c1..b8741f9d41 100644 --- a/doc/qtdesignstudio/images/toolbar-show-live-preview.png +++ b/doc/qtdesignstudio/images/toolbar-show-live-preview.png diff --git a/doc/qtdesignstudio/images/web-navigation-change-file.png b/doc/qtdesignstudio/images/web-navigation-change-file.png Binary files differnew file mode 100644 index 0000000000..efa9131d3e --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-change-file.png diff --git a/doc/qtdesignstudio/images/web-navigation-column-layout.png b/doc/qtdesignstudio/images/web-navigation-column-layout.png Binary files differnew file mode 100644 index 0000000000..dde2bc1c2b --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-column-layout.png diff --git a/doc/qtdesignstudio/images/web-navigation-components-2.png b/doc/qtdesignstudio/images/web-navigation-components-2.png Binary files differnew file mode 100644 index 0000000000..d8a02960bf --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-components-2.png diff --git a/doc/qtdesignstudio/images/web-navigation-components.png b/doc/qtdesignstudio/images/web-navigation-components.png Binary files differnew file mode 100644 index 0000000000..602e0b9e4c --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-components.png diff --git a/doc/qtdesignstudio/images/web-navigation-new-file.png b/doc/qtdesignstudio/images/web-navigation-new-file.png Binary files differnew file mode 100644 index 0000000000..ff08d0c50b --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-new-file.png diff --git a/doc/qtdesignstudio/images/web-navigation-page-components.png b/doc/qtdesignstudio/images/web-navigation-page-components.png Binary files differnew file mode 100644 index 0000000000..7cfde0fa19 --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-page-components.png diff --git a/doc/qtdesignstudio/images/web-navigation-page-margins.png b/doc/qtdesignstudio/images/web-navigation-page-margins.png Binary files differnew file mode 100644 index 0000000000..b307f07e60 --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-page-margins.png diff --git a/doc/qtdesignstudio/images/web-navigation-size-binding-2.png b/doc/qtdesignstudio/images/web-navigation-size-binding-2.png Binary files differnew file mode 100644 index 0000000000..12bf6b9903 --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-size-binding-2.png diff --git a/doc/qtdesignstudio/images/web-navigation-size-binding.png b/doc/qtdesignstudio/images/web-navigation-size-binding.png Binary files differnew file mode 100644 index 0000000000..b7461581eb --- /dev/null +++ b/doc/qtdesignstudio/images/web-navigation-size-binding.png diff --git a/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc b/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc index 088e133d8b..d2a1a1760d 100644 --- a/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc +++ b/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc @@ -238,9 +238,9 @@ pressed down. \image qmldesigner-borderimage-bindings1.png "Inactive state when condition" \li Press \key {Ctrl+S} to save the button. - \li Select the \inlineimage icons/live_preview.png - (\uicontrol {Show Live Preview}) button to check how the - button behaves when you click it. You can drag the preview + \li Select the + \uicontrol {Live Preview} button on the top toolbar to see how the + button behaves when you select it. Drag the preview window borders to see what happens when you resize the component. \endlist diff --git a/doc/qtdesignstudio/src/components/qtquick-component-context-menu.qdocinc b/doc/qtdesignstudio/src/components/qtquick-component-context-menu.qdocinc index 5c48c80972..1d6b1cd08a 100644 --- a/doc/qtdesignstudio/src/components/qtquick-component-context-menu.qdocinc +++ b/doc/qtdesignstudio/src/components/qtquick-component-context-menu.qdocinc @@ -63,7 +63,7 @@ \li Go to Implementation \li \l{Using UI Files} \row - \li Go into Component + \li Edit Component \li \l{Moving Within Components} \endtable //! [context-menu] diff --git a/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc b/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc index ada17fae01..0cdced17c7 100644 --- a/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc +++ b/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc @@ -11,7 +11,7 @@ \QDS comes with \e {preset components} that you can use in your UI by creating instances of them. - \image qmldesigner-editing-components.png "Creating Component Instances" + \image qmldesigner-editing-components.webp "Creating Component Instances" To create component instances and edit their properties: diff --git a/doc/qtdesignstudio/src/components/qtquick-components-custom.qdoc b/doc/qtdesignstudio/src/components/qtquick-components-custom.qdoc index 923428779b..7d394de29e 100644 --- a/doc/qtdesignstudio/src/components/qtquick-components-custom.qdoc +++ b/doc/qtdesignstudio/src/components/qtquick-components-custom.qdoc @@ -90,7 +90,7 @@ component instances into custom components by moving them into separate component files (.ui.qml). Right-click a component instance in \uicontrol Navigator or the \uicontrol {2D} view, and select - \uicontrol {Move Component into Separate File} in the context menu. + \uicontrol {Create Component} in the context menu. \image qtcreator-move-component-into-separate-file.png diff --git a/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc b/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc index 5ea37b040c..a71831fdd1 100644 --- a/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc +++ b/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc @@ -407,12 +407,6 @@ \uicontrol {Stack Layout}, select the components in the \l {2D} view, and then select \uicontrol Layout in the context menu. - You can also click the \inlineimage column.png - (\uicontrol {Column Layout}), \inlineimage row.png - (\uicontrol {Row Layout}), and \inlineimage grid.png - (\uicontrol {Grid Layout}) toolbar buttons to apply - layouts to the selected components. - To make a component within a layout as wide as possible while respecting the given constraints, select the component in the \uicontrol {2D} view, and then select \uicontrol Layout > \uicontrol {Fill Width} in the context menu. diff --git a/doc/qtdesignstudio/src/overviews/qt-design-viewer-navigation.qdoc b/doc/qtdesignstudio/src/overviews/qt-design-viewer-navigation.qdoc new file mode 100644 index 0000000000..567650a137 --- /dev/null +++ b/doc/qtdesignstudio/src/overviews/qt-design-viewer-navigation.qdoc @@ -0,0 +1,289 @@ +// Copyright (C) 2023 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only + +/*! + + \page design-viewer-single-page-navigation.html + \previouspage qt-design-viewer.html + \nextpage studio-exporting-and-importing.html + + + \title Creating a Single Page Navigation Web Application + + This example explains how you can create a single page navigation web + application suitable to run in Qt Design Viewer. In this project, + you create the structure and navigation for the web application. + + \section1 Setting up the Project + + To set up the project: + \list 1 + \li + In \QDS, create a new project where you set: + \list + \li \uicontrol Preset to \uicontrol Desktop > \uicontrol Launcher. + \li \uicontrol Resolution to 1024 x 768. + \li \uicontrol {Target Version} to 6.2. + \endlist + \li In \uicontrol Navigator: + \list + \li Select and delete \e Text. + \li Select \e Rectangle and in \uicontrol Properties, set + \uicontrol {Fill color} to #ffffff. + \endlist + \endlist + + \section1 Adding Components + + Next, add the needed components to create the structure for your web + application. + + Add the \uicontrol {QtQuick Layouts} module: + \list 1 + \li In \uicontrol Components, select + \inlineimage icons/plus.png + \li Select \uicontrol {QtQuick.Layouts}. + \endlist + + To add the structure for the web application, + drag and drop the following components from \uicontrol Components + to \e rectangle in \uicontrol Navigator. + \list + \li \uicontrol Rectangle + \list + \li \uicontrol Rectangle + \list + \li \uicontrol Row + \list + \li \uicontrol Button + \li \uicontrol Button + \li \uicontrol Button + \endlist + \endlist + \li \uicontrol Flickable + \list + \li \uicontrol ColumnLayout + \endlist + \endlist + + \endlist + + \image web-navigation-components.png + + \section1 Creating the Pages + + Next, create the separate pages for your web application. In this example, + you create pages for \e Home, \e {About Us}, and \e {Contact Us}. + + You create each page as a separate component and then add it to the main + application. + + To create the first page: + + \list 1 + \li Go to \uicontrol File > \uicontrol {New File}. + \li On the \uicontrol {Qt Quick Files} tab, + select \uicontrol {Qt Quick File}. + \li Select \uicontrol {Choose} and enter a name, for example, \e Page1. + \li Set \uicontrol {Root Item} to \e Rectangle. + \endlist + + \image web-navigation-new-file.png + + When you have created the new page, select \e rectangle in + \uicontrol Navigator, and in the \uicontrol Properties view: + \list + \li Set \uicontrol Size > \uicontrol H to 1024. + \li Next to \uicontrol Size > \uicontrol W, select + \inlineimage icons/action-icon.png + and select \uicontrol Reset. + \endlist + + Next, create a header for the page: + \list 1 + \li From \uicontrol Components, drag a \uicontrol Text component + to \e Rectangle in \uicontrol Navigator. + \li In \uicontrol Properties, go to the \uicontrol Text tab and set: + \list + \li \uicontrol Text to \e Welcome. + \li \uicontrol {Style Name} to Bold. + \li \uicontrol Size to 32 px. + \endlist + \li On the \uicontrol Layout tab set the anchors and margins to: + \list + \li Top, 100 + \li Left, 50 + \endlist + \image web-navigation-page-margins.png + \endlist + +Now, with the first page done, create two more pages in the same way. For these +pages, set the text to \e {About Us} and \e {Contact Us} respectively. + +You can change the file that you are working on from the drop-down menu in the +toolbar. Now, select \e Screen01.ui.qml from this menu to go back to your +main page. + +\image web-navigation-change-file.png + +You can see the pages you created under \uicontrol {My Components} in the +\uicontrol Components view. To edit a component, right-click it in +\uicontrol Components and select \uicontrol {Edit Component} + +\image web-navigation-page-components.png + +\section1 Organizing the Pages + +To organize the pages vertically: + +\list 1 + \li From \uicontrol Components, drag each of the pages to + \e columnLayout in \uicontrol Navigator. + \image web-navigation-components-2.png + \li Select \e columnLayout in Navigator and in \uicontrol Properties: + \list + \li Next to \uicontrol Size > \uicontrol W and \uicontrol Size > + \uicontrol H, select \inlineimage icons/action-icon.png + and select \uicontrol Reset. + \li Set \uicontrol {Column Spacing} to 0. + \endlist + \li Select \e flickable in \uicontrol Navigator, and in \uicontrol Properties: + \list + \li Next to \uicontrol Size > \uicontrol W and \uicontrol Size > + \uicontrol H, select \inlineimage icons/action-icon.png + and select \uicontrol Reset. + \li Set \uicontrol {Content size} > \uicontrol H to 3072. + \li On the \uicontrol Layout tab, select + \uicontrol {Fill parent component}. + \endlist +\endlist + +You must also create a scrollbar to scroll the web application. You create +vertical and horizontal scrollbars that are visible only when the content +doesn't fit in the window, similar to web browser scrollbars. + +To create the scrollbar, go to the \uicontrol Code view and enter the scrollbar +code inside the \e Flickable component: +\code + Flickable { + id: flickable + anchors.fill: parent + contentHeight: 3072 + ScrollBar.vertical: ScrollBar { + policy: flickable.contentHeight > flickable.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff + width: 20 + } + ScrollBar.horizontal: ScrollBar { + policy: flickable.contentWidth > flickable.width ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff + height: 20 + } + ... +\endcode + +To align the scrollbar to the right and bottom side of the window, set the height and width of the +main rectangle so that it adapts to the window size. + +\list 1 + \li In \uicontrol Navigator, select \e Rectangle. + \li In \uicontrol Properties, select + \inlineimage icons/action-icon-binding.png + next to \uicontrol Width and select \uicontrol {Set Binding}. + \li Enter \c {Window.width} + \image web-navigation-size-binding.png + \li Repeat step 2 and 3 for \uicontrol Height and set the value to + \c {Window.height}. +\endlist + +\section1 Creating the Navigation + +The final step is to create the navigation for the web page. To do this, use the buttons +that you created earlier. + +First, create an animation to use when scrolling between the different pages: + +\list 1 + \li From \uicontrol Components, drag a \uicontrol {Number Animation} to + \e Rectangle in \uicontrol Navigator. + \li In \uicontrol Properties, set: + \list + \li \uicontrol Target to \e flickable. + \li \uicontrol Property to \e contentY. + \li \uicontrol Duration to \e 200. + \endlist +\endlist + +Next, connect the buttons to the number animation to scroll the content +vertically to the correct place. + +\list 1 + \li In \uicontrol Navigator, select \e rectangle and in \uicontrol Properties + set: + \list + \li \uicontrol Height to 40. + \li \uicontrol {Fill color} to #e0e0e0. + \li \uicontrol {Z stack} to 1. + \endlist + \li Select \inlineimage icons/action-icon-binding.png + next to \uicontrol Width and select \uicontrol {Set Binding}. + \li Enter \c {parent.width}. + \image web-navigation-size-binding-2.png + \li In \uicontrol Navigator: + \list 1 + \li Select \e Button and on the \uicontrol Button tab in \uicontrol Properties, + set \uicontrol Text to \e {Home}. + \li Select \e Button1 and on the \uicontrol Button tab in \uicontrol Properties, + set \uicontrol Name to \e {About Us}. + \li Select \e Button2 and on the \uicontrol Button tab in \uicontrol Properties, + set \uicontrol Name to \e {Contact Us}. + \endlist + \li In \uicontrol Code, enter \e connections for each of the buttons to run + the number animation when pressed. + \code + Button { + id: button + text: qsTr("Home") + Connections { + target: button + + onPressed: { + numberAnimation.to = 0 + numberAnimation.start() + } + } + } + + Button { + id: button1 + text: qsTr("About Us") + Connections { + target: button1 + + onPressed: { + numberAnimation.to = 1024 + numberAnimation.start() + } + } + } + + Button { + id: button2 + text: qsTr("Contact Us") + Connections { + target: button2 + + onPressed: { + numberAnimation.to = 2048 + numberAnimation.start() + } + } + } + \endcode +\endlist + +\section1 Previewing the application + +To preview your application in the live preview, select \key Alt + \key P. You +can also go to \uicontrol File > \uicontrol {Share Application Online} to +share and preview your application in a web browser. + +*/ diff --git a/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc b/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc index 069ad71f27..1120bc6106 100644 --- a/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc +++ b/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc @@ -4,7 +4,7 @@ /*! \page qt-design-viewer.html \previouspage creator-live-preview-android.html - \nextpage studio-exporting-and-importing.html + \nextpage design-viewer-single-page-navigation.html \title Sharing Applications Online @@ -44,4 +44,8 @@ applications. \image share-online-manage.webp + + \section1 Best Practices + + \l {Creating a Single Page Navigation Web Application} */ diff --git a/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc b/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc index fa268b530d..d5f19de7a4 100644 --- a/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc +++ b/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc @@ -21,8 +21,8 @@ An annotation consist of an annotation name and one or several comments. The comments have a title, author, and comment text. - To add or edit global annotations, select \inlineimage icons/annotation.png - on the top menu bar in the Design mode. + To add or edit global annotations, right-click in the \uicontrol 2D or + \uicontrol Navigator view and select \uicontrol {Edit Annotations}. Global annotations have an additional status property, which enables you to indicate whether you are still working on the design, you have submitted diff --git a/doc/qtdesignstudio/src/prototyping/qtquick-live-preview-android.qdoc b/doc/qtdesignstudio/src/prototyping/qtquick-live-preview-android.qdoc index ec7243d004..c4cdec1ea5 100644 --- a/doc/qtdesignstudio/src/prototyping/qtquick-live-preview-android.qdoc +++ b/doc/qtdesignstudio/src/prototyping/qtquick-live-preview-android.qdoc @@ -150,13 +150,14 @@ Next, to run the emulator, do one of the following: \list - \li Select \uicontrol{Show Live Preview} in the the \uicontrol {2D} view toolbar. + \li Select \uicontrol{Live Preview} in the top toolbar. \image toolbar-show-live-preview.png \li Select \uicontrol Build > \uicontrol{QML Preview}. \note The \uicontrol Build menu option is not visible by default. To show it, go to \uicontrol Edit > \uicontrol Preferences > \uicontrol Environment > \uicontrol {Qt Design Studio Configuration}. \image menu-build-qml-preview.png + \li Select \key Alt + \key P. \endlist Now the emulator runs, the qtdesignviewer APK delivered with the \QDS installation diff --git a/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-template.qdoc b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-template.qdoc new file mode 100644 index 0000000000..29b161562d --- /dev/null +++ b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-template.qdoc @@ -0,0 +1,87 @@ +// Copyright (C) 2023 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only + +/*! + \previouspage qtbridge-figma-using.html + \page qtbridge-figma-template.html + \nextpage exporting-3d-assets.html + + \title Using Figma Quick Control Template Components in \QDS + + You can design with the template components created by \QDS in Figma + and import them to \QDS with \QBF. These template components are structured + specifically for Figma. When you design in Figma using them, and import the design with + \QBF, they generate functional QML components for \QDS. So, you can edit components both in + \QDS and Figma. + + \section1 Using Figma Template Components + + You should have these prerequisites available: + \list + \li A Figma professional account. + \li \QDS Enterprise license. + \li \QDS 3.9 or above. + + \note You can try out the template features with a Figma starter account as well. However, + if you want to publish template assets in Figma, you need a Figma professional account + for that. + \endlist + + \section2 Creating Figma Design with Template Components + + \list 1 + \li Sign in to Figma. + \li Go to the Template provided by \QDS team + \externallink {https://www.figma.com/community/file/1185200043286168239}{here}. + \li Select \uicontrol {Get a copy} and then your account to have a copy + on your Figma workspace. + + \note From the \uicontrol {Layers} tab you can find pages of contents. Here, + select \uicontrol {Introduction} to access all the knowledge about the + templates workflow and key concepts. + \li There are templates for individual components in separate pages. + Select the page you want to work on from template and copy + all of its contents. + \li Create a new Figma design file. In Figma, select \uicontrol Menu + > \uicontrol File > \uicontrol {New design file}. + \li Paste the copied content to this file and save. + Here, do all the modification you need using Figma tools. + \li Next, publish this template assets. In Figma, select \uicontrol Menu + > \uicontrol Libraries. Then select \uicontrol Publish. You don't need to + publish the template itself, just publish the components. You can clear + \uicontrol Template from the \uicontrol {Changes} section to have it removed from + publishing assets. + \li Create another new project, where you would use this published component. + Or, you can use this component in one of your existing projects in Figma. + + \note In Figma, select \uicontrol Menu > \uicontrol Libraries to find the + published components. You can find these components under \uicontrol {Your teams}. + Toggle them active to use in a project. + \endlist + + \section2 Importing the Figma Design to \QDS with \QBF + + \list 1 + \li In Figma, do one of the following: + \list + \li Select \uicontrol Menu > \uicontrol Plugins > \uicontrol {Qt Bridge for Figma}. + \li Select \uicontrol Resources \e(Shift + I) > \uicontrol {Qt Bridge for Figma} + > \uicontrol Run. + \endlist + \li Save the file to your local system. + \li Import the \QBF file to a project in \QDS. You can drag the file to project. + Then, select \uicontrol Import, and wait until the process is finished. + \li Drag the imported \QBF file to the \QDS open project. Select \uicontrol Import, and + wait until the process is finished. + \li You can find the imported design as QML files in \QDS. Figma + assets are also imported as components in \QDS. You can manipulate + \uicontrol states or \uicontrol properties natively. + + \note You can also edit the design in Figma and bring it again to \QDS using \QBF. + However, you need to name this imported file exactly same as before. Then import it to + the project in \QDS to have it synchronized. \QDS lets you have the + updates you have made locally on top of the imported component updates. + \endlist + + +*/ diff --git a/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc index 8a00c8833c..1af2351e7d 100644 --- a/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc +++ b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc @@ -4,7 +4,7 @@ /*! \previouspage qtbridge-figma-setup.html \page qtbridge-figma-using.html - \nextpage exporting-3d-assets.html + \nextpage qtbridge-figma-template.html \title Using \QBF diff --git a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc index 5514acd2f2..05906cba86 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc @@ -282,9 +282,9 @@ and transition line. \endlist - To preview the flow, select the \inlineimage icons/live_preview.png - (\uicontrol {Show Live Preview}) button on the Design mode - \l{Summary of Main Toolbar Actions}{toolbar} or press \key {Alt+P}. + To preview the flow, select the + \uicontrol {Live Preview} button on the top toolbar or press \key Alt + + \key P. \section1 Common Properties @@ -485,9 +485,8 @@ To create an event list: \list 1 - \li Select the \inlineimage icons/edit.png - (\uicontrol {Show Event List}) button on the Design mode - \l{Summary of Main Toolbar Actions}{toolbar}, or press \key {Alt+E}. + \li Right-click in the \uicontrol 2D or \uicontrol Navigator view and select + \uicontrol {Event List} > \uicontrol {Show Event List}. \li In the \uicontrol {Event List} dialog, select \inlineimage icons/plus.png to add a keyboard shortcut for triggering an event to the list. \image studio-flow-event-list.png "Event List dialog" diff --git a/doc/qtdesignstudio/src/qtdesignstudio-effect-maker-files.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-effect-maker-files.qdoc index e00bb35486..06b3ea1590 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-effect-maker-files.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-effect-maker-files.qdoc @@ -34,36 +34,20 @@ \section1 Creating an Effect File - You can create empty Qt Quick Effect Maker effect (.qep) files in \QDS and + You can create Qt Quick Effect Maker effect (.qep) files in \QDS and then edit them in Qt Quick Effect Maker. To create an effect file: \list 1 - \li In \QDS, go to \uicontrol File > \uicontrol {New File}. - \li Go to the \uicontrol Effects tab and select - \uicontrol {Effect file (Effect Maker)}. - \image new-effect-file.png - \li Select \uicontrol Choose and follow the wizard to create the file. - \endlist - - After you have created the effect file, it is available in the - \uicontrol Assets view. - - \image assets-view-effect.png - - \section2 Editing and Re-importing an Effect File - - To edit an effect file in Qt Quick Effect Maker, double-click it in - the \uicontrol Assets view. This opens the effect in Qt Quick Effect - Maker where you can make your changes. - - When you have edited the effect file in Qt Quick Effect Maker, you need - to save and export it: - \list 1 + \li In \QDS, right-click in the \uicontrol Assets view and + select \uicontrol {New Effect}. + \QDS creates an effect file and opens it in Qt Quick Effect Maker. + \image qt-quick-effect-maker.webp + \li Edit the effect. \li In Qt Quick Effect Maker, go to \uicontrol File > \uicontrol Save. \li Select \uicontrol File > \uicontrol Export. - \li With the default settings, select \uicontrol Ok. + \li With the default settings, select \uicontrol OK. \image effect-maker-export.png \endlist @@ -73,7 +57,8 @@ \section1 Applying an Effect You can apply effects to components in \QDS. To do so, drag the effect - from the \uicontrol Assets view to the component in the \uicontrol 2D view. + from the \uicontrol Assets view to the component in the \uicontrol 2D or + \uicontrol Navigator view. \image apply-effect-maker-effect.webp diff --git a/doc/qtdesignstudio/src/qtdesignstudio-exporting-and-importing.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-exporting-and-importing.qdoc index 38c6cf5695..c5f9ef4276 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-exporting-and-importing.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-exporting-and-importing.qdoc @@ -2,7 +2,7 @@ // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only /*! - \previouspage qt-design-viewer.html + \previouspage design-viewer-single-page-navigation.html \page studio-exporting-and-importing.html \nextpage qtbridge-overview.html diff --git a/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc index d9be56eacd..ffb23d35f2 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc @@ -183,7 +183,7 @@ \li Wizard Template \li Purpose \row - \li {1,4} Qt Quick Files + \li {1,5} Qt Quick Files \li Flow Item and Flow View \li Generate components that you can use to design the \l{Designing Application Flows}{application flow}. @@ -203,6 +203,10 @@ \li Generates a Grid View or a List View. For more information, see \l{List and Grid Views}. \row + \li Qt Quick UI Form + \li Creates a UI file along with a matching QML file for + implementation purposes. + \row \li {1,9} Qt Quick Controls \li Custom Button \li Creates a \l {Button}{push button} with a text label. @@ -225,7 +229,7 @@ \li \l Pane \li Provides a background that matches the UI style and theme. \row - \li StackView + \li Stacked Layout \li Provides a stack-based navigation model. \row \li SwipeView diff --git a/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc index 77c63d5fe1..6bad9919d5 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc @@ -23,7 +23,7 @@ \section1 The Qt Blockset for Simulink - Install the Simulink \l {https://git.qt.io/qt-design-studio/simulink-plugin-dependencies} + Install the Simulink \l {https://git.qt.io/design-studio/simulink/simulink-plugin-dependencies} {Qt Blockset} to your computer in order to connect a Simulink model to your application. The Qt Blockset installer adds the Simulink blocks needed to establish connectivity to your application. After installation, the diff --git a/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc index dd5c1609b1..4859c20488 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc @@ -149,7 +149,7 @@ \uicontrol Help for reading documentation. The other modes are mostly needed for application development. - \image studio-design-mode.png "Design mode" + \image studio-design-mode.webp "Design mode" Read more about modes: diff --git a/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc index 68769528e8..89a93a4d43 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc @@ -134,6 +134,9 @@ \li \l{Previewing on Devices} \li \l{Previewing Android Applications} \li \l{Sharing Applications Online} + \list + \li \l{Creating a Single Page Navigation Web Application} + \endlist \endlist \li \l {Asset Creation with Other Tools} \list @@ -159,6 +162,7 @@ \list \li \l{Setting Up Qt Bridge for Figma} \li \l{Using Qt Bridge for Figma} + \li \l{Using Figma Quick Control Template in Qt Design Studio} \endlist \endlist \li \l {Exporting 3D Assets} diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-3d-assets.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-3d-assets.qdoc index 2910cf2a9b..e861133efd 100644 --- a/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-3d-assets.qdoc +++ b/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-3d-assets.qdoc @@ -5,7 +5,7 @@ /*! \page exporting-3d-assets.html \if defined(qtdesignstudio) - \previouspage figmaqtbridge.html + \previouspage qtbridge-figma-template.html \else \previouspage quick-states.html \endif diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc index 810692e89b..1f69fe95cd 100644 --- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc +++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc @@ -62,7 +62,7 @@ select the \inlineimage icons/reset.png (\uicontrol {Reset View}) button. - \image studio-3d-editor.png "The 3D view" + \image studio-3d-editor.webp "The 3D view" The following video illustrates navigating in the \uicontrol{3D} view and using the toolbar: @@ -104,7 +104,7 @@ selected, the camera is pointed at the world origin. This does not affect the camera zoom level. - \image studio-3d-editor-axis-helper.png "Axis helper in the 3D view" + \image studio-3d-editor-axis-helper.webp "Axis helper in the 3D view" You can use scene cameras (2) to view the \uicontrol View3D component from a specific angle in the \l {2D} view while editing scenes. Different types of @@ -116,8 +116,7 @@ \section1 Using Global and Local Orientation To switch between local and global orientation, select - \inlineimage local.png - or \inlineimage global.png + \inlineimage global.png (\uicontrol {Toggle Local/Global Orientation}) or press \key Y. @@ -170,13 +169,13 @@ \target moving components 3d view \section1 Moving Components - \image studio-3d-editor-move.png "The 3D view in move mode" + \image studio-3d-editor-move.webp "The 3D view in move mode" You can move components in relation to their coordinate system, along the x, y, or z axis or on the top, bottom, left, and right clip planes of the the \uicontrol{3D} view. - To move components, select \inlineimage move_on.png + To move components, select \inlineimage move_off.png or press \key W: \list @@ -190,9 +189,9 @@ \section1 Rotating Components - \image studio-3d-editor-rotate.png "The 3D view in rotate mode" + \image studio-3d-editor-rotate.webp "The 3D view in rotate mode" - To rotate components, select \inlineimage rotate_on.png + To rotate components, select \inlineimage rotate_off.png or press \key E: \list @@ -204,13 +203,13 @@ \section1 Scaling Components - \image studio-3d-editor-scale.png "The 3D view in scale mode" + \image studio-3d-editor-scale.webp "The 3D view in scale mode" You can use the scale handles to adjust the local x, y, or z scale of a component. You can adjust the scale across one, two, or three axes, depending on the handle. - To scale components, select \inlineimage scale_on.png + To scale components, select \inlineimage scale_off.png or press \key R: \list @@ -330,49 +329,45 @@ \li Keyboard Shortcut \li Read More \row - \li \inlineimage select_group.png - \inlineimage select_item.png + \li \inlineimage icons/select_group.png + \inlineimage icons/select_item.png \li Toggle Group/Single Selection Mode \li \key Q \li \l{Selecting Components} \row - \li \inlineimage move_off.png - \inlineimage move_on.png + \li \inlineimage icons/move_off.png \li Activate the Move Tool \li \key W \li \l{moving components 3d view}{Moving Components} \row - \li \inlineimage rotate_off.png - \inlineimage rotate_on.png + \li \inlineimage icons/rotate_off.png \li Activate Rotate Tool \li \key E \li \l{Rotating Components} \row - \li \inlineimage scale_off.png - \inlineimage scale_on.png + \li \inlineimage icons/scale_off.png \li Activate Scale Tool \li \key R \li \l{Scaling Components} \row - \li \inlineimage fit_selected.png + \li \inlineimage icons/fit_selected.png \li Fit Selected Object to View \li \key F \li \l{Controlling the 3D View Camera} \row - \li \inlineimage perspective_camera.png - \inlineimage orthographic_camera.png + \li \inlineimage icons/perspective_camera.png + \inlineimage icons/orthographic_camera.png \li Toggle Perspective/Orthographic Edit Camera \li \key T \li \l{Controlling the 3D View Camera} \row - \li \inlineimage global.png - \inlineimage local.png + \li \inlineimage icons/global.png \li Toggle Global/Local Orientation \li \key Y \li \l{Using Global and Local Orientation} \row - \li \inlineimage edit_light_off.png - \inlineimage edit_light_on.png + \li \inlineimage icons/edit_light_off.png + \inlineimage icons/edit_light_on.png \li Toggle Edit Light On/Off \li \key U \li \l{Using Edit Light} @@ -403,7 +398,6 @@ \li \l{Particle Editor} \row \li \inlineimage icons/particle-animation-on.png - \inlineimage icons/particle-animation-off.png \li Toggle Particle Animation \li \key V \li \l{Particle Editor} diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc index 6d1fbc5bd1..47e39f3211 100644 --- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc +++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc @@ -93,7 +93,7 @@ Use the \uicontrol Brightness handle of the light gizmo (1) to adjust the \uicontrol Brightness property of any of the light components. - \image studio-3d-directional-light.png "Models lit by a directional light." + \image studio-3d-directional-light.webp "Models lit by a directional light." If the \uicontrol {Casts shadow} property is enabled, shadows are positioned parallel to the light direction. A directional light has infinite range and @@ -118,7 +118,7 @@ strength in all directions from the center of the light. This is similar to the way a light bulb emits light. - \image studio-3d-point-light.png "Models lit by a point light." + \image studio-3d-point-light.webp "Models lit by a point light." Lighting is applied outwards from the center of a point light, becoming increasingly dim away from the center. Moving a point light changes the @@ -158,7 +158,7 @@ \uicontrol {Inner cone angle} (4), and \uicontrol {Quadratic fade} (5) properties. - \image studio-3d-spot-light.png "A model lit by a spot light." + \image studio-3d-spot-light.webp "A model lit by a spot light." Inside the inner cone angle, the spot light behaves similarly to the point light. There the light intensity diminishes according to inverse-square-law. @@ -176,7 +176,7 @@ gizmo or the \uicontrol Properties view to set the \uicontrol Width (6) and \uicontrol Height (7) properties to determine the size of the area light. - \image studio-3d-area-light.png "A model lit by two area lights." + \image studio-3d-area-light.webp "A model lit by two area lights." Aside from the size, an area light has the same properties as a directional light. diff --git a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc index d7af982392..a324c6f562 100644 --- a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc @@ -23,7 +23,7 @@ \uicontrol View > \uicontrol Views. The following images present the views that you are likely to use most often while designing UIs. - \image studio-design-mode.png "Design views" + \image studio-design-mode.webp "Design views" \image studio-design-mode-states-timeline.png "The States and Timeline views" You can move the views anywhere on the screen and save them as @@ -150,6 +150,33 @@ \li Action \li Keyboard Shortcut \li Read More + + \if defined(qtdesignstudio) + \row + \li \inlineimage icons/home.png + \li \uicontrol {Home}: opens the welcome page. + \li + \li + \row + \li \inlineimage icons/start_playback.png + \li \uicontrol {Play}: runs the application. + \li + \li + \row + \li \uicontrol {Live Preview} + \li Shows a preview of the current file or the entire UI. The changes you + make to the UI are instantly visible to you in the preview. + \li \key Alt+P (\key Opt+P on \macos) + \li \l{Validating with Target Hardware} + \endif + + \row + \li Currently open file + \li Displays the location and filename of the currently open file. You + can select another file in the list of open files to view it in + the \uicontrol {2D} and \uicontrol Navigator views. + \li + \li \l{Open Documents} \row \li \inlineimage icons/prev.png \li \uicontrol {Go Back}: moves a step backwards in your location history. @@ -163,130 +190,20 @@ \li \key Alt+> (\key Opt+Cmd+> on \macos) \li \l{Navigating Between Open Files and Symbols} \row - \li \inlineimage icons/unlocked.png - \li File is writable: the currently open file can be modified and saved. - \li - \li \l{Open Documents} - \row - \li File type icon - \li Indicates the type of the currently open file. Design views cannot - be split, so the icon cannot be dragged, contrary to the tooltip. - \li - \li \l{Open Documents} - \row - \li Currently open file - \li Displays the location and filename of the currently open file. You - can select another file in the list of open files to view it in - the \uicontrol {2D} and \uicontrol Navigator views. - \li - \li \l{Open Documents} - \row \li \inlineimage icons/close.png \li \uicontrol {Close Document}: closes the current file. \li \key Ctrl+W (\key Cmd+W on \macos) \li \row - \li \inlineimage icons/live_preview.png - \li \uicontrol {Show Live Preview} shows a preview of the current file - or the entire UI. The changes you make to the UI are instantly - visible to you in the preview. - \li \key Alt+P (\key Opt+P on \macos) - \li \l{Validating with Target Hardware} - \row - \li Preview size - \li Displays the size of the preview dialog as a percentage. You can - select another percentage in the list to view the UI in different - sizes. - \li - \li \l{Previewing on Desktop} - \row - \li FPS - \li Displays the frames-per-second (FPS) refresh rate of previewed - animations. - \li - \li \l{Previewing on Desktop} - \row - \li Preview language - \li Displays the language used for a localized application during - preview. You can select another language in the list of languages - that the application has been localized to. - \li - \li - \row - \li \inlineimage icons/qtcreator-reset-position-icon.png - \li Returns a component to its \e {implicit position} after - being moved. - \li \key Ctrl+D (\key Cmd+D on \macos) - \li \l{Resetting Component Position and Size} - \row - \li \inlineimage icons/qtcreator-reset-size-icon.png - \li Returns a component to its implicit size after it was scaled. - \li \key Shift+S - \li \l{Resetting Component Position and Size} - \row - \li \inlineimage icons/anchor-fill.png - \li Fills the selected component to its parent component. - \li \key Shift+F - \li \l{Setting Anchors and Margins} - \row - \li \inlineimage icons/qtcreator-anchors-reset-icon.png - \li Resets anchors to their saved state for the selected component. - \li \key Ctrl+Shift+R (\key Shift+Cmd+R on \macos) - \li \l{Setting Anchors and Margins} - \row - \li \inlineimage icons/copy-formatting.png - \li Copies property values from the selected component. - \li - \li \l{Copying and Pasting Formatting} - \row - \li \inlineimage icons/paste-formatting.png - \li Applies copied property values to one or several selected - components. + \li \inlineimage icons/create_component.png + \li Creates a custom component from the selected item. \li - \li \l{Copying and Pasting Formatting} - \row - \li \inlineimage row.png - \li Uses a \uicontrol Row component to lay out the selected components. - \li \key Ctrl+U (\key Cmd+U on \macos) - \li \l{Using Layouts} - \row - \li \inlineimage column.png - \li Uses a \uicontrol Column component to lay out the selected - components. - \li \key Ctrl+L (\key Cmd+L on \macos) - \li \l{Using Layouts} - \row - \li \inlineimage grid.png - \li Uses a \uicontrol Grid component to lay out the selected - components. - \li \key Shift+G - \li \l{Using Layouts} - \if defined(qtdesignstudio) + \li \l{Creating Custom Components} \row - \li \inlineimage icons/edit.png - \li \uicontrol {Show Event List}: opens a dialog for viewing and - creating an event list for an application flow. - \li \key Alt+E (\key Opt+E on \macos) - \li \l{Simulating Events} - \row - \li \inlineimage icons/assign.png - \li \uicontrol {Assign Events to Actions}: assigns events to actions in - an application flow. - \li \key Alt+A (\key Opt+A on \macos) - \li \l{Simulating Events} - \endif - \row - \li Styling - \li Displays the UI style used for UI controls. + \li \inlineimage icons/edit_component.png + \li Edits the selected custom component. \li - \li \l{Styling Controls} - \row - \li Subcomponents - \li Displays the components referred to in the current file. Select a - component in the list to open it in the \uicontrol {2D} and - \uicontrol Navigator views. - \li - \li \l{Using Components} + \li \l{Creating Custom Components} \row \li Workspace \li Displays the currently selected workspace. To switch to another @@ -294,9 +211,9 @@ \li \li \l{Managing Workspaces} \row - \li \inlineimage icons/annotation.png - \li Enables you to add or edit global annotations. + \li \uicontrol Share + \li Shares the application online using Qt Design Viewer. \li - \li \l{Annotating Designs} + \li \l{Sharing Applications Online} \endtable */ diff --git a/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc b/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc index 64305f3e82..fc6d8c0223 100644 --- a/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc @@ -36,24 +36,6 @@ \li Tooltip \li Read More \row - \li \inlineimage icons/no_snapping.png - \li Disables snapping. - \li \l{Snapping to Parent and Sibling Components} - \row - \li \inlineimage icons/snapping_and_anchoring.png - \li Anchors the component instance to the component instances that it - is snapped to. - \li \l{Snapping to Parent and Sibling Components} - \row - \li \inlineimage icons/snapping.png - \li Snaps component instances to their parent or siblings when you - align them. - \li \l{Snapping to Parent and Sibling Components} - \row - \li \inlineimage icons/boundingrect.png - \li Hides and shows component instance boundaries. - \li \l{Hiding Component Boundaries} - \row \li \uicontrol {Override Width} \li Shows a preview of the component using the specified width. \li \l{Previewing Component Size} @@ -149,13 +131,16 @@ \section1 Snapping to Parent and Sibling Components You can use snapping to align component instances in - the \uicontrol {2D} view. Select the \inlineimage icons/snapping.png - button to have the component instances snap to their parent or siblings. + the \uicontrol {2D} view. With snapping turned on, all component instances + snap to their parent and siblings. If you use snapping with anchors, anchors are created + when you snap a component to another. + + To turn on snapping, right-click in the \uicontrol 2D view and select + \uicontrol Snapping > \uicontrol {Snap with Anchors} or + \uicontrol {Snap without Anchors}. + Snapping lines automatically appear to help you position the component - instances. Click the \inlineimage icons/snapping_and_anchoring.png - button to anchor the selected component instance to those that you snap to. - Only one snapping button can be selected at the time. Selecting - one snapping button automatically deselects the others. + instances. Choose \uicontrol Edit > \uicontrol Preferences > \uicontrol {Qt Quick} > \uicontrol {Qt Quick Designer} to specify settings for snapping. In the @@ -177,8 +162,8 @@ \section1 Hiding Component Boundaries The \uicontrol {2D} view displays the boundaries of component instances. - To hide them, select the \inlineimage icons/boundingrect.png - button. + To hide them, right-click in the \uicontrol 2D view and select + \uicontrol {Show Bounds} from the context menu. \section1 Previewing Component Size diff --git a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc index 0c322c750d..f0cd1fe235 100644 --- a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc @@ -26,7 +26,7 @@ fit inside the parent component. For example, you might want to make a mouse area larger than the rectangle or image beneath it. - \image qmldesigner-element-size.png "Mouse area for a button" + \image qmldesigner-element-size.webp "Mouse area for a button" When you copy a component, all its child components are also copied. When you remove a component, the child components are also removed. @@ -90,7 +90,7 @@ To change the visibility of a component in the application code, select the \uicontrol Visibility check box in the \uicontrol Properties view or select - \uicontrol Edit > \uicontrol Visibility in the context menu. + \uicontrol Visibility in the context menu. You can also set the \uicontrol Opacity field to 0 in \uicontrol Properties to hide components in the UI that you want to apply animation to. @@ -224,7 +224,7 @@ \list \li In the \uicontrol {2D} or \uicontrol Navigator view, right-click an instance of a component and then select - \uicontrol {Go into Component} in the context menu or + \uicontrol {Edit Component} in the context menu or press \key F2. \li In \uicontrol Properties, select \uicontrol {Edit Base Component}. \endlist diff --git a/doc/qtdesignstudio/src/views/qtquick-properties.qdoc b/doc/qtdesignstudio/src/views/qtquick-properties.qdoc index 8f8a1da66b..8ce14eba6b 100644 --- a/doc/qtdesignstudio/src/views/qtquick-properties.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-properties.qdoc @@ -90,11 +90,11 @@ \section2 Resetting Component Position and Size To return a component to its default position after moving it, - select the \inlineimage icons/qtcreator-reset-position-icon.png - (\uicontrol {Reset Position}) button on the \l{Design Views} - {Design mode toolbar}. To return it to its default size, select - \inlineimage icons/qtcreator-reset-size-icon.png - (\uicontrol {Reset Size}) button. + right-click in the \uicontrol 2D or \uicontrol Navigator view and select + \uicontrol Edit > \uicontrol {Reset Position}. + To return it to its default size, right-click in the \uicontrol 2D or + \uicontrol Navigator view and select \uicontrol Edit > + \uicontrol {Reset Size}. \section2 Managing 2D Transformations @@ -448,15 +448,13 @@ several other components. The values are applied if the target components have those particular properties. - To copy property values from the selected component, select - \inlineimage icons/copy-formatting.png - on the \uicontrol Design mode \l{Summary of Main Toolbar Actions} - {main toolbar}. + To copy property values from a component, right-click it in the + \uicontrol 2D or \uicontrol Navigator view and select \uicontrol Edit > + \uicontrol {Copy Formatting}. To apply the values to one or several other components, select - them in the \l Navigator or \l {2D} view, and then select - \inlineimage icons/paste-formatting.png - . + them in the \l Navigator or \l {2D} view, and then right-click and select + \uicontrol Edit > \uicontrol {Apply Formatting}. \section1 Editing Properties Inline diff --git a/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc b/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc index 455c680cd1..1fcf4ef908 100644 --- a/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc @@ -26,7 +26,7 @@ It now displays a \l{Timeline Toolbar}{toolbar} and a ruler but no keyframe tracks. - \image studio-timeline-no-tracks.png "Timeline view without keyframe tracks" + \image studio-timeline-no-tracks.webp "Timeline view without keyframe tracks" To animate component properties in the \uicontrol Timeline view, you must \l{Setting Keyframe Values}{insert keyframes} for them. In the @@ -35,7 +35,7 @@ want to animate. A keyframe track is generated for each component that you insert keyframes for. - \image studio-timeline-with-empty-tracks.png "Timeline view with a property" + \image studio-timeline-with-empty-tracks.webp "Timeline view with a property" You can now select \inlineimage icons/local_record_keyframes.png to \l{Setting Keyframe Values}{record changes} in component properties @@ -56,7 +56,7 @@ \section1 Navigating in Timeline - \image studio-timeline.png "Timeline view" + \image studio-timeline.webp "Timeline view" You can navigate the timeline in the following ways: @@ -87,7 +87,7 @@ in the context menu, and then select a color in the \l{Picking Colors} {color picker}. To reset the color, select \uicontrol {Reset Color}. - \image studio-timeline-keyframe-track-colors.png "Keyframe track colors in Timeline" + \image studio-timeline-keyframe-track-colors.webp "Keyframe track colors in Timeline" \section1 Timeline Toolbar @@ -99,7 +99,7 @@ \li Action \li Read More \row - \li \inlineimage icons/animation.png + \li \inlineimage icons/settings.png \li Opens the \uicontrol {Timeline Settings} dialog for editing timeline settings. \li \l{Creating a Timeline} @@ -150,7 +150,7 @@ determines the duration of the animation. \li \l{Creating a Timeline} \row - \li \inlineimage icons/zoom_small.png + \li \inlineimage icons/zoomOut.png \li \uicontrol {Zoom Out} (\key Ctrl+-) zooms out of the view. \li \l{Zooming in Timeline} \row @@ -158,7 +158,7 @@ \li Sets the zooming level. \li \l{Zooming in Timeline} \row - \li \inlineimage icons/zoom_big.png + \li \inlineimage icons/zoomIn.png \li \uicontrol {Zoom In} (\key Ctrl++) zooms into the view. \li \l{Zooming in Timeline} \row diff --git a/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc b/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc index 0891df05a1..12b1fc1463 100644 --- a/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc @@ -93,7 +93,7 @@ state in \uicontrol {States} and the timeline is available in \uicontrol{Timelines}. - \image timeline-states.png + \image timeline-states.webp \section2 Setting Keyframe Values @@ -118,7 +118,7 @@ \li In the \l Timeline view, select the \uicontrol {Per Property Recording} button to start recording property changes. - \image timeline-per-property-recording.png + \image timeline-per-property-recording.webp \li Ensure that the playhead is in frame 0 and enter the value of the property in the field next to the property name on the timeline. Press \key Enter to save the value. @@ -180,7 +180,7 @@ \section1 Managing Keyframes - \image studio-timeline-with-tracks.png "Timeline view" + \image studio-timeline-with-tracks.webp "Timeline view" \section2 Editing Keyframes @@ -240,9 +240,8 @@ \endlist To preview the whole UI, select the - \inlineimage icons/live_preview.png - (\uicontrol {Show Live Preview}) button on the canvas toolbar - or press \key {Alt+P}. + \uicontrol {Live Preview} button on the top toolbar + or press \key Alt + \key P. \section1 Animating Rotation diff --git a/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc b/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc index ba8375e365..3ee43335d6 100644 --- a/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc +++ b/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc @@ -39,7 +39,7 @@ \li Action \li Read More \row - \li \inlineimage icons/animation.png + \li \inlineimage icons/settings.png \li Opens \uicontrol {Transition Settings} dialog for editing transition settings. \li \l{Specifying Transition Settings} @@ -54,7 +54,7 @@ curve to the selected transition. \li \l{Editing Easing Curves} \row - \li \inlineimage icons/zoom_small.png + \li \inlineimage icons/zoomOut.png \li \uicontrol {Zoom Out} (\key Ctrl+-): zooms out of the view. \li \l{Zooming in Transitions} \row @@ -62,7 +62,7 @@ \li Sets the zooming level. \li \l{Zooming in Transitions} \row - \li \inlineimage icons/zoom_big.png + \li \inlineimage icons/zoomIn.png \li \uicontrol {Zoom In} (\key Ctrl++): zooms into the view. \li \l{Zooming in Transitions} \row @@ -94,7 +94,7 @@ \section1 Specifying Transition Settings - To modify transition settings, select the \inlineimage icons/animation.png + To modify transition settings, select the \inlineimage icons/settings.png (\uicontrol {Transition Settings (S)}) button in \uicontrol {Transition Editor}. diff --git a/doc/qtdesignstudio/src/views/studio-material-editor.qdoc b/doc/qtdesignstudio/src/views/studio-material-editor.qdoc index 94209c7bcb..bb2923a7ab 100644 --- a/doc/qtdesignstudio/src/views/studio-material-editor.qdoc +++ b/doc/qtdesignstudio/src/views/studio-material-editor.qdoc @@ -55,7 +55,7 @@ to the object, you can select whether to replace the material or to add another material to the object. \li In \uicontrol {Material Editor}, select - \inlineimage icons/apply-material.png + \inlineimage icons/apply.png . This replaces any material already assigned to the object. \endlist diff --git a/doc/qtdesignstudio/src/views/studio-texture-editor.qdoc b/doc/qtdesignstudio/src/views/studio-texture-editor.qdoc index 95a99401a9..4d644706e5 100644 --- a/doc/qtdesignstudio/src/views/studio-texture-editor.qdoc +++ b/doc/qtdesignstudio/src/views/studio-texture-editor.qdoc @@ -35,7 +35,7 @@ To apply a texture to a material, first select the material in the \uicontrol {Material Browser} view and then: \list 1 - \li Select \inlineimage icons/apply-material.png + \li Select \inlineimage icons/apply.png . \li Select the material and property that you want to add the texture to. \image select-material-property.png diff --git a/doc/qtdesignstudio/src/views/studio-translations.qdoc b/doc/qtdesignstudio/src/views/studio-translations.qdoc index 6972dc1ffb..a2a610b313 100644 --- a/doc/qtdesignstudio/src/views/studio-translations.qdoc +++ b/doc/qtdesignstudio/src/views/studio-translations.qdoc @@ -115,7 +115,7 @@ You need to generate Qt compiled translation source files (\e{.qm}) and Qt translation source files (\e{.ts}) for your project to have the - translations working in the actual application and \uicontrol{Live Preview}. + translations working in the actual application and live preview. To generate these files, select \inlineimage icons/generate-translation-files.png diff --git a/doc/qtdesignstudio/src/views/studio-workspaces.qdoc b/doc/qtdesignstudio/src/views/studio-workspaces.qdoc index fdc359d96d..8d29b1f74f 100644 --- a/doc/qtdesignstudio/src/views/studio-workspaces.qdoc +++ b/doc/qtdesignstudio/src/views/studio-workspaces.qdoc @@ -30,7 +30,7 @@ where you want to attach the view is highlighted, and then drop them into the dock area. - \image qtcreator-workspace-attaching-views.png "Attaching views" + \image qtcreator-workspace-attaching-views.webp "Attaching views" To close groups of views, select the \uicontrol {Close Group} button. |