Flex4中修改toolTip的字体以及效果

最新推荐文章于 2024-04-18 14:31:27 发布

weixin_34037977

最新推荐文章于 2024-04-18 14:31:27 发布

阅读量67

点赞数

本文介绍如何在Flex4中调整工具提示（toolTip）的样式，包括字体大小等，并展示了如何设置工具提示显示时的旋转动画效果。

在Flex4的可视组件中，可以通过toolTip指定鼠标移到对应组件上显示的文字内容，可是默认的字体大小太小了，修改的话，是有一个全局的设置：

StyleManager.getStyleDeclaration("mx.controls.ToolTip").setStyle("fontSize","12");

除了修改字体大小外，同样可以设置对应的其他样式

toolTip除了可以设置样式外，还可以设置各种效果，下面的例子，是在toolTip显示的时候，旋转一圈：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			import mx.managers.ToolTipManager;

			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				ToolTipManager.showEffect = rotate;
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<mx:Rotate id="rotate" />
	</fx:Declarations>
	<s:TextArea x="124" y="126" toolTip="弹出提示文字" />
</s:Application>