方法/步骤
打开Axure8 找到元件,如下图所示:
请点击输入图片描述
根据下图做出界面布局,元件有:中继器一个,按钮三个(添加、编辑、删除)、文本框一个(添加、编辑时输入使用)
根据图示,对各个元件名称:中继器、添加按钮、编辑按钮、删除按钮、文本、中继器内容(使用axure时一定要记得对元件命名,元件相同的太多就会混乱,影响思路)
请点击输入图片描述
布局做好后,先简单认识一下 中继器,系统默认为我们添加了三个内容,以及设置了一个交互用例:
请点击输入图片描述
选中“添加”按钮,点击交互用例”鼠标单击时“,d出”用例编辑“窗体,选择 中继器-->添加行,选中右侧 ”中继器“字样,点击下面的”添加行“按钮。
请点击输入图片描述
请点击输入图片描述
在d出的窗体上点击如图所示的地方,来添加一个局部变量:
请点击输入图片描述
请点击输入图片描述
根据下图所示,设置局部变量:先选择”元件文字“,再选择元件”文本“,意思是:变量 等于 所选择元件的文字;
请点击输入图片描述
点击上面的”插入变量或函数“ 找到变量,点击即可。效果如下图:
请点击输入图片描述
一路确定后,F5预览,并测试添加效果。下一片经验我们继续中继器的其他相关 *** 作。
请点击输入图片描述
给你提供一个思路,你可以自己去实现。中继器设置一列为编号,默认值都为1。
1、标记行;
2、更新行,设置编号为0;
3、添加排序。编号列按数字升序排序。
Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML(标准通用标记语言下的一个应用)原型和Word格式的规格。
最近在学Axure,觉得里面最难的就属元件中继器的使用了,下面就和大家分享一下它的使用方法。
打比方用中继器实现自动添加和删除效果,如下图:
步骤如下:
一、打开Axure软件,从元件库拖入中继器,会重新出来一个中继器(主页),在中继器(主页)会自动出现一个矩形,把矩形删掉,从元件库拖入你想要的元件。(2个文字标签)
二、给拖入的元件文字标签(有2个)分别命名(只支持英文),例如s1, t1
三、设置中继器数据,如下图:
四、设置中继器 项目交互,如下图:
双击Case1(选择rich text)
点击进入编辑文字,插入函数,选择 Item.s1
五、设置中继器格式:
六、设置添加功能,在主页页面添加两个文本框和一个添加按钮。
七、给添加按钮设置鼠标点击时事件,双击用例1,出现如下图:
八、点击右下角 Add Row,会出现如下:
九、分别 点击左上第一个fx和第二个fx, 新增局部变量选择文本框单行,插入函数都选择 LVAR1
十、做删除效果。在中继器主页拖入占位符元件。
十一、给占位符元件设置鼠标点击时事件,双击用例1,点击最左侧 Mark Rows, 选择 this
选择左侧 Delete Rows
十二、完成,点击F5即可预览效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)