Menu

Визуализация данных и оформление конструктора

Добавление изображений в проект и оформление Руны

До & После

До и После оформления конструктора

Иногда надоедают «сухие» буквы и цифры и хочется картинок и красоты. Об этом и будет данная статья, как сделать работу чуточку приятней. И сейчас я опишу пример оформления конструктора от рисунка «До» к «После».

За основу возьмём мой старый мини — проект который я назвал Овощевод.

Оформление конструктора

До преображения

Первое что сделаем давайте добавим в проект изображения товаров, предварительно их подготовив. Вес изображения для импорт в проект не должен сопоставлять более 64 Кб.

Оформление конструктора

Допустимый размер

Процесс подготовки изображений и работы с графическим редактором описывать не буду, а лишь покажу что подготовил

Оформление конструктора

Заготовки иконок

Далее произведём импорт этих изображений в проект

Оформление конструктора

Добавление заготовок под иконки

Теперь произведём настройки для отображения фотографий в формах, полях, фильтрах проекта. В том варианте который описан здесь можно сделать через тип поля Переключатель. Необходимо сделать следующее

Оформление конструктора

Настройка переключателей

  1. Добавляем тип поля Переключатель
  2. Переименуем в _Название так как Название уже есть
  3. В поле Значение необходимо вписать (в нашем случае) названия всех импортированных фотографий.
  4. Для поля Вид выбираем список
  5. Для поля Стиль выбираем рисунок
  6. В фильтре — применить

Смотрим что в итоге получилось

Оформление конструктора

Демонстрация оформления

И последнее, поменяем шрифт. Вот такая визуализация данных и оформление конструктора у меня получилась.

Оформление конструктора

Итоговый вариант оформления

На этом всё, проект можно скачать.

 

Метки: , , ,

Добавить комментарий

Ваш e-mail не будет опубликован.