改变tooltip的最大宽度

本文介绍了一个使用Flex框架实现的动态调整宽度的工具提示组件。通过滑动条可以实时改变工具提示的最大宽度,展示了一种灵活且实用的方法来改善用户界面中的提示体验。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:Script>
<![CDATA[
import mx.controls.ToolTip;
]]>
</mx:Script>

<mx:ApplicationControlBar dock="true">
<mx:Label text="ToolTip.maxWidth:" />
<mx:HSlider id="slider"
minimum="50"
maximum="300"
value="{ToolTip.maxWidth}"
liveDragging="true"
snapInterval="5"
tickInterval="10"
dataTipPrecision="0"
change="ToolTip.maxWidth = slider.value" />
<mx:Label text="{slider.value}" />
</mx:ApplicationControlBar>

<mx:Button label="Roll over to see tool tip"
toolTip="The quick brown fox jumped over the lazy dog." />

</mx:Application>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值