Tips and Tricks:让Text具有按钮的功用
通常我们用Button或LinkButton时，里面的Label文字不能换行（当然也可以，稍微要麻烦点），有些时候可以用Text组件来替代，但要让Text组件具有按钮的功能需注意两点：一是当鼠标移到Text上去时呈手势形状，二是鼠标滑入滑出时显示出不同的状态。其实也简单，不过也不是想像那么简单，呵呵。
看代码及效果：
1: <?xml version="1.0" encoding="utf-8"?>
2: <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3: layout="vertical"
4: backgroundColor="#CCCCCC"
5: creationComplete="init()">
6: <mx:Script>
7: <![CDATA[
8: import mx.controls.textClasses.TextRange;
9:
10: private function init():void {
11: myText.text = "Welcome to my blog:" + "\n" +
12: "www.jexchen.com";
13: }
14:
15: private function onRollOver():void {
16: var tr:TextRange = new TextRange(myText, false);
17: tr.color = 0xff3333;
18: }
19:
20: private function onRollOut():void {
21: var tr:TextRange = new TextRange(myText, false);
22: tr.color = 0×000000;
23: }
24: ]]>
25: </mx:Script>
26: <mx:Text id="myText"
27: color="#003e7e"
28: useHandCursor="true" buttonMode="true" mouseChildren="false"
29: rollOver="onRollOver()"
30: rollOut="onRollOut()"/>
31: </mx:Application>
点击查看效果:
