Компютърна графика и ГПИ

Препис

1 Компютърна графика и ГПИ Графичен Потребителски Интерфейс доц. д-р Александър Пенев

2 ГПИ (GUI) 2/31

3 Графичен Потребителски Интерфейс Всяка конкретна реализация на Графичен Потребителски Интерфейс е една конкретна специализирана система за работа с Графична информация. 3/31

4 Кратка История 4/31

5 CLI Command-Line Interface (Pre-WIMP) GUI Graphc User Interface (WIMP) NUI Natural User Interface (Post-WIMP) 5/31

6 CLI 6/31

7 GUI Една от първите широко-разпространени реализации на концепцията и един от съвременните (и много по-цветни) наследници. 7/31

8 NUI 8/31

9 Основни Принципи 9/31

10 WIMP Windows Прозорци Icons Икони Menus Менюта Pointer Указател 10/31

11 WIMP Windows Прозорците съдържат изпълняващи се паралелно (или псевно-паралено) програми, изолирани визуално една от друга; Icons Иконите са средство за бърз визуален достъп (изпълнение) на определена операция, задача или друга програма; Menus Менюта са текстово или графично средство за йерархичен избор на операции, задачи и др.; Pointer Указателя е визуален екранен елемент/символ, контролиран от физическите движения на позициониращо входно устройство ( мишка ). 11/31

12 Графичен Интерфейс Структурата на прозореца е изградена от (тези области може да се препокриват): Полета (области) за начални данни; Полета (области) за резултати; Изображения (пиктограми, икони), символизиращи различни обекти, в частност команди; Като елементи на прозореца могат да участват и други подпрозорци, т. е. има възможност за йерархия. 12/31

13 Елементи на ГПИ 13/31

14 Основни елементи на ГПИ Етикети (Label) Икона (Icon) Изображение (Image) Поле за редактиране (Edit box) Бутони (Button) Радио бутони (Radio button) Отметка (Check box) Падащ списък (Combo box) Списък (List box) 14/31

15 Други елементи на ГПИ Прогрес и други индикатори (Progress bar и др.) Скролер (Scrollbar) Плъзгачи (Slider) Бутон за помощ (Help button) Специализирани кутии за избор Контекстно меню (Context menu) Кутия за търсене (Search box) Контекстна информация (Popup box, Hint) 15/31

16 Други елементи на ГПИ Елементи за групиране (Group box)... И много други... 16/31

17 Съставни елементи на ГИП Прозорец (Window) Диалогова кутия (Dialog box) Текст (Text Area) Различни видове ленти с инструменти (Toolbar, Ribbon,...) Меню (Menu) 17/31

18 Съставни елементи на ГИП Таблица (Table) Дървовиден изглед (Tree View) Статус (Statusbar) 18/31

19 WYSIWYG What You See Is What You Get 19/31

20 WYSIWYG vs. Markup 20/31

21 Други 21/31

22 Post-WIMP Windows Прозорци Icons Икони Menus Менюта Point Посочване 22/31

23 23/31

24 Архитектури 24/31

25 Архитектурни Шаблони: MVC и други 25/31

26 Алтернативи Model View Presenter (MVP) Model View ViewModel (MVVM) Hierarchical Model View Controller Presentation Abstraction Control (PAC) Model View Adapter Data, Communication and Interaction (DCI) Action Domain Responder 26/31

27 Библиотеки 27/31

28 Визуални Компоненти Qt MFC VCL GTK+ (GladeXML) wxwidgets AWT Swing Cocoa Windows Forms WPF (XAML) XUL jquery UI... 28/31

29 Вместо Финал 29/31

30 Внимавайте с Вашият GUI :) Не винаги повече означава по-добро 30/31

31 Въпроси? 31/31