Flex中关于stickyHighlighting属性用法的例子
By Minidxer | August 15, 2008
接下来的例子演示了Flex中stickyHighlighting属性的使用方法，如果被设置为false，当用户鼠标压住CheckBox时显示按下时的凹Skin，放开时则为凸Skin，相反的，当属性被设置为true时，当用户鼠标压住CheckBox时显示按下时的凹Skin而放开时也继续显示凹Skin。这个例子Demo中实际上很难看出两者的区别。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="CheckBox_stickyHighlighting_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="use stickyHighlighting:"
- labelPlacement="left" />
- </mx:ApplicationControlBar>
- <mx:CheckBox id="checkBox2"
- label="CheckBox"
- stickyHighlighting="{checkBox.selected}" />
- </mx:Application>
下面是ActionScript地实现：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="CheckBox_stickyHighlighting_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function checkBox_change(evt:Event):void {
- checkBox2.stickyHighlighting = checkBox.selected;
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="use stickyHighlighting:"
- labelPlacement="left"
- change="checkBox_change(event);" />
- </mx:ApplicationControlBar>
- <mx:CheckBox id="checkBox2"
- label="CheckBox" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Flex |
Tags: CheckBox, stickyHighlighting
还是看不出有什么区别…
