Flex 3 - 如何制作圆形进度条?
我是 Flex 的初学者。对于我的应用程序,我想要进度条,但不是 Flex Framework 提供的默认进度条。
我想要一个圆形加载“进度条”,在完成一整圈至 100% 之前,它会以圆形方式移动。
我可以在 Flex 3 中做到这一点吗?如果是,怎么办?
提前致谢。
I am a beginner in Flex. For my appln, I wanted to have the progress bar, but not the default that Flex Framework provides.
I wanted to have a circular loading "progressbar" that would move in circular fashion before completing one complete revolution to 100%.
Can I do that in Flex 3 ? If yes, how ?
Thanks in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
创建您自己的自定义预加载器非常简单。您只需在应用程序标记的“预加载器”属性中设置新的预加载器类。
从那里,您的类(应扩展 ProgressBar)可以使用简单的 Actiosncript 进行动画/绘制,或者您可以使用 swf 动画(使用 Flash CS 完成)。 Google 上有几个很好的示例。
Creating your own custom preloader is easy enough. You just need to set the new preloader class in the 'preloader' property of the Application tag.
From there, your class (which should extend ProgressBar) can use simple Actiosncript to animation/draw or you can use a swf animation (done with Flash CS). There are several good examples of this on google.
像这样的东西吗? http://activeden.net/item/as3-circle-preloader -circular-progress-bar/88763
在 Flex 中使用预加载器或扩展进度条组件
您可以在其中拥有一个圆形组件和一个隐藏的进度条。对于每个进度条事件,您可以在圆圈上绘制一个块。
Something like this? http://activeden.net/item/as3-circle-preloader-circular-progress-bar/88763
Use preloader or extend the progress bar component in Flex
You can have a circle component and a hidden progress bar in it. And for each progress bar event, you can paint a block on the circle.
应用程序“预加载器”中有一个属性。尝试将您自己的 SWC 文件设置为此属性。
there is a property in Application "preloader". try setting your own SWC file to this property.
您应该使用已经创建的组件。
这是使用 Degrafa 创建的圆形进度条组件。
http://axelscript.com/wp-content/Examples/CircularProgress/CircularProgress.html
您可以在以下位置查看代码
http://axelscript.com/wp-content/Examples/CircularProgress/srcview /index.html
代码非常简单,并且由于该组件作为 mxml 组件提供,因此集成应该非常简单。
您只需将 degrafa.swc 放在项目的 lib 文件夹中即可使其正常工作。
You should use an already created component.
Here is a circular progress bar component created using Degrafa.
http://axelscript.com/wp-content/Examples/CircularProgress/CircularProgress.html
You can see the code at
http://axelscript.com/wp-content/Examples/CircularProgress/srcview/index.html
The code is pretty simple , and as the component is shipped as a mxml component, integration should be very simple.
All you need is the degrafa.swc to be in the lib folder of your project for this to work.
您可以使用 AS3GIF 并创建您自己的“循环进度”动画 GIF。
例如,如果您的动画 GIF 有 20 帧,您可以在每 5% 的步长调用函数
GIFPlayer.gotoAndStop(pFrame: int)
。You could use AS3GIF and create your own "circular progress" animated GIF.
If, for example, your animated GIF has 20 frames, you can call the function
GIFPlayer.gotoAndStop(pFrame: int)
at each 5% step.