Education applications/Qt Designer: различия между версиями

Материал из ALT Linux Wiki
(Новая страница: «{{stub}} {|class="wikitable" style="float:right; margin-left:2em" !colspan="2"|100px |- !colspan="2"|Qt Designer |- |colspan="2"|64px|center |- |colspan="2"| 300px|центр |- |'''Появился в: |''' 2000<br> |- |'''Оф. сайт''': |https://qt.io/ide/ |- |'''Репозиторий ALT Linux''' | *[https://packag...»)
 
Нет описания правки
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
{{stub}}
{|class="wikitable" style="float:right; margin-left:2em"  
{|class="wikitable" style="float:right; margin-left:2em"  
!colspan="2"|[[Файл:Education-8-logo.png|100px]]
!colspan="2"|[[Файл:Education-8-logo.png|100px]]
Строка 26: Строка 25:
|'''Включена в состав<br>Альт Образование'''
|'''Включена в состав<br>Альт Образование'''
| Нет
| Нет
|-
|'''Группы пакетов'''
|
* [[Educational_Applications_Sets#Среднее_профессиональное|Среднее профессиональное]]
* [[Educational_Applications_Sets#Высшее _образование|Высшее образование]]
|}
|}


'''Qt Designer''' — кроссплатформенная свободная среда для разработки графических интерфейсов (GUI) для программ, использующих библиотеку Qt. Она встроена в IDE [[Education_applications/Qt_Creator|Qt Creator]], однако существует и как отдельная программа.
'''Qt Designer''' — кроссплатформенная свободная среда для разработки графических интерфейсов (GUI) для программ, использующих библиотеку Qt. Она встроена в IDE [[Education_applications/Qt_Creator|Qt Creator]], однако существует и как отдельная программа.
==Установка==
Программу можно установить из системного репозитория ALT Linux. Для установки программы [[Команды APT|через консоль]] или [[Synaptic]] нужно выбрать пакеты:
*{{pkg|qt5-designer}} для Qt5;
*{{pkg|qt6-designer}} для Qt6.


Выберите удобный способ установки:
{{ Note |
[[Изображение:Altedu-menu-qtdesigner.png|20px|]] {{prg|'''Qt Designer'''}} Не входит в состав Альт Образование <br>
}}
 
 
== Установка ==
 
=== С помощью Центра приложений ===
----
{{:Education-softwarecenter-common-ng}}# '''Найдите Qt Designer:'''
## Начните вводить <span style="user-select: none;">«</span><tt>Qt Designer</tt><span style="user-select: none;">»</span>
## Выберите из получившегося списка  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  '''Qt5 Designer''' для Qt5 или [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  '''Qt6 Designer''' для Qt6
# '''Установите Qt Designer:'''
## Нажмите кнопку  {{button|  Установить  }}
## По завершении процесса установки  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  {{prg|'''Qt Designer'''}},  [[Изображение: Altedu-menu-software-center.png |20px|link=SoftwareCenter]]  [[SoftwareCenter|{{prg|'''Центр приложений'''}}]]  можно закрыть
 
<gallery>
    Изображение: SoftwareCenter-Menu-launch.png | Меню приложений
    Изображение: SoftwareCenter-screenshot.png | Центр приложений
    Изображение: Qtdesigner-softwarecenter-install1.png | Поиск Qt Designer
    Изображение: Qtdesigner-softwarecenter-install2.png | Установка Qt Designer
</gallery>
 
=== С помощью Менеджера пакетов ===
----
{{:Education-synaptic-common-ng}}# '''Найдите Qt Designer:'''
## Нажмите кнопку  {{button|  🔍 Искать  }}
## Во всплывающем окне введите <span style="user-select: none;">«</span><tt>qt5-designer</tt><span style="user-select: none;">»</span> для Qt5 или <span style="user-select: none;">«</span><tt>qt6-designer</tt><span style="user-select: none;">»</span> для Qt6, затем нажмите кнопку  {{button|  🔍 Искать  }}
# '''Установите Qt Designer:'''
## Кликните два раза по строке <span style="user-select: none;">«</span><tt>qt5-designer</tt><span style="user-select: none;">»</span> и/или <span style="user-select: none;">«</span><tt>qt6-designer</tt><span style="user-select: none;">»</span>
## Нажмите кнопку  {{button|  ✓ Применить  }}
## Подтвердите изменения нажатием кнопки  {{button|  Применить  }}  во всплывающем окне
## По завершении процесса установки  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  {{prg|'''Qt Designer'''}},  [[Изображение: Altedu-menu-synaptic.png |20px|link=Synaptic]]  [[Synaptic|{{prg|'''Менеджер пакетов'''}}]]  можно закрыть
 
<gallery>
    Изображение: Synaptic-Menu-launch.png | Меню приложений
    Изображение: Synaptic-authentication.png | Вход в Менеджер пакетов
    Изображение: Synaptic-updating.png | Обновление в Менеджере пакетов
    Изображение: Synapitc-search.png | Кнопка поиска в Менеджере пакетов
    Изображение: Qtdesigner-synaptic-install1.png | Поиск Qt Designer
    Изображение: Qtdesigner-synaptic-install2.png | Выбор пакета для установки
    Изображение: Qtdesigner-synaptic-install3.png | Подтверждение установки
</gallery>
 
=== С помощью Терминала ===
----
{{:Education-console-common-ng}}# '''Обновите сведения о пакетах и установите Qt Designer:'''
## Скопируйте и вставьте в  [[Изображение: Altedu-menu-utilities-terminal.png |20px|link=Консольные команды]]  [[Консольные команды|{{prg|'''Терминал'''}}]]  команду:
##*Для Qt5: <syntaxhighlight lang="bash">su -c 'apt-get -y install qt5-designer'</syntaxhighlight>
##*Для Qt6: <syntaxhighlight lang="bash">su -c 'apt-get -y install qt6-designer'</syntaxhighlight>
## Введите пароль администратора
## По завершении процесса установки [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  {{prg|'''Qt Designer'''}},  [[Изображение: Altedu-menu-utilities-terminal.png |20px|link=Консольные команды]]  [[Консольные команды|{{prg|'''Терминал'''}}]]  можно закрыть
 
<gallery>
    Изображение: Terminal-Menu-launch.png | Меню приложений
    Изображение: Qtdesigner-term-install.png | Установка Qt Designer
</gallery>
 
 
 
 
== Запуск ==
 
=== Через Меню приложений ===
----
# Вызовите  [[Изображение: Alt-education.png |20px|link=https://docs.altlinux.org/ru-RU/alt-education/10.1/html/alt-education/ch31.html]]  [https://docs.altlinux.org/ru-RU/alt-education/10.1/html/alt-education/ch31.html {{prg|'''Меню приложений'''}}]  нажатием клавиши  {{button|  ⊞ Win  }}
# Начните вводить <span style="user-select: none;">«</span><tt>Qt Designer</tt><span style="user-select: none;">»</span>
# Выберите из получившегося списка  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  {{prg|'''Дизайнер интерфейса'''}} для Qt5 или Qt6 (указано в описании).
 
<gallery>
    Изображение: Altedu-common-menu.png | Меню приложений
    Изображение: Qtdesigner-menu.png | Qt Designer на Альт Образование
</gallery>
 
 
=== Через Терминал ===
----
{{:Education-console-common-ng}}# '''Запустите Qt Designer:'''
## Скопируйте и вставьте в  [[Изображение: Altedu-menu-utilities-terminal.png |20px|link=Консольные команды]]  [[Консольные команды|{{prg|'''Терминал'''}}]]  команду:
##*Для Qt5: <syntaxhighlight lang="bash">designer-qt5</syntaxhighlight>
##*Для Qt6: <syntaxhighlight lang="bash">designer-qt6</syntaxhighlight>
 
<gallery>
    Изображение: Terminal-Menu-launch.png | Меню приложений
    Изображение: Qtdesigner-term.png | Qt Designer на Альт Образование
</gallery>
 
 
 
 
== Удаление ==


===Центр Приложений===
=== С помощью Центра приложений ===
{{:Education-softwarecenter-common}}#Введите в поле поиска «Qt Designer» и дождитесь загрузки:
----
#:[[Файл:Edu-gnome-packagekit-qtdesignersearch.png|Поиск программы]]
{{:Education-softwarecenter-common-ng}}# '''Поиск Qt Designer:'''
#Нажмите установить:
## Начните вводить <span style="user-select: none;">«</span><tt>Qt Designer</tt><span style="user-select: none;">»</span>
#:[[Файл:Edu-gnome-packagekit-qtdesignerinstall.png|без]]
## Выберите из получившегося списка  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  '''Qt5 Designer''' для Qt5 или [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]] '''Qt6 Designer''' для Qt6
#Программа установлена, закройте Центр приложений.
# '''Удалите Qt Designer:'''
## Нажмите кнопку  {{button|  Удалить  }}
## Подтвердите удаление нажатием кнопки  {{button|  Удалить  }}  во всплывающем окне
## По завершении процесса удаления  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]]  {{prg|'''Qt Designer'''}},  [[Изображение: Altedu-menu-software-center.png |20px|link=SoftwareCenter]] [[SoftwareCenter|{{prg|'''Центр приложений'''}}]]  можно закрыть


===Synaptic===
<gallery>
{{:Education-synaptic-install-common}}#Введите в окне поиска «qt-designer» и нажмите «Искать»:
    Изображение: SoftwareCenter-Menu-launch.png | Меню приложений
#:
    Изображение: SoftwareCenter-screenshot.png | Центр приложений
#Программа найдёт нужный пакет.
    Изображение: Qtdesigner-softwarecenter-remove1.png | Поиск Qt Designer
#:
    Изображение: Qtdesigner-softwarecenter-remove2.png | Удаление Qt Designer
#Кликните по пакету ПКМ и выберите «Отметить для установки»:
    Изображение: Qtdesigner-softwarecenter-remove3.png | Подтверждение удаления
#:
</gallery>
#Нажмите кнопку «Применить»:
#:
#Согласитесь с изменениями:
#:
#Программа начнёт загрузку и установку пакетов:
#:
#После успешной установки программа выдаст соответствующее сообщение:
#:
#Программа установлена, закройте Synaptic.


===Терминал===
{{:Education-console-install-common-v2}}#Установите программу Qt Designer для Qt5 следующей командой:
#: Для Qt5: <syntaxhighlight lang="bash">
apt-get install -y qt5-designer
</syntaxhighlight>
#: Для Qt6: <syntaxhighlight lang="bash">
apt-get install -y qt6-designer
</syntaxhighlight>
#:[[Файл:Edu-xfceterm-aptrpm-qtdesigner-install1.png|Ввод команды для установки пакета]]
# Программа установлена, закройте окно терминала.


==Запуск программы в Альт Образование==
=== С помощью Менеджера пакетов ===
#Чтобы запустить программу в Альт Образование перейдите по следующим пунктам меню:
----
#:{{nav|Меню приложений|Программирование|Дизайнер интерфейса}}
{{:Education-synaptic-common-ng}}# '''Найдите Qt Designer:'''
#:[[Файл:Edu-xfce-applicationmenu-qtdesigner.png|Установленные приложения Qt5/6 Designer]]
## Нажмите кнопку  {{button|  🔍 Искать  }}
#Программа запущена:
## Во всплывающем окне введите <span style="user-select: none;">«</span><tt>qt5-designer</tt><span style="user-select: none;">»</span> для Qt5 или <span style="user-select: none;">«</span><tt>qt6-designer</tt><span style="user-select: none;">»</span> для Qt6, затем нажмите кнопку  {{button|  🔍 Искать  }}
#:[[Файл:Edu-app-qtdesigner-runningstate.png|800x600px|Запущенная программа]]
# '''Удалите Qt Designer:'''
## Кликните по строке <span style="user-select: none;">«</span><tt>qt5-designer</tt><span style="user-select: none;">»</span> и/или <span style="user-select: none;">«</span><tt>qt6-designer</tt><span style="user-select: none;">»</span>
## Нажмите клавишу  {{button| Delete  }}
## Нажмите кнопку  {{button| ✓ Применить  }}
## Подтвердите изменения нажатием кнопки  {{button| Применить  }} во всплывающем окне
## По завершении процесса удаления  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]] {{prg|'''Qt Designer'''}},  [[Изображение: Altedu-menu-synaptic.png |20px|link=Synaptic]]  [[Synaptic|{{prg|'''Менеджер пакетов'''}}]] можно закрыть


==Удаление==
<gallery>
Выберите удобный способ удаления:
    Изображение: Synaptic-Menu-launch.png | Меню приложений
===Центр Приложений===
    Изображение: Synaptic-authentication.png | Вход в Менеджер пакетов
{{:Education-softwarecenter-common}}#Введите в поле поиска «Qt Designer» и дождитесь загрузки:
    Изображение: Synaptic-updating.png | Обновление в Менеджере пакетов
#:[[Файл:Edu-gnome-packagekit-qtdesignerinstalledsearch.png|Поиск установленных приложений в Центре Приложений]]
    Изображение: Synapitc-search.png | Кнопка поиска в Менеджере пакетов
#Нажмите «Uninstall»:
    Изображение: Qtdesigner-synaptic-install1.png | Поиск Qt Designer
#:[[Файл:Edu-gnome-packagekit-qtdesignerremove.png|Удаление установленной программы Qt5 Designer в Центре Приложений]]
    Изображение: Qtdesigner-synaptic-remove1.png | Выбор пакета для удаления
#Подтвердите удаление, снова нажав «Uninstall»:
    Изображение: Qtdesigner-synaptic-remove2.png | Подтверждение удаления
#:[[Файл:Edu-gnome-packagekit-qtdesignerremove-confirm.png|Подтверждение удаления Qt5 Designer в Центре Приложений]]
</gallery>
#Программа удалена, закройте Центр приложений.


===Synaptic===
=== С помощью Терминала ===
{{:Education-synaptic-remove-common}}#Введите в окне поиска «qt-designer» и нажмите «Искать»:
----
#:
{{:Education-console-common-ng}}# '''Удалите Qt Designer:'''
#Программа нашла установленный пакет:
## Скопируйте и вставьте в  [[Изображение: Altedu-menu-utilities-terminal.png |20px|link=Консольные команды]]  [[Консольные команды|{{prg|'''Терминал'''}}]]  команду:
#:
##*Для Qt5: <syntaxhighlight lang="bash">su -c 'apt-get -y remove qt5-designer'</syntaxhighlight>
#Кликните по пакету ПКМ и выберите «Отметить для удаления»:
##*Для Qt6: <syntaxhighlight lang="bash">su -c 'apt-get -y remove qt6-designer'</syntaxhighlight>
#:
## Введите пароль администратора
#Нажмите кнопку «Применить»:
## По завершении процесса удаления  [[Изображение: Altedu-menu-qtdesigner.png |20px|link=]] {{prg|'''Qt Designer'''}}, [[Изображение: Altedu-menu-utilities-terminal.png |20px|link=Консольные команды]]  [[Консольные команды|{{prg|'''Терминал'''}}]]  можно закрыть
#:
#Согласитесь с изменениями:
#:
#Программа выполняет удаление
#:
#Удаление завершено, закройте Synaptic.
#:
===Терминал===
{{:Education-console-remove-common-v2}}#Введите запрос на удаление программы командой:
#: Для Qt5: <syntaxhighlight lang="bash">
apt-get remove -y qt5-designer
</syntaxhighlight>
#: Для Qt6: <syntaxhighlight lang="bash">
apt-get remove -y qt6-designer
</syntaxhighlight>
#:[[Файл:Edu-xfceterm-aptrpm-qtdesigner-remove1.png|Удаление программы через терминал]]
#Удаление завершено, закройте окно терминала.


==Учебные и методические материалы в свободном доступе==
<gallery>
[[Категория:EduApps]]
    Изображение: Terminal-Menu-launch.png | Меню приложений
    Изображение: Qtdesigner-term-remove.png | Удаление Qt Designer
</gallery>

Текущая версия от 13:13, 30 января 2024

Education-8-logo.png
Qt Designer
Altedu-menu-qtdesigner.png
Edu-app-qtdesigner-runningstate.png
Появился в: 2000
Оф. сайт: https://qt.io/ide/
Репозиторий ALT Linux
Лицензия: GNU GPL,GNU LGPL
Включена в состав
Альт Образование
Нет

Qt Designer — кроссплатформенная свободная среда для разработки графических интерфейсов (GUI) для программ, использующих библиотеку Qt. Она встроена в IDE Qt Creator, однако существует и как отдельная программа.

Примечание:

Altedu-menu-qtdesigner.png Qt Designer Не входит в состав Альт Образование


Установка

С помощью Центра приложений


  1. Запустите Центр приложений:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Центр приложений»
    3. Выберите из получившегося списка Altedu-menu-software-center.png Центр приложений
  2. Найдите Qt Designer:
    1. Начните вводить «Qt Designer»
    2. Выберите из получившегося списка Altedu-menu-qtdesigner.png Qt5 Designer для Qt5 или Altedu-menu-qtdesigner.png Qt6 Designer для Qt6
  3. Установите Qt Designer:
    1. Нажмите кнопку Установить
    2. По завершении процесса установки Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-software-center.png Центр приложений можно закрыть

С помощью Менеджера пакетов


  1. Запустите Менеджер пакетов:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Менеджер пакетов»
    3. Выберите из получившегося списка Altedu-menu-synaptic.png Менеджер пакетов
    4. Введите пароль администратора во всплывающем окне, затем нажмите кнопку OK
  2. Обновите сведения о пакетах:
    1. Нажмите кнопку ⟳ Получить сведения
  3. Найдите Qt Designer:
    1. Нажмите кнопку 🔍 Искать
    2. Во всплывающем окне введите «qt5-designer» для Qt5 или «qt6-designer» для Qt6, затем нажмите кнопку 🔍 Искать
  4. Установите Qt Designer:
    1. Кликните два раза по строке «qt5-designer» и/или «qt6-designer»
    2. Нажмите кнопку ✓ Применить
    3. Подтвердите изменения нажатием кнопки Применить во всплывающем окне
    4. По завершении процесса установки Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-synaptic.png Менеджер пакетов можно закрыть

С помощью Терминала


Примечание:

Любые введённые данные в Altedu-menu-utilities-terminal.png Терминал подтверждаются нажатием клавиши ↵ Enter

  1. Запустите Терминал:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Терминал»
    3. Выберите из получившегося списка Altedu-menu-utilities-terminal.png Терминал
  2. Обновите сведения о пакетах и установите Qt Designer:
    1. Скопируйте и вставьте в Altedu-menu-utilities-terminal.png Терминал команду:
      • Для Qt5:
        su -c 'apt-get -y install qt5-designer'
        
      • Для Qt6:
        su -c 'apt-get -y install qt6-designer'
        
    2. Введите пароль администратора
    3. По завершении процесса установки Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-utilities-terminal.png Терминал можно закрыть



Запуск

Через Меню приложений


  1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
  2. Начните вводить «Qt Designer»
  3. Выберите из получившегося списка Altedu-menu-qtdesigner.png Дизайнер интерфейса для Qt5 или Qt6 (указано в описании).


Через Терминал


Примечание:

Любые введённые данные в Altedu-menu-utilities-terminal.png Терминал подтверждаются нажатием клавиши ↵ Enter

  1. Запустите Терминал:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Терминал»
    3. Выберите из получившегося списка Altedu-menu-utilities-terminal.png Терминал
  2. Запустите Qt Designer:
    1. Скопируйте и вставьте в Altedu-menu-utilities-terminal.png Терминал команду:
      • Для Qt5:
        designer-qt5
        
      • Для Qt6:
        designer-qt6
        



Удаление

С помощью Центра приложений


  1. Запустите Центр приложений:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Центр приложений»
    3. Выберите из получившегося списка Altedu-menu-software-center.png Центр приложений
  2. Поиск Qt Designer:
    1. Начните вводить «Qt Designer»
    2. Выберите из получившегося списка Altedu-menu-qtdesigner.png Qt5 Designer для Qt5 или Altedu-menu-qtdesigner.png Qt6 Designer для Qt6
  3. Удалите Qt Designer:
    1. Нажмите кнопку Удалить
    2. Подтвердите удаление нажатием кнопки Удалить во всплывающем окне
    3. По завершении процесса удаления Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-software-center.png Центр приложений можно закрыть


С помощью Менеджера пакетов


  1. Запустите Менеджер пакетов:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Менеджер пакетов»
    3. Выберите из получившегося списка Altedu-menu-synaptic.png Менеджер пакетов
    4. Введите пароль администратора во всплывающем окне, затем нажмите кнопку OK
  2. Обновите сведения о пакетах:
    1. Нажмите кнопку ⟳ Получить сведения
  3. Найдите Qt Designer:
    1. Нажмите кнопку 🔍 Искать
    2. Во всплывающем окне введите «qt5-designer» для Qt5 или «qt6-designer» для Qt6, затем нажмите кнопку 🔍 Искать
  4. Удалите Qt Designer:
    1. Кликните по строке «qt5-designer» и/или «qt6-designer»
    2. Нажмите клавишу Delete
    3. Нажмите кнопку ✓ Применить
    4. Подтвердите изменения нажатием кнопки Применить во всплывающем окне
    5. По завершении процесса удаления Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-synaptic.png Менеджер пакетов можно закрыть

С помощью Терминала


Примечание:

Любые введённые данные в Altedu-menu-utilities-terminal.png Терминал подтверждаются нажатием клавиши ↵ Enter

  1. Запустите Терминал:
    1. Вызовите Alt-education.png Меню приложений нажатием клавиши ⊞ Win
    2. Начните вводить «Терминал»
    3. Выберите из получившегося списка Altedu-menu-utilities-terminal.png Терминал
  2. Удалите Qt Designer:
    1. Скопируйте и вставьте в Altedu-menu-utilities-terminal.png Терминал команду:
      • Для Qt5:
        su -c 'apt-get -y remove qt5-designer'
        
      • Для Qt6:
        su -c 'apt-get -y remove qt6-designer'
        
    2. Введите пароль администратора
    3. По завершении процесса удаления Altedu-menu-qtdesigner.png Qt Designer, Altedu-menu-utilities-terminal.png Терминал можно закрыть