添加一个点击事例到图中右箭头先打开AxurePhotoCarousel.rp,然后打开 Photo Carousel 页面。创建一个循环图,添加一个可以在你点击图中右箭头的时候改变图片的点击事例。选中图中的右箭头然后添加一个事例到 OnClick 事件中,这时会出现一个事例编辑器。设置面板状态为 Next无论用户看的是哪张图片,我们都想在点击右箭头时能够切换到下一张图片。
打开主菜单编辑 selected 样式首先打开AxureNavigationMenu.rp 然后从 Masters 页面打开 Header – Menu 。按下 Shift 键,逐个选中菜单部件的所有导航项。全选后,对它们右键单击选中 Interaction Styles... 选项,会弹出一个 Set Interaction Styles 对话框。
将图片隐藏首先打开AxureCustomTooltip.rp 然后打开 Custom Tooltip 页面。一般地,我们想让 Tooltip 隐藏起来,所以在 Style 选项板中选中 Hidden 选项。使用 OnMouseEnter 来显示面板选中 UX Man 图片然后双击 interactions 选项板中的 OnMouseEnter 选项。添加显示动作在事例编辑器中,选中 Show 然后检查 Tooltip 的图片。
添加矩形部件首先打开AxureShowHiddenWidget.rp然后打开 Show Hidden Widget 页面。在这个例子中,我们将创建一个错误信息来显示登陆失败。从 Widgets 面板拖动一个矩形部件到设计区域,让其在 Login 按钮下面。命名部件当矩形被选中时这么做:在部件的顶部输入新的名字 Error Message。
打开 Rollover Style 对话框首先打开AxureInteractiveButton.rp,然后打开 Interactive Button 页面。右键单击按钮,选中 Interaction Styles... 选项来打开 Interaction Styles 对话框。编辑 MouseOver Style在 MouseOver 选项板中选中 Underline。这会让按钮中的文字显示下划线。点击 OK 关闭对话框。
创建“条件”,以检查一个文本字段中的文本是否是空白,基于输入链接到相应的页面。 使用一个变量来存储文本框输入的文本。然后,使用变量设置部件在下一个页面上的文本上。添加一个文本框和一个 Button Shape1 添加文本框和按钮放置一个文本框部件和一个 Button Shape 部件到设计区域。2 命名文本框将文本框命名为 UserNameTextField。
使用“动态面板”创建一个简单的图像旋转。首先将图像小部件放置在每个面板的状态。然后,添加一个交互 Button Shape 使状态能够生动起来。添加一张图片和一个 Button Shape下载“AxureBikePics.zip”并解压缩文件夹的图片在你的计算机上。如果你喜欢你可以用自己的图像。1 下载和解压下载 AxureBikePics.zip 并解压文件夹到你的计算机上。
点击启用一个 Button Shape,使用编辑器获取文本框焦点。然后,当页面加载的时,使用页面的 OnPageLoad 事件把焦点放到文本框上。添加一个 Button Shape 和两个文本框1 添加一个按钮,两个文本框拖放一个 Button Shape 部件和两个文本框部件到设计区域上。2 在按钮上编辑文本在 Button Shape 部件上编辑输入两个单词 Swap Focus。
添加,编辑和设计小部件。然后,把它们(部件)转换到一个 Master, 这样你就能集中管理和重用整个设计。添加一个 Button shape 和设置 MOUSEOVER 风格1 添加一个 Button shape拖动部件库窗口的 Button shape 并将它放在设计区域。2 打开交互风格对话框从“部件属性和风格”选项卡中的“属性”选项卡选择 MouseOver。
在 Sitemap 添加和组织页面,设置网格和辅助线,和设置单个页面或所有页面的样式。调整 Sitemap 里的页面1 拖动“页面 3”单击并轻轻拖动“页面 3”到“页面 2”的右上方一点。2 右键点击“页面 2”删除页面 2在 Sitemap 里选择“页面 2”然后右击选择“删除”3 添加一个新页面选择“页面 3”然后右击。选择“新建 > 子页面”。
添加和设计部件,创建基本链接,浏览器上预览,分享链接然后生成本地 HTML 。如果你在欢迎页面已经看过“准备开始”文档,请跳到页面操作章节。创建一个蓝色的按钮1 拖放一个按钮从部件窗口拖动一个按钮放到设计区域。2 编辑文本为“下一页”选中按钮部件,输入“下一页”即可编辑部件上的文本。
学习专业快速原型设计工具
Axure RP extension for chrome(Axure RP的chrome扩展)V0.6.3下载与安装说明,如果你遇到这样的情况无法安装Axure谷歌浏览器插件,请按照以下方法操作即可解决:第一步:首先下载最新扩展程序,解压得到一个axure_chrome_extension_V0.6.3的文件夹。
关注时代Java