Найти тему

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

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

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

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

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

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

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

-3

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

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

Из эллипса

-5

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

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

-6

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

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

-7
-8

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

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

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

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

-11
-12
-13

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

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

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

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

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

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

Форум Trace Mode 7