1. 首页
  2. 教程
  3. 高级教程

【Axure API】Axure对象常用函数二

本文将Axure对象几个常用函数包括bringToFront()、sendToBack()、hide(options)、show(options)、moveBy(x, y, options)、.moveTo(x, y, options)、SetPanelState()。

1、$axure(query).bringToFront()

1.1、函数说明

将元件置于顶层
javascript: $axure(‘@name’).bringToFront();

2、$axure(query).sendToBack()

2.1、函数说明

将元件置于底层
javascript: $axure(‘@name’).sendToBack();

3、$axure(query).hide(options)

3.1、函数说明

设置元件为不可见,若为空,则没有动画;
javascript: $axure(‘@fade’).hide({ easing: ‘fade’, duration: 500 });

4、$axure(query).show(options)

4.1、函数说明

设置元件为不可见,options为动画参数,若为空,则没有动画;
javascript: $axure(‘@fade’).show({ easing: ‘fade’, duration: 500 });

5、$axure(query).click([handler: function])

5.1、函数说明

  • 若未指定了函数(函数名为空),则会执行元件的点击事件。注意:元件必须是可见的,不然点击事件无效
  • 若指定了函数,则点击后执行指定函数。
javascript: $axure(‘@name’).click();

6、$axure(query).moveBy(x, y, options)

6.1、函数说明

使元件移动
X:向右移动X个像素;
Y:向下移动y个像素;
options:移动的动画,iptions若为空,则无动画;
javascript:$axure(‘@name’).moveBy(0,0,{});
javascript: $axure(‘@name’).moveBy(100, 100, { easing: ‘swing’, duration: 500 });

7、$axure(query).moveTo(x, y, options)

7.1、函数说明

使元件移动,屏幕左上角坐标为(0,0)
X:移动至横向第X个像素;
Y:移动至纵向第y个像素;
options:移动的动画,iptions若为空,则无动画;
javascript:$axure(‘@name’).moveTo(0,0,{});
javascript: $axure(‘@name’).moveTo(100, 100, { easing: ‘swing’, duration: 500 });

8、$axure(query).SetPanelState(stateNumber, options, showWhenSet)

8.1、函数说明

设置动态面板状态
stateNamer:动态面板的编号从1开始;
options:移动的动画,iptions若为空,则无动画;
showWhenSet:true为显示;
javascript: (function () { var query = $axure(‘@name’); query.SetPanelState(1, {}, true); })();

9、$axure(query).selected([value: boolean])

9.1、函数说明

设置和获得单选的状态;
javascript: alter(‘Is selected ‘ + axure(‘@name’).selected());axure(‘@name’).selected(true);

10、$axure(query).focus()

10.1、函数说明

使文本输入框获得焦点
javascript: $axure(‘@name’).focus(); void(0);

原创文章,作者:院长大大,如若转载,请注明出处:https://www.axureschool.cn/1192.html

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:fleede@163.com

工作时间:周一至周五,9:30-18:30,节假日休息