Axure RP 9原型设计实战案例教程（App与Web）教案 第七章 变量与函数

《AxureRP9原型设计实战案例教程（APP与Web）》课程教案课题：变量与函数教学目的：理解Axure的全局变量和局部变量的含义以及使用方法。学会使用Axure变量值在页面间传递，实现高级交互效果。学会使用Axure变量来制作简易计算器，深入使用Axure变量。了解函数的概念。掌握函数的使用方法。熟悉常用函数的功能即参数的色泽。课型：新授课课时：本章安排2个课时。教学重点：重点：理解Axure的全局变量和局部变量的含义以及使用方法。教学难点：难点：掌握函数的使用方法。教学过程：教学形式：讲授课，教学组织采用课堂整体讲授和分组演示。教学媒体：采用启发式教学、案例教学等教学方法。教学手段采用多媒体课件、视频等媒体技术。板书设计：本课标题变量与函数课次1授课方式理论课□讨论课□习题课□其他□课时安排2学分共2分授课对象普通高等院校学生任课教师教材及参考资料1.《AxureRP9原型设计实战案例教程（APP与Web）》；电子工业出版社。2.本教材配套视频教程及学习检查等资源。3.与本课程相关的其他资源。教学基本内容教学方法及教学手段课程引入变量是AxureRP9中用于存储和传递数据的容器，就像现实生活中的"盒子"，可以在不同页面、不同元件之间共享数据，实现动态交互效果。函数是用于处理数据的工具，可以对变量、元件属性等进行计算、转换和判断，实现更复杂的逻辑。参考以下形式：1.衔接导入2.悬念导入3.情景导入4.激疑导入5.演示导入6.实例导入7.其他形式一、全局变量和局部变量的使用变量用于存储数据、传递数据以及条件判断，在登录网站的时候，用户登录成功后网站会把用户名传递下一个页面显示，这就是页面间数据的传递，即从一个页面向另一个页面传递变量值。如果需要在IE浏览器里显示原型，推荐使用25个或更少的变量。全局变量：在所有页面里都可以使用，但是全局变量的值也很容易被修改掉，因为所有页面都可以使用全局变量，也就有权限修改全局变量值，所以在使用的过程中需要注意。局部变量：只供某个局部区域使用，比如在某个触发事件的某个动作中使用，其他触发事件就不可以使用此变量。变量设置规则：变量名必须是字母或者是数字，并以字母开头，需要少于25个字符，且不能包含空格，Axure会默认初始化一个“OnLoadVariable”变量。二、变量值在页面间传递变量的主要作用，就是在页面间传递变量值，在登录淘宝或者其他网站的时候，输入用户名和密码，校验成功后，会跳转到一个新的页面，在新的页面里经常会看到“欢迎xxx”这样的文字；在搜索框进行搜索的时候，输入搜索条件，当单击搜索按钮跳转到下一个页面的时候，同样会把搜索条件传递过去，这些都是真实软件的交互效果。利用变量的添加，可以实现上面两个场景的交互效果，给用户一种真实软件操作的感受，将用户带入到真实软件使用场景。2.1登录表单和首页2.2新增变量和赋值2.3首页显示变量值2.4页面管理介绍在前面的章节中，使用的都是元件的触发事件，而这次使用的是页面的触发事件，两者的区别在于，一个是针对元件进行触发事件，一个是针对页面的触发事件，两者载体不同。页面管理，由3部分组成：样式、交互、说明，在说明里，可以给页面添加相关注释或者说明。也可以自定义注释。在页面交互里，可以添加一些触发事件，页面的触发事件有页面载入时、窗口尺寸改变时、窗口滚动时等触发事件。在样式里，可以给页面添加一些样式，Axure提供一种默认的页面样式，也可以自定义页面样式，可以设置页面的排列方式、背景色，还可以导入背景图像，设置横向对齐或垂直对齐，可以设置背景图像是否可以重复，以及设置草图效果。2.5发布原型按F5键发布原型，输入用户名“kevin”，密码“123456”，单击登录按钮，可以看到用户名和密码都被带到下一个页面，再输入“小刚”，密码输入“111111”，可以看到用户名和密码是随着输入框里的内容变化而变化，从而能给用户一种真实软件体验效果。实战——制作简易计算器利用全局变量、局部变量的知识来制作一个简易的计算器，能实现加减乘除运算，进一步熟悉变量的使用方法。计算器布局设计数字按钮交互设计运算符按钮交互设计等号按钮交互设计三、元件函数和页面函数3.1元件函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“元件”选项下可以看到16个元件函数。3.2页面函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“页面”选项下可以看到1个页面函数。四、窗口函数和鼠标指针函数4.1窗口函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“窗口”选项下可以看到4个窗口函数。4.2鼠标指针函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“鼠标指针”选项下可以看到7个鼠标指针函数。五、数字函数和字符串函数5.1数字函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“数字”选项下可以看到3个数字函数。5.2字符串函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“字符串”选项下可以看到15个字符串函数。六、数学函数和日期函数6.1数学函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“数学”选项下可以看到22个数学函数。6.2日期函数单击“编辑文本”对话框中的“插入变量或函数”选项，在“日期”选项下可以看到39个日期函数。实战——手机时钟原型设计1．教学以学生学习教材的基本内容为主，系统全面地学习税收制度的构成要素的基本内容。2．整个教学过程中，各教学点可根据实际情况，进行拓展知识的讲解。本章小结：变量是Axure中存储和传递数据的核心载体，全局变量适用于跨页面