[Дизайн] Сцена "Оранжевый бриз" - версия 2
Добавлено: Пт апр 17, 2020 4:39 am
Полностью переделал сцену Оранжевый бриз, сохранив ее стиль, но сделал ее гибкой, в плане настройки стиля под себя. Формат подогнал под планшет. Сцена с авто установщиком и активации.
Посмотреть демонстрационное видео можно здесь
Сцену можно установить из маркета MajorDoMo
Внимание!!! Боковое меню необходимо импортировать отдельно. Файл во вложении.
Общий вид сцены Оранжевый бриз
Инфоблок
Инфоблок по умолчанию выключен. Если нужно его задействовать, то достаточно указать название инфоблока и оно появится. Для того, чтобы внизу отображались иконки, нужно сделать передачу значении с класса вашего устройства на свойство InformationBlockХХ.IconХХ
Эти объекты для работы инфоблока
Сюда нужно вставлять название иконок
Как подготовить изображение для инфоблока?
Общий вид с инфоблоками и стилизацию инфоблока можно увидеть на видео темы Оранжевый бриз - версия 2
Размер изображения для фона. Делаем прозрачность изображения 60% и сохранять в формат png без заднего фона.
Такое изображение должно быть для инфоблока. Прозрачность 60% и без фона.
Примеры изображении с задним фоном, белого и черного цвета
Изображению нужно присвоить имя, его мы можем получить при транслитерации на выходе, это делается здесь.
Загружаем изображение в папку BackgroundBlocks
На этом все. Теперь вписав название инфоблока, вы получите фон, соответствующий названию блока.
Про название изображении.
Если при транслитерации название изображения будет содержать символ, типа Spal ' nya, то изображение не будет отображаться, если будет Spalnya, то будет отображаться. Я создал метод mbackgroundBlocks, который исправляет слово Спальня. Сюда вы можете добавлять свои слова для исправления.
Как настроить меню настройки темы Оранжевый бриз?
Посмотреть демонстрационное видео можно здесь
Сцену можно установить из маркета MajorDoMo
Внимание!!! Боковое меню необходимо импортировать отдельно. Файл во вложении.
СпойлерПоказать
Общий вид сцены Оранжевый бриз
СпойлерПоказать
- Общий вид сцены после активации.JPG (183.46 КБ) 6130 просмотров
Инфоблок по умолчанию выключен. Если нужно его задействовать, то достаточно указать название инфоблока и оно появится. Для того, чтобы внизу отображались иконки, нужно сделать передачу значении с класса вашего устройства на свойство InformationBlockХХ.IconХХ
Эти объекты для работы инфоблока
СпойлерПоказать
- 01 Инфоблоки - список.JPG (63.41 КБ) 6567 просмотров
СпойлерПоказать
- 02 Инфоблоки - свойства.jpg (80.78 КБ) 6567 просмотров
Как подготовить изображение для инфоблока?
Общий вид с инфоблоками и стилизацию инфоблока можно увидеть на видео темы Оранжевый бриз - версия 2
СпойлерПоказать
- общий вид с инфоблоками.JPG (282.93 КБ) 6570 просмотров
СпойлерПоказать
- Размеры для фона инфо кнопок.JPG (40.14 КБ) 6570 просмотров
СпойлерПоказать
- прозрачность картинки 60% без фона.JPG (28.42 КБ) 6570 просмотров
СпойлерПоказать
- прозрачность картинки 60% и черный фон.JPG (24.58 КБ) 6570 просмотров
- прозрачность картинки 60% и белый фон.JPG (24.86 КБ) 6570 просмотров
СпойлерПоказать
- Вписываем название инфо панели на русском.jpg (49.24 КБ) 6570 просмотров
- Получаем транслит и именуем изображение.jpg (114.66 КБ) 6570 просмотров
СпойлерПоказать
- загружаем изображение в папку BackgroundBlocks.jpg (65.82 КБ) 6570 просмотров
Про название изображении.
Если при транслитерации название изображения будет содержать символ, типа Spal ' nya, то изображение не будет отображаться, если будет Spalnya, то будет отображаться. Я создал метод mbackgroundBlocks, который исправляет слово Спальня. Сюда вы можете добавлять свои слова для исправления.
Код: Выделить всё
if ($this->getProperty('backgroundBlocks') == 'Spal\'nya') {
$this->setProperty('backgroundBlocks', 'Spalnya');
} else if ($this->getProperty('backgroundBlocks') == 'Spal\'nya-1') {
$this->setProperty('backgroundBlocks', 'Spalnya-1');
} else if ($this->getProperty('backgroundBlocks') == 'Spal\'nya-2') {
$this->setProperty('backgroundBlocks', 'Spalnya-2');
}
Как настроить меню настройки темы Оранжевый бриз?
СпойлерПоказать