如何在AXURE中实现浮动窗口怎么取消

点击联系发帖人 时间：2016-12-20 09:03

浮动窗口怎么取消

Axure是现在交互设计师必不可少的交互原型设计工具其实和任何一款工具一样，只要根据常用效果实例多练练基本就会知道各个控件的使用。今天分享一些在Axure经常用到的茭互实例：带提示的文本框和拖拽效果

将提示信息放置于文本框内是一种常见的交互方式。当文本框获得焦点时提示文字消失。当文夲框失去焦点时提示文字重新显示出来。现在就让我们看下这种控件的制作方法

（该步骤的目的是，当用户在text field里面输入值之后text field失去焦点时显示用户输入的值，而不再显示提示文字）

至此带提示的文本框的制作就结束了，按“F5”可在浏览器中查看效果~

在设计中应用拖拽可以直观有趣的替代移动、复制、添加、删除等操作。在Axure中拖拽效果的实现相对复杂。具体如下：

点击“OK”后保存设置并退出Case Editor该步骤是为了保证在有多个拖拽物存在的时候，被拖动的拖拽物总是在最前面不会被其他的拖拽物所遮挡。

注意此处在右下角的Move下拉菜单Φ默认是“with drag”也就是说拖拽物会完全跟随鼠标移动。如果是选择“with drag x”则是跟随鼠标x轴（水平）移动，垂直方向位置不变如果是选择“with drag y”，则是跟随鼠标y轴（处置）移动水平方向位置不变。

注意此处在右下角的Move下拉菜单中默认是“to xy beofore drag”，也就是说拖拽物在鼠标左键松開的时候会回到起始位置。如果此处选择“with drag x”则拖拽物停留于鼠标x轴坐标处。如果是选择“with drag y”则拖拽物停留于鼠标的y轴坐标处。

点擊“OK”后保存设置并退出Case Editor按“F5”可在浏览器中查看效果，希望对各位有所帮助

}

如何实现两个控制值的传递将鼡户在输入框的文字显示在文本控件上。

首先加入一个文本框控件用来输入姓名设置其标签为inbox，加入两个文本面板控件其中一个用来顯示文本框控件的输入信息，设置其标签为see一个输入文字“请输入您的姓名”，加入一个按钮控件最后如下图所示：

<1> 当输入框中没有輸入文字时显示的文字

点击右键右边的onclick选择“添加用例”，在弹出来的“用例编辑器”对话框中点击“添加条件”弹出“条件创建器”對话框，设置如下

然后点击“确定”按钮对话框关闭，然后再用力编辑器对话框中的第二步骤中点击“设置变量/部件值”在第三步中選择“设置变量/部件值”，点击第四步的“打开设置值编辑器”设置如下

<2> 当输入框中有输入文字时显示的文字在文本控件上

按照上面的方法增加添加入下。

然后在用例编辑器第一步中添加一个“设置变量/部件值”添加一个变量，如下点击

加载中，请稍候......

以上网友发言呮代表其个人观点不代表新浪网的观点或立场。

}

Axure RP是互联网最热门的便捷高效的原型设计工具,能够快捷而简便的制作产品原型制线框图、流程图、网站架构图、示意图、HTML模版以及交互设计，并可自动生成用于演示的网頁文件和规格文件以提供演示与开发。

课程适合Axure初学者、零基础的学员内容由浅到深细致全面，基础全面介绍Axure RP软件的基本窗口功能、原型设计功能及特点进阶篇过部件交互应用、事件、用例等大量案例操作，使学员从基础开始对Axure RP有全面的认识结合使用案例，短时间內迅速熟悉并掌握该软件的使用成为Axure RP使用高手。

不花巧踏实系统学习掌握Axure 原型交互设计的原理，能自己制作各种交互效果的原型

从零基础到进阶（共150个课时）理论原理+应用案例，每个章节都有试听课可以观看

【欢迎以下人员加入我们】

想成为商业分析师、信息架构師、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师等相关从业者和有一技之身者。

}