- •1.1. Інтерфейс користувача: міст між людиною і комп'ютером
- •1.2. Основні принципи розробки користувальницького інтерфейсу
- •2.1. Життєвий цикл програмного продукту
- •2.2. Етапи проектування користувальницького інтерфейсу
- •3.1. Особливості графічного інтерфейсу
- •3.4. Взаємодія користувача з додатком
- •3.5. Загальні правила взаємодії з об'єктами
- •4. Вибрати команду Всщавить.
- •3.6.2. Операції створення нових об'єктів
- •4.1. Проектування піктограм
- •4.2.2. Основні операції з вікнами
- •93 Ніяке інше вікно не повинне стати активним перш, ніж користувач завершить переміщення даного вікна. 11еремегцение вікна має на увазі його активізацію.
- •4.2.5. Вибір моделі вікна
- •4.3.2. Панелі властивостей і контролю параметрів
- •4.3.3. Діалогові панелі
- •4.3.4. Інші типи вторинних вікон
- •5.2.3. Прапорці
- •5.3.1. Список одиничного вибору
- •5.3.4. Список, що модифікується
- •5.3.5. Дерево, що модифікується
- •5.4.1. Текстові поля
- •5.4.4. Комбінований список, що випадає
- •5.6.2. Заголовки стовпців
- •5.6.3. Етикетка вкладки
- •5.6.4. Смуги прокручування
- •5.6.8. Колекції
- •5.6.9. Область повідомлень
- •5.7. Вибір візуальних атрибутів відображуваної інформації
- •5.7.1. Композиція й організація
- •5.7.3. Шрифт
- •5.7.4. "Багатомірність" екрана
- •5.7.6. Візуалізація виконуваних операцій
- •5.8. Три випадки з життя guі
- •6.1. Вікно повідомлення
- •6.2.2. Спливаюча підказка
- •6.3. Проблемно-орієнтована допомога
- •6.5. Майстра
- •6.6. Засобу навчання користувача
- •Глава 7
- •7.3. Користувальницький інтерфейс систем реального часу
- •8.3. Засобу розробки web-документів
- •Глава 9
5.3.4. Список, що модифікується
Список, що модифікується, (Lіst Vіew Control) являє собою особливу форму розширеного списку, що відображає набір пунктів, кожний з який містить піктограму і текстову мітку. Уміст списку, що модифікується, може бути представлене в одному з чотирьох видів (табл. 5.6).
Табл і на 5.6.
Формати списку, що модифікується
Формат Опис
Піктограма Кожен пункт відображається як полноразмерная піктограма з розташованої під нею міткою. Користувач може переміщати (перетаскувати мишею) піктограми в будь-яку позицію в межах видимої області списку
Маленька піктограма Кожен пункт відображається як піктограма маленького формату зі своєю міткою, розташованої праворуч. Користувач може переміщати (перетаскувати мишею) піктограми в будь-яку позицію в межах видимої області списку
Список Кожен пункт відображається як піктограма маленького формату зі своєю міткою, розташованої праворуч. Піктограми упорядковані у виді стовпця заданого формату
Звіт Кожен пункт відображається у виді рядка, що містить кілька стовпців; самий лівий стовпець містить іконку і мітку. Наступні стовпці містять інформацію, що поставляється додатком, що формує даний список, що модифікується
173
Приклади використання різних форматів списку, що модифікується, приведені на мал. 5.22.
Для списку, що модифікується, підтримуються також операції вирівнювання, вибору й упорядочивания піктограм, редагування міток, а також операції прямого маніпулювання.
Даний вид списку рекомендується використовувати в тихнув випадках, коли обирані об'єкти можуть бути представлені за допомогою піктограм. Крім того, варто реалізувати спливаючі меню для піктограм, відображуваних у списку. Це забезпечує послідовність інтерфейсу при взаємодії користувача з піктограмами.
Таким чином, робота зі списком, що модифікується, аналогічна роботі з файлами у вікні каталогу. Наприклад, щиглик Л КМ на піктограмі приводити до її вибору. Після вибору піктограми користувач може включити в область вибору інші елементи списку.
Для списку, що модифікується, підтримуються клавіатурна і ram нація і вибір.
Як додатковий параметр для стандартних модпфп і шруемых списків також реалізована можливість відображення допоміжних графічних елементів, використовувана, зокрема , для висновку інформації про стан об'єктів, що фігурують у списку. Такими елементами, наприклад, можуть бути прапорці, що поміщаються біля пунктів списку.
5.3.5. Дерево, що модифікується
Дерево, що модифікується, (Tree Vіew Control) є, у свою чергу, часткою случаємо списку, що модифікується, у якому уміст відображається з обліком логічного й ієрархічного співвідношення між пунктами списку. У такому списку маються кнопки, що дозволяють змінювати форму представлення структури списку в цілому і/чи окремих пунктів: смороду можуть відображатися або в розгорнутому, або в згорнутому виді (малий. 5.23). Дерево, що модифікується, звичайно використовується в тихнув випадках, коли необхідно відобразити відношення між чи набором контейнерів інших ієрархічних елементів.
Для шкірного вузла дерева ви можете додатково включити піктограму з текстовою міткою. При зміні користувачем форми представлення елемента списку ( чизгортанні розгортанні) його піктограма може змінюватися. У деяких випадках корисно включити в позначення пункту графічний символ (напр! [мір, усі тієї ж прапорець), щоб відбити інформацію про стан даного пункту списку.
При створенні дерева, що модифікується, допускається також малювання ліній, що вказують ієрархічне співвідношення між елементами в списку, а також між кнопками, використовуваними для згортання і розгортання списку.
Клавіатурна навігація реалізується за допомогою клавіш керування курсором: перехід між пунктами виконується при натисканні клавіш <Униз> і <Нагору>, а
17J
Кнопки згортання і розгортання елементів списку
Малюнок 5.23. дерево
клавіші, Що Модифікується, <Уліво> і <Вправо> використовуються для переміщення уздовж конкретної галузі дерева. При натисканні клавіші <Вправо> може також виконуватися розгортання пункту, якщо він відображений у згорнутому' виді. Для навігації за списком і вибором пунктів іноді використовуються текстові клавіші; їхня робота, як і в інших списках, заснована на використанні техніки синхроннного зіставлення символів.
При використанні дерева, що модифікується, у діалоговій панелі варто додатково враховувати наступну рекомендацію. Якщо для пункту в списку визначена убудована команда, що виконується при натисканні клавіші <Enter> чи по подвійному щиглику ЛКМ, то на діалоговій панелі повинна існувати кнопка, що запускає ту ж команду. Наприклад, якщо ви використовуєте подвійного щиглика Л КМ на елементі списку, щоб відобразити його властивості, то на діалоговій панелі повинна існувати кнопка Властивості, що запускає відповідну команду, коли фокус уведення знаходиться на цікавлячому користувача елементі.
176
5.4. ТЕКСТОВІ ОБЛАСТІ
Як правило, вікна містять різні елементи інтерфейсу, що забезпечують відображення, введення і редагування текстових величин. Деякі з них являють собою комбінацію області текстового введення з елементами керування інших типів.
У текстовій області не використовуються текстові мітки як елементи керування. Проте , ви можете доповнити її статичним текстом, що пояснює призначення текстової області і забезпечує індикацію ситуацій, коли область недоступна. Якщо статичний текст складається з декількох слів, при його написанні доцільно використовувати розглянуті раніше правила використання заголовних букв. Статичний текст може також бути використаний для визначення клавіші доступу до текстової області. При цьому необхідно пам'ятати, що при натисканні клавіші доступу фокус уведення повинний установлюватися на текстову область, з яким мітка зв'язана, а не на сам статичний текст. Ви можете також забезпечити клавіатурну навігацію в текстовій області, використовуючи клавішу <Таь> і клавіші переміщення курсору.
У тих випадках, коли текстова область використовується для введення обмеженої безлічі можливих значень (наприклад, тільки чисел із заданого діапазону), варто відразу підтверджувати правильність чи введення, навпаки, ігнорувати невідповідні символи (можливо, видаючи користувачу відповідне повідомлення).
