Axure RP7.0从入门到精通-PM必学技能
第1章本章的标题第1节Axure RP7.0下载、安装、汉化与注册
1、如何下载Axure RP7.0的安装程序、汉化包和汉化版元件库; 2、如何安装Axure RP7.0; 3、如何汉化Axure RP7.0界面与元件库; 4、如何注册Axure RP7.0。
第2节Axure RP7.0的功能介绍(上)
包括: 站点地图、母版管理器、页面设置的介绍。
第3节Axure RP7.0的功能介绍(下)
包括: 元件库、交互与注释、属性与样式以及元件管理器等介绍。
第4节第一个原型:简单的登录页面
仿照iaxure.com的登录界面绘制原型。 内容包括: 1、图片的使用技巧 2、文本标签的使用技巧 3、矩形的使用技巧 4、元件的提示 5、其他涉及元件:文本框、复选框。 通过案例,熟悉元件的属性与样式的使用。
第5节第一次交互:实现跳转页面
主要内容: 1、页面跳转的交互事件 2、原型制作中的一些小技巧 扩展内容: 安装axure浏览器插件
第6节元件焦点的控制
主要内容: 1、通过交互让指定元件获取焦点 2、通过条件让指定元件获取焦点 扩展内容: 文本框的不同类型和效果
第7节设置条件的类型(if和else)
主要内容: 1、通过图例讲解几种常见的条件设置和逻辑 2、通过原型模拟实现图例中的条件设置
第8节设置条件的操作
主要内容: 设置条件并组织动作改变元件文字 扩展内容: 通过富文本编辑元件文字样式
第9节第一次接触动态面板
主要内容: 1、动态面板的介绍 2、显示/隐藏元件 3、显示隐藏时的展开收起元件效果 扩展内容: 1、将元件转换为动态面板 2、动态面板自动适应状态中元件范围大小
第10节元件的移动效果
主要内容: 通过元件移动动作实现动态面板左右晃动的效果 扩展内容: 动态面板的介绍 绝对位置与相对距离的概念
第11节第一次接触全局变量
主要内容: 1、变量的定义 2、全局变量的介绍及应用
第12节公式的使用和局部变量简介
主要内容: 1、公式的简单介绍 2、公式的使用方法 3、局部变量的介绍
第13节登录验证的简单实现
主要内容: 1、通过全局变量或字符串进行条件判断,完成登录验证。 2、通过局部变量获取元件文字。
第14节多用户登录验证的实现
主要内容: 1、全局变量存储多个用户名密码组合 2、结合公式完成对用户名密码的验证条件判断
第15节动态面板的状态与尺寸
主要内容: 1、动态面板状态切换的使用 2、动态面板尺寸调整的使用 3、动态面板自动调整尺寸的使用
第16节MindManager整理交互思路
第17节常规思路实现注册校验
主要内容: 根据MindManager整理注册校验思路,完成交互事件。
第18节注册校验的另一种思路
主要内容:根据MindManager整理注册校验思路进行分析,优化注册校验的实现过程。
第19节通过变量进行已注册的验证
主要内容: 1、更新全局变量的数据格式,以实现注册验证; 2、通过公式向全局变量添加新的注册数据,实现注册后可登录; 3、通过全局变量传递注册状态,在登录页呈现注册成功提示。 项目总结作业:完成密码找回页面的交互。
第20节交互样式和选项组的设置
主要内容: 1、通过事件触发动作,实现元件选中效果; 2、设置元件选中时的交互样式,实现样式切换的效果(图片和文字); 3、通过选项组的设置,实现一组元件中某个元件被选中时,其他元件解除选中。 扩展内容: 将RP文件中的图片导出。
第21节页面内多组内容切换的实现
主要内容: 1、通过动态面板的状态切换实现多组内容的切换 2、通过框架嵌入其他页面实现多组内容的切换 扩展内容: 1、动态面板加载时事件的介绍 2、使用谷歌浏览器从网页中下载原型素材
第22节文本框验证和外部url的调用
主要内容: 1、条件编辑器中“是”/“不是”的使用 2、元件值长度的使用 3、调用外部url,并在调用时插入局部变量,实现与真实页面的交互。 扩展内容: 1、图片热区的使用; 2、将动态面板固定到浏览器; 3、图片属性设置中交互样式的灵活应用。
第23节矩形交互样式与单选按钮组设置
主要内容: 1、通过矩形制作文本款的外框,实现不同的交互样式; 2、使用单选按钮,并实现唯一选中的设置; 扩展内容: 使用矩形和交互样式自制单选按钮
第24节下拉列表的交互事件
1、下拉列表的使用方法; 2、下拉列表选项改变时事件的使用; 3、通过值改变动态面板状态。 扩展内容: 自制复选框。
第25节中继器的应用场景与结构组成
主要内容: 1、中继器使用场景的介绍 2、中继器的结构详解 2.1中继器数据集 2.2中继器项目交互 2.3中继器格式设置
第26节中继器数据的添加与删除
1、向中继器数据集中添加一行数据; 2、通过中继器内删除按钮删除当前数据行; 3、通过外部按钮删除被标记的1行或多行数据; 4、通过外部按钮删除最后被标记的数据行。 扩展内容: 新增数据行时将图片添加到数据集。
第27节中继器数据的修改
主要内容: 1、将中继器某一行数据在外部元件中展示; 2、更新被标记数据行的内容; 3、通过规则对全部数据行进行更新; 4、通过规则对某一行数据进行更新。
第28节中继器数据的筛选与排序
主要内容: 1、实现中继器根据某列列值进行升序、降序、切换排序; 2、实现中继器数据的单一筛选和组合筛选。 扩展内容: 1、运算符的种类和使用方法; 2、元件边界对齐设置。
第29节中继器每页项目数量与分页
主要内容: 1、动态调整每页显示项目数量; 2、实现前后翻页、跳转到首页、尾页及指定页面。
第30节对象、属性、函数的介绍
1、对象的定义与介绍; 2、属性的定义及使用方法简介; 3、函数的定义及使用方法简介。
第31节元件属性的使用(一)
主要内容: 1、通过获取当前元件的坐标属性控制元件的移动; 2、通过获取当前元件的边界属性控制元件的移动; 3、当前元件:this 4、当前元件的X轴坐标:this.x 5、当前元件的Y轴坐标:this.y 6、当前元件的上边界:this.top 7、当前元件的左边界:this.left
第32节元件属性的使用(二)
主要内容: 1、鼠标移动时、鼠标进入时、鼠标移出时事件的触发; 2、通过元件的边界属性控制元件在允许的范围内移动; 3、通过元件的宽高属性控制矩形中心点与鼠标指针对齐; 4、目标元件:target的使用; 5、目标元件的宽度:target.width 6、目标元件的高度:target.height 7、当前元件的右边界:this.right 8、当前元件的下边界:this.bottom 扩展内容: 鼠标指针的坐标属性cursor.x和cursor.y的使用
第33节元件属性的使用(三)
主要内容: 1、实现图片放大效果的思路及过程讲解; 2、通过中继器实现缩略图选择及图片切换。
第34节元件属性的使用(四)
主要内容: 1、通过元件的text属性获取元件文字,控制动态面板状态; 2、通过元件的name属性获取元件名称,控制动态面板状态; 扩展内容: 动画设置:通过使用动画选项中的“弹出效果”实现二级菜单的动态效果。
第35节元件属性的使用(五)
主要内容: 1、scrollX和scrollY的介绍与使用。 2、Number函数tofixed()的介绍与使用。
第36节母版的介绍与使用
主要内容: 1、母版的功能介绍; 2、母版内容的编辑; 3、通过新增页面或拖动将母版添加到页面; 4、拖动行为的不同效果; 5、母版中的自定义事件的使用。
第37节页面属性的使用
主要内容: 1、通过页面属性pagename获取页面名称; 2、通过全局变量记录页面名称,在登录成功后,通过公式编辑相对路径,完成跳转回登录前的页面的效果。 扩展内容: 通过URL传递变量值的技巧。
第38节窗口属性与锚记
主要内容: 1、滚动到元件的使用; 2、窗口属性的使用; 3、通过%取整数的思路。 扩展内容: 1、动态面板固定到浏览器的设置; 2、动态面板100%宽度的设置。
第39节字符串函数(一)
主要内容: 1、字符串属性length; 2、indexof()的使用; 3、lastindexof()的使用; 4、charat()的使用; 5、结合以上属性及函数,实现部分邮箱验证效果。 注意: indexof()以及lastindexof()中可选参数的使用。
第40节字符串函数(二)
主要内容: 1、charCodeAt()的使用; 2、slice()的使用; 3、substr()的使用; 4、substring()的使用; 5、完成对邮件地址中汉字的验证
第41节字符串函数(三)
主要内容: 1、toLowerCase()的使用; 2、toUpperCase()的使用; 3、trim()的使用; 4、toString()的介绍; 5、concat()]]的使用; 6、replace()的使用。 扩展内容: 高亮显示查询文字。
第42节字符串函数(四)
主要内容: 1、split()函数的介绍及三种使用方法; 2、通过substring()结合indexof()、lastindexof()进行字符串分解; 3、通过split()、substring()、lastindexof()结合target.name进行字符串分解; 4、通过案例展示函数、属性作为参数,在参数中嵌套使用的思路。
第43节数学函数
主要内容 1:、随机数的获取方法; 2、其他常用数学函数的使用方法; 3、全部数学函数简介。
第44节动态面板的循环
主要内容: 1、动态面板循环的使用; 2、通过边界属性和鼠标坐标属性判断鼠标是否离开了指定区域; 3、完成图片轮播效果。
第45节日期函数
主要内容: 1、日期函数的功能及使用方法介绍; 2、实现时钟效果; 3、实现倒计时效果。
第46节指针属性与动态面板拖动
主要内容: 1、鼠标指针属性的介绍; 2、动态面板拖动事件的介绍; 3、结合拖动事件和鼠标指针属性(dargX,totaldragX)完成IPhone滑动解锁效果。 串联内容: 1、通过元件属性限制拖动范围; 2、通过框架加载其他页面; 3、this、target获取元件对象与局部变量获取元件对象的区别。
第47节中继器Item属性
主要内容: 中继器内Item属性的介绍。 串联内容: 中继器的标记行高亮、删除标记行以及翻页等的操作。
第48节中继器repeater属性
主要内容: 1、中继器repeater属性的介绍及应用; 2、通过中继器完成搜索功能。
第49节植入HTML和自定义元件库
主要内容: 制作自定义元件库的介绍。 扩展内容: 在形状或文本上添加HTML标签实现特殊效果;(选学)
第50节其他补充内容(上)
1、动画效果; 2、父窗口动作; 3、父框架动作; 4、启用与禁用; 5、文本类型(email,url)和提交按钮; 6、外部阴影与内部阴影; 7、元件的角度调整; 8、中继器属性。
第51节其他补充内容(下)
1、栅格的设置; 2、自适应视图介绍; 3、web字体的设置。
第52节原型(1)图片放大效果
关联内容: 1、动态面板状态背景; 2、动态面板尺寸改变; 3、动态面板调整尺寸以适合内容。
第53节原型(2)仿真进度条效果
关联内容: 1、通过动态面板尺寸改变实现循环; 2、通过元件的坐标属性和宽高属性,实现进度条的定位和尺寸设置; 3、通过数学函数max封装计算结果,结合fixed函数实现百分比计算; 4、通过随机数函数,实现仿真的进度条效果。
第54节原型(3)移动端选择器
通过动态面板、元件属性、中继器、中继器属性等完成移动端选择器的效果。
第55节原型(4)Android版微信(1)
通过Axure的基础知识完成Android版微信的部分功能。
第56节原型(4)Android版微信(2)
通过Axure的基础知识完成Android版微信的部分功能。
第57节原型(4)Android版微信(3)
通过Axure的基础知识完成Android版微信的部分功能。
第58节原型(4)Android版微信(4)
通过Axure的基础知识完成Android版微信的部分功能。
第59节原型(4)Android版微信(5)
通过Axure的基础知识完成Android版微信的部分功能。
第60节原型(4)Android版微信(6)
通过Axure的基础知识完成Android版微信的部分功能。
第61节原型(5)选项添加到列表
通过两个中继器,实现将A列表选择项添加至B列表。
第62节原型(6)随机验证码
通过中继器实现随机验证码,并能够进行验证。
下载地址:
**** Hidden Message *****
学习了。 看看怎么样:) Axure RP7.0从入门到精通-PM必学技能,真棒 不错 正是需要的谢谢!
Axure RP7.0从入门到精通-PM必学技能,真棒 :lol:lol:lol:lol:lol 学习 学习 非常需要
感谢飞雪团队分享如此好的资源。:)