Элемент-экран Меню.
Элемент предназначен для создания меню.
Главная идея разработки данного элемента, состояла в закрытии от пользователя всех тонкостей реализации собственного меню.
Для настройки элемента необходимо
| • | добавить нужное количество пунктов |
| • | для каждого пункта задать экран, на который будет совершен переход в случае выбора этого пункта |
| • | оформить пункты под свои требования (шрифты, картинки, смещения) |
Элемент поддерживает симуляцию. Т.е. можно с помощью кнопок на изображении контроллера выбрать пункт, нажать Enter и осуществится переход на заданный экран.
На данный момент реализовано 2 типа элементов-меню:
| • | экранный |
| • | строковый |
Экранное меню
Каждый пункт занимает почти весь экран. Он имеет большую картинку, возможность сделать пояснение. Невыделенные пункты отображаются инверсными закладками, на которых изображена иконка и быстрая кнопка.
Максимальное количество пунктов – 6.
Переключение пунктов – кнопки вправо, влево.
Переход на экран, подключенный к пункту – кнопка Enter.
1. Картинка выделенного пункта. Для каждого пункта можно задать свою картинку.
2. Иконка выделенного пункта. Для каждого пункта можно задать свою иконку.
3. Название выделенного пункта.
4. Примечание выделенного пункта.
5. Закладки не выделенных пунктов.
Строчное меню.
На экране контроллера помещаются 4 пункта, каждый из них занимает 1 строку.
Выделенный пункт показывается инверсией.
Максимальное количество пунктов – 255.
Переключение пунктов – кнопки вверх, вниз
Переход на экран, подключенный к пункту – кнопка Enter.
1. Картинка пункта. Для каждого пункта можно задать свою картинку.
2. Название пункта.
3. Горячая кнопка пункта.
4. Выделенный пункт.
Заголовок.
1. Заголовок. Текст заголовка, одновременно является именем элемента.
2. Шрифт. При поиске нужного шрифта можно использовать фильтрацию по префиксу. Т.е. если набрать первую букву из названия шрифта, то в списке останутся только шрифты на эту букву.
3. Смещение. Задается по пиксельное смещение относительно начального положения.
4. Цвет. Инверсный или не инверсный.
5. Показывать иконку «Выход». Если стоит этот флажок, то в заголовке отображается соответствующая иконка. Самого перехода на верхний уровень элемент не генерирует, эта иконка носит лишь информационный характер.
Список пунктов
1. Названия пунктов. Названия можно редактировать и изменять последовательность.
Начало редактирования названия – двойной клик.
Конец редактирования:
| • | кнопка Enter на клавиатуре компьютера |
| • | клик мыши за пределами строки. |
Выделение пункта – клик мыши. Выделенный пункт отображается на экране контроллера, таким образом можно сразу видеть, как будет выглядеть меню.
Изменение порядка пунктов реализуется перетаскиванием с помощью мыши.
2. Переход на экран. К каждому пункту можно прикрепить экран. Соответственно, если пункт будет выделен и нажат Enter, то будет осуществлен переход на заданный экран. Переходы симулируются, т.е. если с помощью кнопок на изображении контроллера выделить пункт и нажать кнопку Enter (также на изображении контроллера), то будет осуществлен переход.
3. Горячие кнопки. Переход может быть осуществлен по горячей кнопке. Т.е. не обязательно выбирать пункт и нажимать Enter, достаточно одного нажатия на горячую кнопку.
4. Добавить. Добавляет новый пункт после выделенного пункта.
5. Удалить. Удаляет выделенный пункт
Оформление текущего пункта.
Рис Оформление пункта меню
1. Название пункта. Дублирует название выделенного пункта из списка пунктов.
2. Шрифт. При поиске нужного шрифта можно использовать фильтрацию по префиксу. Т.е. если набрать первую букву из названия шрифта, то в списке останутся только шрифты на эту букву.
3. Смещение. Задается по пиксельное смещение относительно начального положения.
4. Примечание. Все настройки аналогичны названию пункта.
5. Показывать картинку. Если стоит это флажок, то к выделенному пункту подключается картинка. Становятся активными кнопки работы с картинками.
6. Подключить ранее созданную картинку. При клике на эту кнопку будет запущен диалог открытия файла. По умолчанию, открывается каталог PixelArt, в которой хранятся библиотечные картинки. Нужно выбрать файл картинки и нажать «Открыть». SMArt скопирует указанный файл во внутреннюю директорию и далее будет работать с этой копией.
7. Редактирование. Последовательность действий при редактировании следующая:
| • | нажать на кнопку «Редактирование» |
| • | запуститься графический редактор. В нем будет открыта выделенная картинка. |
| • | внести изменения в картинку |
| • | сохранить картинку, не меняя имени файла и его местоположения. |
| • | перейти в SMArt. Картинка должна автоматически обновиться. |
8. Сохранение картинки. Если получившаяся после редактирования картинка нужна в других проектах, то ее можно сохранить на диск.
9. Обновить картинку. При подключении картинки SMArt запоминает изначальный путь. И при нажатии на кнопку обновит картинку из этого файла.
10. Смещение. Задается по пиксельное смещение картинки относительно начального положения.
11. Показывать иконку. Работа с иконкой аналогична работе с картинкой.