[]ToolTip鼠标悬停的使用

已邀请:

cuixueying

赞同来自: lexnewgate

应广大开发者的需求,我们提供了鼠标提示管理类TipManager,以此来实现鼠标悬停的提示功能
以下提供了三种鼠标提示
package
{
import laya.net.Loader;
import laya.ui.Button;
import laya.ui.TipManager;
import laya.utils.Browser;
import laya.utils.Handler;
import ui.TestTipsUI;

public class ToolTipDemo
{

private var _testTip:TestTipsUI;//ui弹框(IDE发布),用于鼠标悬浮提示框
private var _tip:TipManager;//实例化TipManager
public function ToolTipDemo()
{
Laya.init(Browser.width,Browser.height);
Laya.stage.bgColor="#eeffcc";
Laya.loader.load("res/atlas/comp.json",Handler.create(this,onLoaded),null,Loader.ATLAS);
}

private function onLoaded():void
{

this._testTip=new TestTipsUI();//务必在Laya.init后去new实例,不可直接在全局变量处实例化
//切记,无论何种鼠标提示方式,务必要先实例化TipManager,简单的鼠标提示可以直接new tipManager
this._tip=new TipManager();//务必在Laya.init后去new实例,不可直接在全局变量处实例化
//简单的鼠标提示
var button:Button=new Button();
Laya.stage.addChild(button);
button.label="button One";
button.pos(100,100);
button.skin="comp/button.png";
button.toolTip="我是button One!";
//自定义鼠标提示
var button2:Button=new Button();
Laya.stage.addChild(button2);
button2.label="button Two";
button2.pos(250,100);
button2.skin="comp/button.png";
button2.toolTip=Handler.create(this,showTips,null,false);
//携带参数的自定义鼠标提示
var button3:Button=new Button();
Laya.stage.addChild(button3);
button3.label="button Three";
button3.pos(400,100);
button3.skin="comp/button.png";
button3.toolTip=Handler.create(this,showTips2,["button Three"],false);
}
private function showTips():void
{
_testTip.my_label.text="我是button Two"
_tip.showDislayTip(_testTip);
}

private function showTips2(name:String):void
{
_testTip.my_label.text="我是:" name;
_tip.showDislayTip(_testTip);//自定义鼠标悬浮提示请用showDislayTip
}
}
}
显示效果:
简单悬浮提示
 
111.png


自定义悬浮提示

222.png


自定义携带参数悬浮提示

333.png

 

Monica - 知识达人

赞同来自:

赞~\(≧▽≦)/~

阿沥❤

赞同来自:

想问下,为什么使用IDE构建的控件无法使用这个tips? 动态new一个出来却可以。

归来不是少年

赞同来自:

请问悬浮框位置怎么设置,是操作offsetX吗?还有list里怎么操作?我用mouseHandler来操作会有问题

要回复问题请先

商务合作
商务合作