我想創造出的它的%是基於一些變量不同的顏色填充的進度條。例如33%將填補用不同顏色的進度條的33%,然後40%將同樣,填充它的40%。在Actionscript和Flex 3中執行此操作的最佳方法是什麼?如何在Flex/Actionscript中動態填充進度條?
0
A
回答
2
我已經在過去這樣做的方法是創建一個自定義進度欄皮膚,然後設置填充到是去酒吧(即使酒吧的一小部分實際上得到的整個長度上的梯度繪製。)聽起來很奇怪使用的東西,有難停到顏色的漸變,但它實際上是很容易的。您爲下一個顏色設置停止位置,緊接着前一個顏色的結束停止位置。這裏有一個例子,其中從綠色的顏色變爲紅色中點處:
package some.package.skins
{
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.core.UIComponent;
import mx.skins.halo.ProgressBarSkin;
public class ColoredProgressBarSkin extends ProgressBarSkin
{
override protected function updateDisplayList(w:Number, h:Number):void {
super.updateDisplayList(w, h);
graphics.clear();
var fullWidth:int = w;
if (parent != null && (parent as UIComponent).mask != null)
fullWidth = (parent as UIComponent).mask.width;
var matrix:Matrix = new Matrix();
matrix.createGradientBox(fullWidth, h);
var colors:Array = [0x00ff00, 0x00ff00, 0xff0000, 0xff0000];
this.graphics.lineStyle();
this.graphics.beginGradientFill(GradientType.LINEAR, colors, [1,1,1,1], [0,128,128,255], matrix);
this.graphics.drawRoundRect(2, 2, w - 4, h - 4, h - 4);
}
}
}
然後,您可以設置這個皮膚到barSkin風格的進度條上,無論是在CSS或者在您使用進度條的標籤。
希望有所幫助。
0
我不得不這樣做而回,並選擇採取以下途徑:
我建立了一個自定義的預加載通過擴展DownloadProgressBar,然後用這個Degrafa組件集成它。 http://degrafa.org/source/CapacityIndicator/CapacityIndicator.html
要創建自定義預加載,我想用這種土特: http://iamjosh.wordpress.com/2007/12/18/flex-custom-preloader/
,然後創建一個單獨的類,這是負責在上述連結的可degrafa部件動態地調整的值。然後,當然在你的SWFDownloadProgress功能(在進度事件),您可以相應地調整這些值。
我發現這是最快的和做的相當乾淨的方式:)
祝你好運!
相關問題
- 1. 動態填充多個JQuery進度條
- 2. 如何使進度條緩慢填充
- 3. CSS3動畫進度條IE9填充CSS3Pie
- 4. 添加動畫以填充進度條
- 5. Android進度條填充
- 6. 填充進度條中的形狀
- 7. 如何使進度條充滿每次填充文本框
- 8. 動態進度條
- 9. 帶進度條類型填充的jQuery滑動條
- 10. 進度條平滑填充徽標(jQuery)
- 11. ftp下載進度條不填充c#
- 12. 通過變量填充進度條
- 13. 添加填充搞亂進度條
- 14. 自定義進度條bootsrap。填充點
- 15. 如何動態填充JTree?
- 16. 如何動態填充CheckedListBox?
- 17. 如何創建一個可以在進度條中隨填充進度div一起移動的div?
- 18. jquery UI進度條填充減少進度
- 19. 如何覆蓋進度條上的可填充檢查點
- 20. 如何通過變量填充進度條?
- 21. 如何用進度條填充透明圖像? #CSS #HTML #Jquery?
- 22. 如何通過單擊VB.NET填充進度條?
- 23. 作爲進度條在畫布中填充描邊
- 24. C#在單獨線程中填充進度條
- 25. 更改進度條在背景中傳遞時svg的填充
- 26. 動態空間填充DIV寬度
- 27. 如何在jQuery中動態設置進度條值?
- 28. 如何在填充高度前填寫::?
- 29. 如何在d3中獲得包含填充的條的寬度?
- 30. css中的動態填充
多少種顏色,你看,在一個單一的進度條? – Neeraj 2011-02-09 14:47:05