【Axure 高级教程】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);
