Flex 中利用标签使一张图绕任一点旋转的例子
2009-12-02 15:04
429 查看
代码如下:
Download: main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Rotate id="rotate"
target="{img}"
angleFrom="0"
angleTo="360"
duration="1000"
originX="{imgOriginX.value}"
originY="{imgOriginY.value}" />
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="originX:">
<mx:NumericStepper id="imgOriginX"
minimum="0"
maximum="{img.width}"
value="0" />
</mx:FormItem>
<mx:FormItem label="originY:">
<mx:NumericStepper id="imgOriginY"
minimum="0"
maximum="{img.height}"
value="0" />
</mx:FormItem>
<mx:FormItem>
<mx:Button label="Rotate"
click="rotate.play();" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:Image id="img" source="@Embed('images/flex_logo.jpg')" />
</mx:Application>
Download: main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Rotate id="rotate"
target="{img}"
angleFrom="0"
angleTo="360"
duration="1000"
originX="{imgOriginX.value}"
originY="{imgOriginY.value}" />
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="originX:">
<mx:NumericStepper id="imgOriginX"
minimum="0"
maximum="{img.width}"
value="0" />
</mx:FormItem>
<mx:FormItem label="originY:">
<mx:NumericStepper id="imgOriginY"
minimum="0"
maximum="{img.height}"
value="0" />
</mx:FormItem>
<mx:FormItem>
<mx:Button label="Rotate"
click="rotate.play();" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:Image id="img" source="@Embed('images/flex_logo.jpg')" />
</mx:Application>
相关文章推荐
- Flex中利用HTTPService标签动态导入XML文件的例子
- Flex中如何利用Style Sheet和<mx:style>标签嵌入图片/图标的例子
- Flex 中利用Matrix 类的rotate函数对图片进行旋转操作的例子
- Flex中利用mx:Sequence标签实现顺序效果(Sequencing effects)以及划变效果(Wipe effects)的例子
- Flex中如何利用Matrix类的rotate函数对图片进行旋转操作的例子
- Flex中如何利用Matrix类的rotate函数对图片进行旋转操作的例子
- Flex中如何利用mx:HTTPService标签读取文本文件中的name/value这样的一对数据并显示在DataGrid中的例子
- Flex中如何利用PopUpManager类在TitleWindow的弹出窗口中播放一段影像(VideoDisplay)的例子
- Flex中如何利用mx:states和mx:State创建不同状态应用的例子
- Flex中利用ExternalInterface的API调用JavaScript函数的例子
- Flex中如何利用dataDescriptor和labelFunction属性以及hasChildren()和getChildren()函数设置Tree中包含子节点个数的例子
- Flex中如何利用PopUpManager类创建一个弹出Image控件的例子
- Flex中利用ColorMatrixFilter将图片转换为黑白图片的例子
- Flex中利用Array类中的every()事件循环遍历一个数组的例子(ActionScript 3.0)
- Flex中如何在Tree控件中指定一个自定义的label函数使其返回的标签名字为叶项目的名称的例子
- 如何把Papervision3d物体加到 flex项目中(附 旋转圆球例子)
- Flex:在LineChart图表中创建一个自定义的LinearAxis函数标签(Tip提示)的例子
- Flex中如何利用getTabAt函数遍历TabNavigator容器的各个Tab,并且通过labelPlacement属性设置标签位置
- Flex中如何设置CheckBox标签(Label)与主题(theme )颜色的例子
- Flex中利用URLLoader和URLVariables类导入文件的例子