flex入门学习之十二HSlider

最新推荐文章于 2014-03-12 17:54:33 发布

原创最新推荐文章于 2014-03-12 17:54:33 发布 · 913 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #layout #application #encoding #button #function

flex 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用Flex框架的应用程序实例，通过滑动条动态调整按钮的宽度百分比，实现界面元素的灵活布局。文章展示了如何利用Flex的事件处理机制来响应用户操作，并更新UI组件的尺寸。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">

<mx:Script>
<![CDATA[

import mx.events.SliderEvent;

           private function wSlider_change(evt:SliderEvent):void {
      kd.percentWidth = evt.value; 控制butten的大小宽度

kd.percentHeight高度
}

]]>

<mx:Panel id="panel" x="161" y="21" width="811" height="596" layout="absolute">

<mx:Button id="kd"   x="73" y="348" label="jian" click="deleteItem();" fillColors="[red, haloOrange, haloGreen, haloBlue]" />

       <mx:HSlider id="wSlider" x="192" y="172" change="wSlider_change(event);" change值改变事件
       labels="[10%,100%]" liveDragging="true" maximum="100" minimum="10"   labels="[10%,100%]"两头标题
       showTrackHighlight="true" snapInterval="1" tickInterval="10"/>

         <mx:Spacer width="100%" />

</mx:Panel>