目录
1、什么是 Axure 原型 ?
2、Axure RP7.0 软件安装、汉化与注册
3、认识 Axure
快速保存 ( 另存为 )
撤销 、 撤销撤销操作
工具栏 :
剪切 , 复制 , 粘贴
相交选中 :
包含即选中 : ( 较 推荐 )
连线工具 :
插入 :
样式 :
字号 : 14 ; 文本颜色 : 红色 ; 粗体加粗 ; 斜体倾斜 ; 下划线 ; 项目符号
左侧对齐 ; 水平居中 ; 右侧对齐 ; 两端对齐 ( 默认 : 左对齐 )
顶部对齐 ; 垂直居中 ; 底部对齐
空格 + 左按键 进行 画布 的 拖拽 :
4、打开链接交互
模拟 iPhone8 :
接下来的轮播图区域我们可以使用一个 占位符 来代替 ( 节省我们的时间 )
整体复制一份 , 然后建立一个新文件 页面 2
页面 1 : 通过点击轮播图区域进入详情页
选中 Banner 轮播图区域 , 点击交互 , 点击 新建交互 ,
接下来通过预览查看效果 :
点击 Banner 轮播图区域可以跳转到页面 2 , 点击返回按钮可以返回到 页面 1
5、认识动态面板 (上)
如何操作动态面板呢 ?
双击动态面板 , 就会进入到动态面板的一个编辑状态
动态面板内部是有 独立坐标系 的
添加 状态 2 , 是个空的面板 , 还可以对面板进行 复制
动态面板可以有多个状态 , 但是它就像是一本书一样 , 我们同时只能看一页 , 它可能有 1000 页 , 但是我们只能一页一页去看 , 每一个状态都是唯一的 , 它同一时间只能显示一种状态 , 这也是动态面板的一种特性
交互 => 新建交互 => 鼠标单击时 => 设置面板状态 => ( 依次设置好 )
实现一个 吸顶 效果 :
( 1 ) 全选顶部的矩形区域
( 2 ) 右键 => 将其转换为 动态面板
6、认识动态面板(下)
右键 将其转换为 动态面板 => 去掉 它的 自适应 内容
拿到左侧
建立一个 圆形 滑块
滑块所在面板 :
移动刚刚新建好的滑块
注意 : 我们的 滑块 一定要 置于 顶层
OK , 接下来 按住 Ctrl 向下拖拽 , 复制出来几个 , 改改 就 OK 了
7、推拉效果的两种实现方法
装换为 动态面板 :
转换为 动态面板 依次类推 : 营销中心子菜单 , 用户中心子菜单
复制 粘贴 功能 选项 ( 改成自己相对应的下拉模块就好 )
8、内联框架的使用
随后点击访问页面 1 , 查看效果 :
9、导航栏吸附效果
避免干扰影响我的操作 , 将里面的内容暂时先拖拽出来放在一边 ,
并 将 需要吸附的 一栏 进行 转换为 动态面板
然后将两个动态面板( 内容层 和 导航栏 )整体再转换为 一个 动态面板 , 对其进行设置高度 667
自适应内容 , 也会自动被取消掉的
10、全局变量的使用
添加一个 提示文本 :
回到 页面 1 :
全局变量 不支持 中文 , 也不支持 数字 开头 :
切换 到 页面 2 : 新建交互 :
12、数学函数开发抽奖游戏
上好颜色后组装起来 :方便操作