Flex 3 - Как сделать круговой индикатор выполнения?

Question

Я новичок в Flex. Для моего приложения мне хотелось иметь индикатор выполнения, но не значение по умолчанию, которое предоставляет Flex Framework.

Я хотел иметь круговую загрузку «прогресс-бар», которая бы двигалась по кругу до завершения одного полного оборота до 100%.

Могу ли я сделать это во Flex 3? Если да, то как?

Заранее спасибо.

Answer 1

Создать свой собственный прелоадер достаточно просто. Вам просто нужно установить новый класс preloader в свойстве preloader тега Application.

Оттуда ваш класс (который должен расширять ProgressBar) может использовать простой Actiosncript для анимации / рисования или вы можете использовать SWF-анимацию (сделано с Flash CS). В Google есть несколько хороших примеров этого .

Answer 2

Как то так?http://activeden.net/item/as3-circle-preloader-circular-progress-bar/88763

Использование предварительного загрузчика или расширение компонента индикатора выполнения в Flex

В нем может быть компонент круга и скрытый индикатор выполнения.И для каждого события индикатора выполнения вы можете нарисовать блок на круге.

Answer 3

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

Вот круговой индикатор выполнения, созданный с использованием Degrafa. http://axelscript.com/wp-content/Examples/CircularProgress/CircularProgress.html

Вы можете увидеть код на http://axelscript.com/wp-content/Examples/CircularProgress/srcview/index.html

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

Все, что вам нужно, это файл degrafa.swc, который должен находиться в папке lib вашего проекта, чтобы это работало.

Answer 4

в приложении есть свойство "preloader". попробуйте установить свой собственный файл SWC для этого свойства.

Answer 5

Вы можете использовать AS3GIF и создать свой собственный анимированный GIF "круговой прогресс".

Если, например, ваш анимированный GIF имеет 20 кадров, вы можете вызвать функцию GIFPlayer.gotoAndStop(pFrame: int)на каждом 5% шаге.