AXURE: Как реализовать выпадающий блок по наведению на ссылку в прототипе?

Question

[Евгений Гущин]

На данный момент в функционале меню Axure RP Pro 7.0 можно добавлять только пункт меню, а требуется при наведении на ссылку выводить блок с различным контентом внутри блока, естественно с передачей фокуса наведения курсора данному блоку.

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

OnClick
   Case 1
      Toogle MyMenuItem
      Set MyMenuItem to State2
где MyMenuItem - динамическая панель, State1 - пустое состояние, а в State2 содержимое выпадающего блока

Answer 1

[Никита Гарейшин]

Привет!
Если я правильно понял, то для такого поведения меню надо добавить проверку на видимость каждой соответствующей динамической панели.
Т.е. на каждый пункт меню на событие OnMouseEnter создаем проверку Visibility of widget для динамической панели как, например, false и вешаем событие Show MyMenuItem, которая по умолчанию скрыта. Тогда второй кейс для того же OnMouseEnter при условии ElseIfTrue будет Hide MyMenuItem.

И пара нюансов:
- для чего вам пустое состояние? Крайние состояние, такие как пустые и перегрузочные, лучше прорисовывать в конце когда основная архитектура готова и все (=большинство) требований устаканились. А иногда можно и на графического дизайнера это оставить);
- лучше сразу указывать нормальные названия всем состояниям, переменным и состояниям, в будущем запутаться не долго.

Если что-то я криво описал — укажи, переформулирую)

Comments

[Евгений Гущин]

Привет.

Сегодня сам разобрался частично, а точнее проверил состояния и нашёл OnMouseEnter.
Оказывается для пунктов меню действуют только 3 состояния: OnClick, OnFocus, OnLostFoсus, то есть для необходимой мне реализации вида меню обычных выпадающих списков этих действий недостаточно. Тем самым в моём случае не нужно использовать стандартное меню, а делать его самому из обычных блоков Rectangle, сгруппировав и прописав условия проверки, указанные вами, которые я ещё не знал до этого момента; оказывается это очень удобно использовать, надо только знать как.

Кстати, не порекомендуете случайно хорошую книжку по Axure, желательно на русском и в электронном виде, где множество подобных примеров решений частых ситуаций поведения объектов при проектировании?

Я только первый месяц занимаюсь Axure и ещё вероятно не всё изучил. Пустое состояние использовал, потому что не знал, что по умолчанию можно сделать блок скрытым, точнее во вкладке Style > Location+Size опция Hidden. И не использовал ранее условия для событий Case'ов по кнопке Add Condition, что считал на первое время сложным. Теперь конечно я понимаю, что то моё пустое состояние было избыточным и не нужным, и можно организовать всё это более грамотно.
Про названия знаю, стараюсь указывать, тут для примера написал.

Написали всё чётко и ясно, спасибо большое.

[Никита Гарейшин]

Евгений Гущин: рад, что ответил!
Но увы, книжек никаких не читал по Axure, разбирался исходя из задач, чего и вам советую. Так быстрее пойдет, проверенный способ.

[Евгений Гущин]

nikitanaz: При нынешнем положении вещей это единственный подход практика) Всегда так и делал. Однако, теория помогает экономить время на изучение продукта, если она актуальна конечно.

Answer 2

[Нерон Лордов]

Я делаю так:
1) Создаю кнопку, которая вызывает меню (при клике или наведении)
2) Кнопка показывает (show) динамическую панель (меню), treat as flyout - чтобы всё само скрывалось, при выходе курсора из области меню.
3) При наведении курсора (on mouse enter) на пункт из меню показывается еще одна динамическая панель (субменю), тоже show и treat as flyout. Также нужно расширить размер меню (set panel size) так, чтобы она включала в себя область субменю - иначе, когда курсор пролетит над субменю, основное меню скроется.
4) На субменю настраивается on mouse enter, скрывающий субменю и меняющий размер меню до оригинального размера - таким образом, если передвинуть курсор обратно на меню, то субменю скроется.