如何使用Flex HSlider 制作进度条
2010-05-26 21:27
417 查看
拖动水平滚动条来改变图片大小。
<?xml version="1.0"?>
<!--
Simple example to demonstrate the HSlider control.
水平拖动条。
MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private var imageWidth:Number=0;
private var imageHeight:Number=0;
// Event handler function to change the image size.
private function changeSize():void
{
phoneImage.width=uint(imageWidth*hSlider.value/100);
phoneImage.height=uint(imageHeight*hSlider.value/100);
}
]]>
</mx:Script>
<mx:Panel id="panel" title="HSlider Control Example" height="100%" width="95%"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox height="100%" width="100%">
<mx:Image id="phoneImage" source="@Embed('assets/Nokia_6630.png')"
creationComplete="imageWidth=phoneImage.width; imageHeight=phoneImage.height;" />
</mx:HBox>
<mx:Label color="blue" text="拖动slider来改变图片大小."/>
<mx:HSlider id="hSlider" minimum="0" maximum="100" value="100"
dataTipPlacement="top"
tickColor="black"
snapInterval="1" tickInterval="10"
labels="['0%','100%']"
allowTrackClick="true"
liveDragging="true"
change="changeSize();"/>
</mx:Panel>
</mx:Application>
<?xml version="1.0"?>
<!--
Simple example to demonstrate the HSlider control.
水平拖动条。
MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private var imageWidth:Number=0;
private var imageHeight:Number=0;
// Event handler function to change the image size.
private function changeSize():void
{
phoneImage.width=uint(imageWidth*hSlider.value/100);
phoneImage.height=uint(imageHeight*hSlider.value/100);
}
]]>
</mx:Script>
<mx:Panel id="panel" title="HSlider Control Example" height="100%" width="95%"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox height="100%" width="100%">
<mx:Image id="phoneImage" source="@Embed('assets/Nokia_6630.png')"
creationComplete="imageWidth=phoneImage.width; imageHeight=phoneImage.height;" />
</mx:HBox>
<mx:Label color="blue" text="拖动slider来改变图片大小."/>
<mx:HSlider id="hSlider" minimum="0" maximum="100" value="100"
dataTipPlacement="top"
tickColor="black"
snapInterval="1" tickInterval="10"
labels="['0%','100%']"
allowTrackClick="true"
liveDragging="true"
change="changeSize();"/>
</mx:Panel>
</mx:Application>
相关文章推荐
- flash制作的swc库文件如何在flex中使用
- 如何把在flex需要调用的图片打包到swf里面后使用
- 如何制作SDTM Annotated CRF - 3. 工具使用
- C# WinForm开发系列之如何使用panel控件制作左侧导航菜单
- 如何利用【百度地图API】,制作房产酒店地图?(中)——使用右侧列表打开信息窗口
- 图片滚动flexslider插件使用及参数说明
- 如何使用ps制作动态图片
- (译)如何使用cocos2d制作一个塔防游戏:第三部分
- (译)如何使用cocos2d来制作简单的iphone游戏:更猛的怪物和更多的关卡。(第三部分。完!)
- 如何使用cocos2d-x来制作一个塔防游戏:第二部分
- 如何使用cocos2d-x 3.0制作一个太空射击游戏
- 如何使用cocos2d-x3.0和物理引擎来制作一个Breakout游戏:第一部分
- 如何在VC.NET中制作并使用动态链接库DLL
- 如何使用Createjs来编写HTML5游戏(三)使用EaselJS中的制作Sprite类制作
- 如何使用cocos2dx3.0制作基于tilemap的游戏:第三部分·完
- [置顶] 使用ImageLoader加载网络图片时,如何获取加载进度,如何设置进度条
- (译)如何使用cocos2d和box2d来制作一个Breakout游戏:第一部分
- 如何制作和使用帮助文件
- 如何在Flex 4 中使用新的CSS语法(转)
- 如何使用VB制作OCX控件