flex中自定义toolTip组件，以及flex中的checkBox组件奇特现象

来源：互联网发布：淘宝怎么上咸鱼编辑：程序博客网时间：2024/05/16 23:39

1、flex自带tooltip属性看起来比较粗糙。下面是我字定义的一个tooltip组件：

<s:Label id="lab" y="50" width="50" height="28" text="自定义组件，顶呱呱" horizontalCenter="center" verticalCenter="center" />这就是一个简单的label标签。

现在给这个标签加上组件方法：

<s:Label id="lab" y="50" width="50" height="28" text="自定义组件，顶呱呱" horizontalCenter="center" verticalCenter="center" toolTip="哈哈，我要显示出来" toolTipCreate="paramTitle_toolTipCreateHandler(event)" />

函数：

<fx:Script>
<![CDATA[

protected function paramTitle_toolTipCreateHandler(event:ToolTipEvent):void
   {
    var tip:MyToolTips=new MyToolTips();
    tip.str="哈哈，我要显示出来";
    event.toolTip = tip;
   }

]]>
</fx:Script>

子定义组件：MyToolTips

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     implements="mx.core.IToolTip"
     xmlns:mx="library://ns.adobe.com/flex/mx"
     backgroundColor="#FCFFD0" alpha=".8" width="100%" borderStyle="solid" cornerRadius="7">
<fx:Script>
  <![CDATA[
   import mx.core.IToolTip;
   [Bindable]
   public var str:String="";
   public var _text:String;
   public function get text():String {
    return _text;
   }
   public function set text(value:String):void {
   }
  ]]>
</fx:Script>
<fx:Declarations>
  
</fx:Declarations>
<mx:VBox width="100%" height="100%">
  <mx:Text text="{str}" color="#000000" fontSize="13" fontFamily="宋体"/>     
</mx:VBox>
</mx:Canvas>

以上完毕！谢谢

2、前些日子我在写flex的checkbox组件时，出现点击复选框点击不出勾，但是点击下，复选框颜色变灰。后来查了下API，发现这个selectedUpSkin属性能解决相关问题：

<mx:CheckBox id="chk" x="29" y="0" width="21" height="21" icon="undefined" selectedUpSkin="@Embed(source='assets/checkbox.PNG')" />

附件是比较的图片。