移动互联网业务 Axure RP Axure RP各面板详细介绍（三）.ppt

EDITED BY CHENYU * 移动互联网业务 《移动互联网业务》课程 Mobile Internet Service 主讲教师 陈煜 移动通信技术专业教学资源库 深圳信息职业技术学院电子与通信学院 Axure RP各面板详细介绍（三） 目录 01 工具架 02 工作区右键菜单 Keynote 03 动态面板 04 文档输出/发布 “工具架”详细介绍以及常用功能 8、工具架 工具架上放置了各种按钮，都是常用的功能。 目录 01 工具架 02 工作区右键菜单 Keynote 03 动态面板 04 文档输出/发布 “工作区右键菜单”详细介绍以及常用功能 工作区右键菜单 请注意：选中不同的控件时，弹出的右击菜单的选项是不一样的。上图是选中形状控件弹出的菜单， 红字标出了常用的功能。 “工作区右键菜单”详细介绍以及常用功能 图片控件的右键菜单的常用功能： 裁剪： 采取图片的一部分。 切片： 将图片切开为多个图片控件。 目录 01 工具架 02 工作区右键菜单 Keynote 03 动态面板 04 文档输出/发布 “动态面板”详细介绍以及常用功能 创建动态面板： 从空间库里选择动态面板，拖出来放到工作区页面里 ； 在工具架里调整动态面板的大小； 双击动态面板，可以弹出上图的对话框。 在这里可以为该动态面板命名 ，可以进入其默认的state1， 可以添加新的状态—— state2，state3…。 10. 动态面板 动态面板最主要的两大用处： 模拟一个手机屏幕。 无论下面的画布怎样滑动，只有动态面板范围内的东西才会被露出。这个功能大家可以按照以下方法尝试：将page1里的动态面板设置为100*100像素，将一个720*1280的长图放到动态面板的state1里。 按F5 预览该页面的效果。 然后随意改变 长图在 state1里的位置，再回到page1里，按F5预览页面效果； 创建多个 state，为动态面板添加用例，在不同的用例下，让动态面板切换到不同的state（以显示不同的内容）。 目录 01 工具架 02 工作区右键菜单 Keynote 03 动态面板 04 文档输出/发布 11. 文档输出/发布 “文档输出/发布 ”详细介绍以及常用功能 Preview: 在浏览器中预览。 最好选择 Chrome和火狐。Chrome浏览器的扩展应用里有Axure的扩展插件。 Preview Options： 根据选项来输出预览。 Publish to Axure Share： 这个功能非常好，可以将全部的交互文件，输出为网页，并分享到 axure网站。分享之后，把链接拷贝下来，发送给同事或老板，便可以邀请他们试玩，体验你的demo。更强大的地方在于，可以输入手机屏幕大小的网页。可以在safari里底部按钮里选择，然后添加到主屏幕。 Generate HTML files… ：这是将Axure 文档输出为 一个html及其附属文件，通常会放置在一个文件夹里，在文件夹里找到start.html ，选择用chrome打开即可（前提是你为chrome安装了axure扩展插件），效果就和按 F5预览是一样的。 这个功能好处在于 .rp 必须在装了axure的机器里面打开，而网页文件是通用的格式。 Rp文件属于文档，可进行再编辑， html文件是输出，可以模拟各种最终效果。 谢 谢 主讲教师 陈煜 移动通信技术专业教学资源库 深圳信息职业技术学院电子与通信学院 * * * * * Publish to Axure Share： 这个功能非常好，可以将全部的交互文件，输出为网页，并分享到 axure网站。分享之后，把链接拷贝下来，发送给同事或老板，便可以邀请他们试玩，体验你的demo（一个demo既可以展示idea，又可以展示交互细节）。不需要把一大堆文件拷贝到U盘里带来带去。更强大的地方在于，可以输入手机屏幕大小的网页，这样在 iphone safari里面展示更加方便，让外人看起来这像一个简单的app一样。 可以在safari里底部按钮里选择，然后添加到主屏幕。如右上的两张图，便可以将网页添加到桌面，看起来像app一样，以假乱真。 * EDITED BY CHENYU * 移动互联网业务 * * * * * Publish to Axure Share： 这个功能非常好，可以将全部的交互文件，输出为网页，并分享到 axure网站。分享之后，把链接拷贝下来，发送给同事或老板，便可以邀请他们试玩，体验你的demo（一个demo既可以展示idea，又可以展示交互细节）。不需要把一大堆文件拷贝到U盘里带来带去。更强大的地方在于，可以输入手机屏幕大小的网页，这样在 iphon