Projekt Qt problem , środowisko do projektowania interfejsów użytkownika i tworzenia aplikacji graficznych w oparciu o Qt. Qt Design Studio ułatwia projektantom i programistom współpracę przy tworzeniu działających prototypów złożonych i skalowalnych interfejsów. Projektanci mogą skupić się wyłącznie na układzie graficznym projektu, natomiast programiści mogą skupić się na opracowaniu logiki aplikacji za pomocą kodu QML generowanego automatycznie dla układów projektanta.
Korzystając z przepływu pracy oferowanego w Qt Design Studio, możesz w ciągu kilku minut zamienić układy przygotowane w Photoshopie lub innych edytorach graficznych w działające prototypy, nadające się do uruchomienia na prawdziwych urządzeniach.
Oferowany и Studio projektowe Qt. Wersja komercyjna
jest darmowy, pozwala na dystrybucję przygotowanych komponentów interfejsu jedynie posiadaczom licencji komercyjnej na Qt.
Wersja Community nie nakłada ograniczeń w użytkowaniu, ale nie zawiera modułów umożliwiających import grafiki z programów Photoshop i Sketch. Aplikacja jest wyspecjalizowaną wersją środowiska Qt Creator, skompilowaną ze wspólnego repozytorium. Większość zmian specyficznych dla Qt Design Studio jest uwzględniona w głównej bazie kodu Qt Creator. Moduły integracyjne dla programów Photoshop i Sketch są zastrzeżone.
W nowym wydaniu:
- Rozszerzone możliwości modułu , который позволяет на основе подготовленных в Sketch макетов создавать готовые к использованию компоненты и экспортировать их в QML-код. В модуль добавлена поддержка , позволяющая привязывать разные текстовые свойства к разным экземплярам кнопок и прочих компонентов интерфейса (данные свойства экспортируются в QML с переопределяемыми свойствами, видимыми как свойства компонента). Также добавлена возможность экспорта графики в векторном формате SVG (ранее поддерживались только растровые форматы), который можно масштабировать в QML.
- Изменено оформление интерфейса для просмотра свойств, который переведён на использование Qt Quick Controls 2 и теперь полностью кастомизируем через темы оформления. Значительно улучшено удобство работы с (spin box), для которых появилась поддержка перетаскивания мышью и возможность опционального добавления ползунка. Добавлена поддержка многосекционных блоков, позволяющих устанавливать свойства нескольких элементов за раз. В редактор свойств добавлен новый диалог управления градиентами. обновлён редактор цветов, в котором появилась секция с ранее выбранными цветами.
- Улучшен редактор биндингов, который теперь основан на более удобном виджете редактирования кода для QML;
- Добавлен новый редактор кривых для анимации, позволяющий в одном представленим корректировать интерполяционные кривые для нескольких ключевых кадров, по аналогии с привычными инструментами управления анимацией из 3D-пакетов;
- Также отмечается ещё не доведённая до конца работа по созданию QML-просмотрщика на базе WebAssembly, позволяющего формировать пакеты с QML-проектами для Web, с которыми можно работать через браузер.
Kluczowe cechy Qt Design Studio:
- Animacja osi czasu — edytor oparty na osi czasu i klatkach kluczowych, który ułatwia tworzenie animacji bez pisania kodu;
- Opracowane przez projektanta zasoby zamieniane są w uniwersalne komponenty QML, które można ponownie wykorzystać w różnych projektach;
- Qt Live Preview - umożliwia podgląd aplikacji lub interfejsu użytkownika tworzonego bezpośrednio na komputerze stacjonarnym, urządzeniu z systemem Android lub Boot2Qt. Wprowadzone zmiany można od razu zaobserwować na urządzeniu. Istnieje możliwość kontrolowania FPS, przesyłania plików z tłumaczeniami i zmiany skali elementów. Obejmuje to obsługę podglądu elementów przygotowanych w aplikacji na urządzeniach .
- Możliwość integracji z Qt Safe Renderer - elementy Safe Renderer można mapować do elementów tworzonego interfejsu.
- Wyświetlaj obok siebie edytor wizualny i edytor kodu - możesz jednocześnie wizualnie wprowadzać zmiany w projekcie lub edytować QML;
- Zestaw gotowych i konfigurowalnych przycisków, przełączników i innych elementów sterujących;
- Wbudowany i konfigurowalny zestaw efektów wizualnych;
- Dynamiczny układ elementów interfejsu pozwala dostosować go do dowolnego ekranu;
- Zaawansowany edytor scen, pozwalający dopracować elementy w najdrobniejszych szczegółach;
- Moduły Qt Photoshop Bridge i Qt Sketch Bridge do importowania grafiki z programów Photoshop i Sketch. Umożliwia tworzenie gotowych komponentów bezpośrednio z grafik przygotowanych w programie Photoshop lub Sketch i eksportowanie ich do kodu QML. Nie są one uwzględnione w wydaniu Community.
Źródło: opennet.ru