ProgressBar в форме кольца

[Ookami]

Создание обычного прямоугольного прогресс-бара не вызывает никаких сложностей, а как быть в случае с кольцом? Т.е. чтоб процесс загрузки отображался путем закрашивания кольца а не прямоугольника. Неоднократно встречал такие прогресс-бары в прелоадерах - как такое можно реализовать?

[-De-]

Рисовать частично закрашенное кольцо программно, например.

[strangedk]

Как вариант, изначально нарисовать кольцо, а анимировать уже маску.

[Ookami]

Это понятно ) Вопрос именно в том КАК анимировать маску в данном случае

Добавлено через 3 минуты
Кстати с масками не работал еще %) Сейчас я прямоугольный прогрессбар рисую двумя методами:
1. Чисто программно - при обновлении прогресса удаляю старый прямоугольник и рисую новый прямоугольник нужной длины (не самый оптимальный вариант)
2. 50/50 - есть красивый прямоугольник в джипеге/пнг, поверх него лежит прямоугольник цвета фона. Его при обновлении прогресса уменьшаю через scaleX - получается эффект движения прогресс-бара.

А как с маской?

[Bgg]

Сообщение от Ookami

А как с маской?

Так, как пишут в документации.

[strangedk]

у DisplayObject есть свойство mask

А дальше примерно так-же как вы и делаете

Добавлено через 51 секунду
*упс. опередили

[Ookami]

Bgg, strangedk - спасибо за ссылки, расширил кругозор.
HardCoder - спасибо за пример, сейчас испробую

[HardCoder]

	public class Main extends Sprite {
		private var circ:Shape;
		private var rect:Shape;
		private var preloader:Sprite;
 
		public function Main():void {
			circ = new Shape();
			circ.graphics.beginFill(0);
			circ.graphics.drawCircle(30, 30, 30);
 
			rect = new Shape();
			rect.graphics.beginFill(0x00CCFF);
			rect.graphics.drawRect(0, 0, 60, 60);
			rect.y = rect.height;			
			rect.mask = circ;
 
			preloader = new Sprite();
			preloader.addChild(rect);
			preloader.addChild(circ);
			this.addChild(preloader);
 
			this.addEventListener(Event.ENTER_FRAME, loop);
		}
 
		private function loop(e:Event):void {
			if (rect.y == 0){
				this.removeEventListener(Event.ENTER_FRAME, loop);
				return;
			}
			rect.y -= 2;
		}

Принцип приблизительно такой. Вместо ENTER_FRAME используете progressEvent.

[strangedk]

Код верный, но тут rectangle.
Ну а чтобы нарисовать дугу (Arc), воспользуйтесь этим примером

[HardCoder]

Сообщение от strangedk

Код верный, но тут rectangle.
Ну а чтобы нарисовать дугу (Arc), воспользуйтесь этим примером

Или, вместо rectangle использовать красивую битмапу Вариантов море