Кнопка состояния – стандартный виджет Adobe Muse

Кнопка состояния – стандартный виджет Adobe Muse.

Видеоурок о стандартном виджете Adobe Muse – “Кнопка состояния“. Думаю не стоит недооценивать функции программы, вложенные в нее по-умолчанию.

Этот видеоурок откроет рубрику видеоуроков, посвященных обзору стандартных виджетов (мини-приложений) Adobe Muse.

Смотрите и делитесь с друзьями:

Этот видеоурок рассчитан у нас на изучение стандартных мини-приложений в программе Adobe Muse.

Кнопка состояния. Раздел “Кнопки” в библиотеке.

Давайте сразу откроем программу, откроем библиотеку мини-приложений. Она у меня уже открыта, и у кого не здесь не отображается библиотека мини-приложений, то идете в «Окно» и включаете ее вот здесь «Библиотека мини-приложений». Библиотека мини-приложений добавится в правую панель программы, и вы сможете здесь ее в любой момент открыть, когда вам это будет нужно.

Давайте начнем с самого первого раздела. Это раздел «Кнопки». Самое ценное, что здесь есть – это «Кнопка состояния».

Кнопка состояния. Виджет – “HiDPI (вкл./откл.)”.

Первый виджет «HiDPI (вкл./откл.)» нужен для того, если вы используете на своем сайте режим «HiDPI. С помощью данной кнопки вы сможете включать и выключать режим «HiDPI» на своем сайте.Для того, чтобы использовать данный виджет вам необходимо изначально настраивать свой сайт в «Свойствах сайта», настраивать здесь режим «HiDPI». Если у вас будет выставлено значение «Стандартное», то данная кнопка будет для вас бесполезна.

Кнопка состояния. Виджет – “Кнопка состояния”.

Следующий виджет – это «Кнопка состояния». Давайте разместим ее на странице и посмотрим, что она из себя представляет. Она представляет из себя вот такой контейнер, который называется «Кнопка состояния».

Основные элементы виджета “Кнопка состояния”.

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

Вы, наверное, можете подумать, что данную кнопку можно сделать обычными средствами в Adobe Muse, такими как, текст и прямоугольник. Но данная кнопка работает несколько иначе.

Особенности виджета “Кнопка состояния”

Если мы сделаем кнопку просто из прямоугольника (давайте я залью ее каким-нибудь цветом) и разместим внутри данного прямоугольника точно также текстовый фрейм. Давайте я скопирую отсюда. И разместим сюда прямоугольник, сделаем ему скругленные края и сделаем заливку черным цветом. Допустим, у нас есть вот такая подобная данной кнопке конструкция.

Давайте скруглим еще здесь края. И добавим состояние «Курсор над кнопкой», выберем посветлее какой-нибудь цвет. Давайте я выберу просто синий. А для этого прямоугольника у нас «Курсор над кнопкой», цвет сделаем ему оранжевый. Вот так. Т.е. при наведении курсора мыши по идее на данную кнопку у нас должны изменяться эти состояния.

Просмотр работы виджета “Кнопка состояния”

Давайте зайдем в режим «Просмотр» и попробуем навести курсор мыши на данную кнопку. Если мы наведем курсор мыши на первую кнопку, то мы видим, что при наведении только на данный контейнер, сразу меняются все состояния: состояние текста – сменился с черного на светлый и состояние точки в состоянии прямоугольника тоже изменяется с темного на светлый. Одновременно все работает.

Если мы теперь наведем курсор мыши на нашу созданную кнопку, то будет изменяться только состояние фонового прямоугольника. Для того, чтобы у нас изменилось состояние этой точки, нам придется наводить курсор мыши именно на нее. То же самое будет с текстом.

Если мы изменим в режиме «Дизайна» цвет текста с темного на светлый, то цвет текста будет меняться только при наведении на него курсором мыши. Т.е. все элементы вот этой кнопки работают отдельно.

Все элементы виджета «Кнопка состояния», вставленные на страницу с помощью специального стандартного виджета, работают совместно.

Давайте снова войдем в режим «Дизайна» и, в принципе, с кнопками все. вы увидели, в чем отличие создание кнопки обычными инструментами и создание кнопки с помощью виджета «Кнопка состояния». Согласитесь, это намного быстрее и удобнее.

Следующий раздел «Композиции» мы рассмотрим в других моих уроках. На этом мы заканчиваем данный урок. В нем мы рассмотрели раздел «Кнопки» из библиотеки мини-приложений в программе Adobe Muse.

Смотрите мои следующие и предыдущие видеоуроки, подписывайтесь на канал, если вы этого еще не сделали. Ставьте лайки, пишите комментарии внизу, жду вас в следующих видео!

Автор видеоурока
Дмитрий Шаповалов