Кнопка стану - віджет Adobe Muse » Adobe Muse
Кнопка стану - стандартний віджет Adobe Muse.
Відеоурок про стандартний віджет Adobe Muse — «Кнопка стану «. Думаю не варто недооцінювати функції програми, вкладені в неї за умовчанням.
Дивіться та ділитесь з друзями:
Кнопка стану. Розділ «Кнопки» у бібліотеці.
Давайте відразу відкриємо програму, відкриємо бібліотеку міні-додатків. Вона в мене вже відкрита, і в кого не тут не відображається бібліотека міні-додатків, то йдете в «Вікно» і вмикаєте її ось тут «Бібліотека міні-додатків». Бібліотека міні-додатків додасться до правої панелі програми, і ви зможете тут її у будь-який момент відкрити, коли вам це буде потрібно.
Давайте почнемо з першого розділу. Це розділ «Кнопки ». Найцінніше, що тут є – це «Кнопка стану».
Кнопка стану. Віджет - «HiDPI (вкл./вимк.)».
Перший віджет «HiDPI (вкл./вимк.) » потрібен для того, якщо ви використовуєте на своєму сайті режим «HiDPI. За допомогою даної кнопки ви зможете вмикати і вимикати режим «HiDPI» на своєму сайті. Якщо у вас буде виставлено значення "Стандартне", то дана кнопка буде для вас марною.
Кнопка стану. Віджет - "Кнопка стану".
Наступний віджет – це «Кнопка стану ». Давайте розмістимо її на сторінці і подивимося, що вона собою представляє. Вона являє собою такий контейнер, який називається «Кнопка стану».
Основні елементи віджету «Кнопка стану».
Усередині цього контейнера розміщено текстовий кадр. Ви можете йогоперетягувати усередині цього контейнера. І також прямокутник. Прямокутник представлений відразу із заливкою тут і у вигляді такої точки. Передбачається, що на цій кнопці ви зможете розмістити якийсь напис і вставити сюди картинку.
Ви, напевно, можете подумати, що цю кнопку можна зробити звичайними засобами в Adobe Muse, такими як текст і прямокутник. Але ця кнопка працює трохи інакше.
Особливості віджету «Кнопка стану»
Якщо ми зробимо кнопку просто з прямокутника (давайте я заллю її яким-небудь кольором) і розмістимо всередині цього прямокутника так само текстовий кадр. Давайте я скопіюю звідси. І розмістимо сюди прямокутник, зробимо йому округлі краї і зробимо заливку чорним кольором. Припустимо, у нас є ось така подібна до цієї кнопки конструкція.
Давайте округлімо ще тут краї. І додамо стан «Курсор над кнопкою», виберемо світліше якийсь колір. Давайте виберу просто синій. А для цього прямокутника у нас «Курсор над кнопкою» колір зробимо йому помаранчевий. Ось так. Тобто. при наведенні курсору миші за ідеєю на цю кнопку у нас повинні змінюватися ці стани.
Перегляд роботи віджету «Кнопка стану»
Давайте зайдемо в режим "Перегляд" і спробуємо навести курсор миші на цю кнопку. Якщо ми наведемо курсор миші на першу кнопку, то ми бачимо, що при наведенні тільки на цей контейнер відразу змінюються всі стани: стан тексту - змінився з чорного на світлий і стан точки в стані прямокутника теж змінюється з темного на світлий. Водночас усе працює.
Якщо ми тепер наведемо курсор миші на створену кнопку, то буде змінюватися тільки стан фонового прямокутника. Для того щоб у нас змінилося стан цієї точки, намдоведеться наводити курсор миші саме на неї. Те саме буде з текстом.
Якщо в режимі «Дизайну» змінено колір тексту з темного на світлий, колір тексту змінюватиметься лише при наведенні на нього курсором миші. Тобто. всі елементи цієї кнопки працюють окремо.
Всі елементи віджету «Кнопка стану», вставлені на сторінку за допомогою спеціального стандартного віджету, працюють спільно.
Давайте знову увійдемо в режим "Дизайну" і, в принципі, з кнопками все. ви побачили, у чому відмінність створення кнопки звичайними інструментами та створення кнопки за допомогою віджету «Кнопка стану». Погодьтеся, це набагато швидше та зручніше.
Наступний розділ "Композиції" ми розглянемо в інших моїх уроках. На цьому ми закінчуємо цей урок. У ньому ми розглянули розділ «Кнопки» із бібліотеки міні-додатків у програмі Adobe Muse.