Глава 5. Сложные компоненты

Ревизия VCS: 6133

Дата сборки документа: 2016.12.21 17:58:41

Содержание

5.1. Компонент «Календарь»
5.1.1. Общие параметры
5.1.2. Цвета «белого» Календаря
5.1.3. Цвета «черного» Календаря
5.1.4. Поведение компонента
5.2. Панель комментариев
5.2.1. Общие параметры
5.2.2. Цвета панели комментариев
5.2.3. Состояния плашек панели комментариев
5.2.4. Поведение компонента
5.3. Панель бессрочных заметок
5.3.1. Общие параметры
5.3.2. Цвета панели бессрочных заметок
5.3.3. Поведение компонента
5.4. Панель файлов
5.4.1. Общие параметры
5.4.2. Цвета панели файлов
5.4.3. Поведение компонента
5.5. Компонент выбора дня недели
5.5.1. Общие параметры
5.5.2. Цвета панели файлов
5.5.3. Состояния ячеек
5.5.4. Поведение компонента
5.6. Компонент «Уведомления»
5.6.1. Общие параметры
5.6.2. Цвета компонента

5.1. Компонент «Календарь»

Рисунок 5.1. Календарь

Календарь

Рисунок 5.2. Размеры и отступы компонента «Календарь»

Размеры и отступы компонента «Календарь»

5.1.1. Общие параметры

  • Высота зависит от количества недель — 240 px (5 недель)

  • Ширина — 295 px

  • Вертикальные отступы — 15 px

  • Горизонтальные отступы — 17 px

  • Отступ от заголовка (день недели) до дат — 18 px

  • Отступы между столбцами — 21 px

  • Отступы между строками — 12 px

  • Стиль шрифта надписей «Ноябрь», «2013» и «Сегодня» - BigText. Стиль шрифта дней недели и чисел месяца — MainTextBold. Стиль шрифта выпадающих списков — MainText.

  • Даты кликабельны и действие по клику определяется контекстом использования

  • Дни недели в заголовке не кликабельны

  • Неделя выделена жирным шрифтом

  • Наведение курсора на месяц, год и надпись «Сегодня» изменяет курсор на вид «Pointer»

  • Для изменения просматриваемого месяца и/или года присутствует выпадающий список. Одновременно можно просматривать только один из списков.

    Рисунок 5.3. Календарь со списком лет

    Календарь со списком лет

    Рисунок 5.4. Календарь со списком месяцев

    Календарь со списком месяцев

5.1.2. Цвета «белого» Календаря

Граница - ButtonPressed

Пиктограммы «<» и «>» - Border1

Цвет месяца, года и надписи «Сегодня» - TextColor2

Цвет заголовка (дней недели) - DeclineButtonBg4

Цвет дней не входящих в этот месяц - ButtonPressed

Цвет дней этого месяца - CalendarDays

Цвет дней нынешней недели - Black

Цвет выбранного дня - SelectColor

5.1.3. Цвета «черного» Календаря

Пиктограммы «<» и «>» - ButtonPressed

Цвет месяца, года и надписи «Сегодня» - ButtonPressed

Цвет заголовка (дней недели) - DeclineButtonBg4

Цвет дней не входящих в этот месяц - TextColor1

Цвет дней этого месяца - Border1

Цвет дней нынешней недели - WhiteBg

Цвет выбранного дня - DeclineButtonBg4

5.1.4. Поведение компонента

5.1.4.1. Щелчок ЛКМ по названию месяца

Вызовет выпадающий список с названиями месяца. Повторный щелчок значения из списка произведет выбор месяца.

5.1.4.2. Щелчок ЛКМ по названию года

Вызовет выпадающий список с названиями лет. Повторный щелчок значения из списка произведет выбор года.

5.1.4.3. Щелчок ЛКМ по верхним кнопкам****«<»****и****«>»

Производит выбор предыдущего и следующего месяца соответственно. Даты в календаре меняются автоматически, после нажатия на одну из этих кнопок.

5.1.4.4. Щелчок ЛКМ по надписи «Сегодня»

Производит выбор настоящей дня. Даты, год и месяц в календаре меняются автоматически, в соответствии с выбранным днем.

5.1.4.5. Щелчок ЛКМ по нижним кнопкам****«<»****и****«>»

Производит выбор предыдущего и следующего дня соответственно.

5.1.4.6. Щелчок ЛКМ по дню недели

Календарь производит выбор дня, а также отображает выбранную неделю.