组件小总结（一）

最新推荐文章于 2023-03-15 18:29:29 发布

_Lunay

最新推荐文章于 2023-03-15 18:29:29 发布

阅读量845

点赞数

分类专栏： flex 文章标签： radiobutton string 日历 button function import

本文链接：https://blog.csdn.net/z9061/article/details/6532937

版权

flex 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

1. Spacer : 占位符，让图片隔开

<mx:Image source="@Embed['../assets/2.png']"/>
<mx:Spacer width="100%"/>
<mx:Image source="@Embed['../assets/8.png']" />

2.ProgressBar 加载条

minimum="0" 最小值，即起始值
maximum="100" 最大值，最终值
mode="manual"模板，设置为手动

public function runit():void{
if(j<=100)
{
bar.setProgress(j,100);//当前加载值，100为加载总值
bar.label= "CurrentProgress" + " " + j + "%";//在舞台上显示加载的百分比

j+=5
}

if(j>100)
     {
   j=0;//到100时，清零
    }
            }

3. NumericStepper数字微调（默认属性为整形，属性为隐藏状态，无须设置）

<mx:NumericStepper x="48" y="177" id="ns" minimum="10.00" maximum="45.00" stepSize="0.02" value="20"/>
//stepsize表示步长，value表示是起始值
<mx:Label text="You Select:{ns.value}" x="48" y="209"/>

4.VRul（一般在容器组件中用于分隔其它组件）

rollOverEffect="WipeUp"特效
strokeWidth="1"伸展方向，由上往下

5.VSlider 垂直滑动条

tickColor :表示刻度上的颜色
minimum 和 maximum :滑动范围
tickInterval：每隔一段距离显示标记，间隔距离
dataTipPlacemnt="Top"//拖动滑动条的时候，上方提示所在的位置
value =100//滑动条的初始值100
liveDragging="true"//实施拖动效果
labes="['0%',"100%"]" //表示滑动条两端显示的最小和最大的数字
snapInterval ="1" //最小滑动间隔为1
同时使用两个箭头标记： thumbCount （ 1 或 2 ，默认值为 1 ）
使用双箭头的时候设置初始值需要用 values 数组（如 values='[ 20 , 80 ]' ）

6. VcrollBars

   minScrollPosition="0"//最小滚动位置
   maxScrollPosition="{panel.width - 20}" //这里设置的最大滚动位置为面板的宽度减去20，panel为面板的id
   lineScrollSize="50" //点击上下标的位置前进为50步长
   pageScrollSize="100" // 点击VcrollBars滚动按钮空白处滚动的步长为100
   repeatDelay="1000" //按下滚动条上按钮时响应的时间间隔，单位为毫秒
   repeatInterval="500"
   scroll="myScroll(event)//添加滚动事件

7.Button

toggle="true"//当点击的时候显示被按住的状态
icon="@Embed('../assets/6.gif')"//按钮中插入图片
常用属性：
　　1、emphasized：获取或设置一个布尔值，指示当按钮处于弹起状态时，Button 组件周围是否绘有边框。默认为：
false
　　2、Label:按扭上显示的文本。
　　3、Icon:按扭上显示的图标。如：icon="@Embed('Images/mm-icon.png')"
　　4、click:按扭的监听单击事件所的方法。除了click也可以监听它的其他识见，如mouseMove、mouseOver、mouseOut、rollOver、rollOut、mouseDown 和 mouseUp。

8.ButtonBar

<mx:ButtonBar itemClick="chilkhandler(event);">
     <mx:dataProvider>//提供数据源
         <mx:Array>
    <mx:String>Flex</mx:String>
    <mx:String>Jsp</mx:String>
   <mx:String>Flash</mx:String>
   <mx:String>Php</mx:String>
           </mx:Array>
    </mx:dataProvider>
</mx:ButtonBar>

9.Linbar的属性

horizontalGap水平方向各链接之间的间隔数值从0~20
separatorWidth间隔线的粗细各链接之间间隔线的粗细数值从0~20
separatorColor间隔线的颜色
borderStyleLinkBar的边框样式
nonesolidborderColor边框颜色
borderThickness边框粗细程度数值从0~20
cornerRadius边框圆角度数值从0~20
dropShadowEnabled是否显示边框投影true和false
shadowDistance投影大小数值从0~20
shadowDirection投影方向leftcenterright
dropShadowColor投影颜色
backgroundAlpha背景色透明度数值从0.00~1.00

10.LinkButton

(和button的用法雷同，进外观有所差别)

11.PopupButton

通常都是与其他的组件(如菜单--Menu)一起配合使用,实现的功能有点类似与ComBoBox的效果

12.RedioButton

(同一组按钮中仅能选中一个)
groupName:指定这个按钮分为哪一组

13.RedioButtonGrop

(与RedioButton的用法类似，可以给相同类似的组件指定一个事件，这样可以减少代码量)

例如：
     import mx.events.ItemClickEvent;
     import mx.controls.Alert;
public function handlecard(event:ItemClickEvent):void
   {
if (event.currentTarget.selectedValue=="a")
      {
Alert.show("你选择了邮政卡！")
       }
else {
          if (event.currentTarget.selectedValue=="b")
         {
             Alert.show("你选择了招商卡！")
           }   else
                  {
                 Alert.show("你选择了农行卡！")
                  }
       }
}

    <mx:RadioButtonGroup id="ra" itemClick="handlecard(event);" />
    <mx:RadioButton label="邮政银行" groupName="ra" value="a"/>
    <mx:RadioButton label="招商银行" groupName="ra" value="b"/>
    <mx:RadioButton label="农业银行" groupName="ra" value="c"/>

14.Togglebuttonbar

（ ToggleButtonBar组件和ButtonBar类似，仅仅在按下的时候按钮的样式缩下去）

15.Datechoser Datafield

DataChooser和DataField使得用户可以从图形日历中选择日期。 DataChooser控件的用户界面是一个日历，而DataField则由一个text域和小图标组成，点击小图标会出现图形化的日历，选择日期的结果将会放在text 域中。

<mx:DateFormatter id="df"/>//格式化输出
<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>// 选择年得导航和静止范围的属性
<mx:Label text="Date selected: {df.format(dateChooser2.selectedDate)}"/>