Найти в Дзене

Trace Mode 7. Кнопка на любой вкус. Быстро редактируем внешний вид.

Вопрос как создать кнопку мы рассмотрели ранее. Но что делать, если обычная серая кнопка не подходит? Конечно, можно поиграть цветами, но общий смысл останется - они прямоугольные и с монотонной заливкой... Можно поиграть с градиентом Можно использовать большинство графический форм как кнопку! Для примера возьмем Прямоугольник и Эллипс. Функции управления настраиваются во вкладке "Действия" Применим инженерный подход (для обывателя ближайший термин "пошаманим") и получим из прямоугольника Из эллипса Можно менять не только местоположение света для градиента, но и его цвет (ожидаемо, он в обоих положениях кнопки неизменен). Но что делать, если все это не то? Что делать, если хочется что-то уникальное, что-то свое? Используем Кнопку с растром Картинки предварительно загружаем в Ресурсы - Изображения. Небольшой секрет. У такой кнопки можно задать СВОЙ текст. Для примера, картинку центрирую слева, а в освободившемся месте вывожу текст ее состояния. Можно так же использовать не растровое

Вопрос как создать кнопку мы рассмотрели ранее.

Но что делать, если обычная серая кнопка не подходит?

Верхние - отжаты, нижние - нажаты.
Верхние - отжаты, нижние - нажаты.

Конечно, можно поиграть цветами, но общий смысл останется - они прямоугольные и с монотонной заливкой... Можно поиграть с градиентом

Верхний - отжат, нижний - нажат.
Верхний - отжат, нижний - нажат.

Можно использовать большинство графический форм как кнопку! Для примера возьмем Прямоугольник и Эллипс. Функции управления настраиваются во вкладке "Действия"

-3

Применим инженерный подход (для обывателя ближайший термин "пошаманим") и получим из прямоугольника

Верхний - отжат, нижние - нажаты (разное расположение света для градиента).
Верхний - отжат, нижние - нажаты (разное расположение света для градиента).

Из эллипса

-5

Можно менять не только местоположение света для градиента, но и его цвет (ожидаемо, он в обоих положениях кнопки неизменен).

Но что делать, если все это не то? Что делать, если хочется что-то уникальное, что-то свое? Используем Кнопку с растром

-6

Картинки предварительно загружаем в Ресурсы - Изображения.

Небольшой секрет. У такой кнопки можно задать СВОЙ текст. Для примера, картинку центрирую слева, а в освободившемся месте вывожу текст ее состояния.

-7
-8

Можно так же использовать не растровое изображение, а векторное.

-9
Левая - отжата, правая - нажата.
Левая - отжата, правая - нажата.

Но, если (очередное "но, если") Заказчик скажет "Что это за?" Очевидно, картинка "злое лицо" необходимо срочно заменить... А его добавили в проект во многих экранах. Перспектива менять КАЖДУЮ кнопку довольно удручает...

Ну так мы это делать и не будет. Заходим в Ресурсы - SVG/Изображения и заменяем "злое лицо" на новый ресурс

-11
-12
-13

Готово!!! Ресурс подменен и все, что использовало "злое лицо" теперь использует "пальму".

Этот механизм доступен для всех внешних ресурсов и для пользовательских графических элементов.

Успехов в освоении Программы и применении полученного опыта! 👽

Список авторских статей о Trace Mode 7

Сайт Разработчика Trace Mode

Скачать БЕСПЛАТНО и официально

Форум Trace Mode 7