{"id":38082,"date":"2019-10-31T22:21:35","date_gmt":"2019-10-31T19:21:35","guid":{"rendered":"https:\/\/prohoster.info\/blog\/vypusk-sredy-razrabotki-qt-design-studio-1-3\/"},"modified":"2019-10-31T22:21:35","modified_gmt":"2019-10-31T19:21:35","slug":"vypusk-sredy-razrabotki-qt-design-studio-1-3","status":"publish","type":"post","link":"https:\/\/prohoster.info\/en\/blog\/news\/vypusk-sredy-razrabotki-qt-design-studio-1-3","title":{"rendered":"Release of the Qt Design Studio 1.3 development environment","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Qt Project <noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/blog\/qt-design-studio-1.3-released\">presented<\/a><\/noindex> release <noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/ui-framework\">Qt Design Studio 1.3<\/a><\/noindex>, a platform for designing user interfaces and developing graphical applications based on Qt. Qt Design Studio simplifies collaboration between designers and developers in creating working prototypes of complex and scalable interfaces. Designers can focus solely on the visual layout, while developers can concentrate on the application logic, utilizing the automatically generated QML code designed for the layouts.<br \/>\nWith the workflow offered in Qt Design Studio, you can transform mockups created in Photoshop or other graphic editors into functional prototypes suitable for deployment on real devices in just a few minutes.<\/p>\n<p> Available <noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/ui-framework#designstudio\">commercial version<\/a><\/noindex> and  <noindex><a rel=\"nofollow\" href=\"https:\/\/download.qt.io\/official_releases\/qtdesignstudio\/1.3.0\/\">Community edition<\/a><\/noindex> Qt Design Studio. The commercial version<br \/>\nis provided free of charge and allows distributing prepared interface components only to holders of a commercial license for Qt.<br \/>\nThe Community edition does not impose usage restrictions but does not include modules for importing graphics from Photoshop and Sketch. The application is a specialized variant of the Qt Creator environment, built from a common repository. Most of the Qt Design Studio-specific changes are included in the main codebase of Qt Creator. The integration modules for Photoshop and Sketch are proprietary.<\/p>\n<p>In the new release:<\/p>\n<ul>\n<li class=\"l\"> The capabilities of the module <noindex><a rel=\"nofollow\" href=\"https:\/\/doc.qt.io\/qtdesignstudio\/qtbridge-sketch-using.html\">Qt Bridge for Sketch<\/a><\/noindex>, which allows creating ready-to-use components based on mockups prepared in Sketch and exporting them to QML code. The module has been enhanced with support for <noindex><a rel=\"nofollow\" href=\"https:\/\/www.sketch.com\/docs\/symbols\/overrides\/\">symbol overrides<\/a><\/noindex>, allowing different text properties to be bound to different instances of buttons and other interface components (these properties are exported to QML as overridable properties visible as component properties). The ability to export graphics in SVG vector format has also been added (previously, only raster formats were supported), which can be scaled in QML.\n<p><center><noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/hs-fs\/hubfs\/SketchScreeenshot.png?width=1920&#038;name=SketchScreeenshot.png\"><img decoding=\"async\" alt=\"Release of the Qt Design Studio 1.3 development environment\" src=\"\/wp-content\/uploads\/2019\/09\/4e174cd0dd11f14c99c7fa7a5d464317.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/center><\/p>\n<li class=\"l\"> The interface for viewing properties has been redesigned to use Qt Quick Controls 2 and is now fully customizable via themes. The usability of <noindex><a rel=\"nofollow\" href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%94%D0%B2%D1%83%D0%BD%D0%B0%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9_%D1%81%D1%87%D1%91%D1%82%D1%87%D0%B8%D0%BA\">spin boxes<\/a><\/noindex> has significantly improved, now supporting mouse dragging and the optional addition of sliders. Support for multi-section blocks has been added, allowing properties of multiple elements to be set at once. A new gradient management dialog has been added to the properties editor. The color editor has been updated to include a section with previously selected colors.\n<p><center><noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/hs-fs\/hubfs\/controls2.png?width=375&#038;name=controls2.png\"><img decoding=\"async\" alt=\"Release of the Qt Design Studio 1.3 development environment\" src=\"\/wp-content\/uploads\/2019\/09\/ebfbc6dc9ed0a94631f759a598980478.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/hs-fs\/hubfs\/color_editor.png?width=300&#038;name=color_editor.png\"><img decoding=\"async\" alt=\"Release of the Qt Design Studio 1.3 development environment\" src=\"\/wp-content\/uploads\/2019\/09\/eb1e04e44f6dcc68ef1f4ebd38ed641b.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/center><\/p>\n<li class=\"l\"> The binding editor has been improved, now based on a more convenient editing widget for QML;\n<li class=\"l\"> A new curve editor for animation has been added, allowing users to adjust interpolation curves for multiple keyframes in a single view, similar to familiar animation control tools found in 3D software packages.\n<p><center><noindex><a rel=\"nofollow\" href=\"https:\/\/www.qt.io\/hs-fs\/hubfs\/curveEditorScreenshot2.png?width=1044&#038;name=curveEditorScreenshot2.png\"><img decoding=\"async\" alt=\"Release of the Qt Design Studio 1.3 development environment\" src=\"\/wp-content\/uploads\/2019\/09\/f1300620bfa32141ebe9706dbfb3b1bf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/center><\/p>\n<li class=\"l\"> Additionally, ongoing work is noted on the development of a QML viewer based on WebAssembly, enabling the creation of packages with QML projects for the web, which can be interacted with through a browser.\n<\/ul>\n<p>Key features of Qt Design Studio:\n<\/p>\n<ul>\n<li class=\"l\"> Timeline Animation \u2014 a timeline-based editor that allows you to easily create animations without writing code.\n<\/li>\n<li class=\"l\"> Designer-created resources are transformed into universal QML components that can be reused across various projects;\n<\/li>\n<li class=\"l\"> Qt Live Preview \u2014 enables you to preview the application or the user interface you are developing directly on the desktop, Android devices, or Boot2Qt. Changes made are immediately observable on the device. You can control FPS, load translation files, and adjust the scale of elements. Previewing on element devices prepared in the application is also supported. <noindex><a rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=48182\">Qt 3D Studio<\/a><\/noindex>.\n<\/li>\n<li class=\"l\"> Integration with Qt Safe Renderer \u2014 Safe Renderer elements can be mapped to the elements of the developing interface.\n<\/li>\n<li class=\"l\"> Side-by-side display of the visual editor and the code editor \u2014 you can simultaneously make visual changes to the design or edit QML.\n<\/li>\n<li class=\"l\"> A set of ready-made and customizable buttons, switches, and other control elements;\n<\/li>\n<li class=\"l\"> Built-in and customizable set of visual effects;\n<\/li>\n<li class=\"l\"> Dynamic layout of interface elements allows adapting it for any screens;\n<\/li>\n<li class=\"l\"> Advanced scene editor that allows for detailed refinement of elements;\n<\/li>\n<li class=\"l\"> Qt Photoshop Bridge and Qt Sketch Bridge modules for importing graphics from Photoshop and Sketch. They enable the creation of ready-to-use components directly from graphics prepared in Photoshop or Sketch and exporting them to QML code. Not included in the Community edition.\n<\/li>\n<p><noindex><a rel=\"nofollow\" name=\"link\"><\/a><\/noindex><\/p>\n<p>Source: <a \ncontent=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=51480\">opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u0440\u043e\u0435\u043a\u0442 Qt \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b \u0432\u044b\u043f\u0443\u0441\u043a Qt Design Studio 1.3, \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u0431\u0430\u0437\u0435 Qt. Qt Design Studio \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432. \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0434 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043c\u0430\u043a\u0435\u0442\u043e\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0443\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-38082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u0440\u043e\u0435\u043a\u0442 Qt \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b \u0432\u044b\u043f\u0443\u0441\u043a Qt Design Studio.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/en\/blog\/news\/vypusk-sredy-razrabotki-qt-design-studio-1-3\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0412\u044b\u043f\u0443\u0441\u043a \u0441\u0440\u0435\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Qt Design Studio 1.3 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u0440\u043e\u0435\u043a\u0442 Qt \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b \u0432\u044b\u043f\u0443\u0441\u043a Qt Design Studio.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/en\/blog\/news\/vypusk-sredy-razrabotki-qt-design-studio-1-3\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:21:35+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:21:35+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47 Release of Qt Design Studio 1.3 | ProHoster","description":"The Qt project has released Qt Design Studio.","canonical_url":"https:\/\/prohoster.info\/en\/blog\/news\/vypusk-sredy-razrabotki-qt-design-studio-1-3","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"en_US","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0412\u044b\u043f\u0443\u0441\u043a \u0441\u0440\u0435\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Qt Design Studio 1.3 | ProHoster","og:description":"\u041f\u0440\u043e\u0435\u043a\u0442 Qt \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b \u0432\u044b\u043f\u0443\u0441\u043a Qt Design Studio.","og:url":"https:\/\/prohoster.info\/en\/blog\/news\/vypusk-sredy-razrabotki-qt-design-studio-1-3","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:21:35+00:00","article:modified_time":"2019-10-31T19:21:35+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38082","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 20:23:44","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 09:56:48","updated":"2026-01-23 20:23:44","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/posts\/38082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/comments?post=38082"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/posts\/38082\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/media\/28586"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/media?parent=38082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/categories?post=38082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/en\/wp-json\/wp\/v2\/tags?post=38082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}