Найти тему
ПРОТОСИЛА

Axure: Создание анимированного индикатора загрузки

Для иллюстрации процесса загрузки в прототипе можно создать анимированный индикатор загрузки (Progress Bar).

Для этого выполните следующие шаги:

1. Создайте кнопку, при клике на которую будет стартовать заполнение индикатора загрузки.

2. Создайте индикатор загрузки из двух виджетов типа Box. Один должен быть фоном. Второй показывать прогресс загрузки. Разместите их один над другим (второй сверху).

3. Для второго прямоугольника выставите в настройках Hidden и цвет заливки.

-2

У вас должно получится что-то наподобие такого:

-3

4. На кнопку повесьте Case на событие OnClick и в редакторе установите действие Show для прямоугольника, который расположен сверху.

5. В настройках для Animate выберите "slide right"

6. В соседнем поле установите время анимации в миллисекундах (например 2000).

-4

После публикации при нажатии на кнопку индикатор загрузки будет заполнятся с установленной вами скоростью.