当前位置:酷酷问答>生活百科>Axure RP8.0的教程

Axure RP8.0的教程

2024-11-13 21:19:33 编辑:zane 浏览量:563

Axure RP8.0的教程

的有关信息介绍如下:

Axure RP8.0的教程

Axure RP8.0的教程,Axure使用教程,怎么做原型图

先在自己的电脑上找到我们的画原型图的软件的快捷方式,然后双击打开它:

启动之后如下图所示,等待它加载完毕后会自动进入主界面:

进入主界面之后会有一个弹出窗,我们点击“新建文件”这个按钮来创建一个新项目:

点击之后会默认给你创建一个index页面,然后再index页面下面给你创建了三个子页面:

然后对着index点击鼠标右键选择新建子页面,就可以创建一个新的页面了:

点击新建子页面之后,这个新建的子页面名字是一个输入框,你可以重新输入你想要创建的文件的名字:

然后双击页面就可以打开页面到工作视图:

对着页面进行点击鼠标右键,然后就会弹出选项菜单,就可以对页面进行重命名、删除、复制的操作了:

在页面的工作视图下面,可以看到屏幕的左下角有一个“元件库”的窗口,这个里面放的都是可以添加到页面上面的组件:

想要把组件添加到页面上面去,直接拖动到页面的工作视图里面就可以了:

然后只有拖动成你想要的布局方式,比我我这里拖了一个简单的登录界面:

如果你想要自定义元件的样式和外观,在屏幕的右上方有一个“样式”的窗口,点击你想要美化的组件,选择样式窗口,这里面提供了多种样式设置,可以供你选择:

比如我们来做一个个人中心的一个界面,效果如下:

静态页面肯定是不能满足原型图的需要,因为我们通常或做一个交互操作,比如说点击跳转页面子类的,所以我们就需要给组件添加事件操作。

添加事件需要先点击你要添加事件操作的组件,然后再点击屏幕右上方的属性窗口,然后你就可以看到有很多种事件操作,有鼠标单击、鼠标移入、鼠标移出:

我们点击鼠标单击事件,然后再弹出的窗口选择要进行的事件操作,这里我选择打开新窗口的操作:

添加完成之后,回到属性的窗口,就可以看到你添加的事件了:

如果我们想要看到原型的运行效果,点击菜单栏的“发布”-->“预览”按钮,然后就可以运行到浏览器来查看运行效果了:

运行后的效果如图所示,然后我们点击我们刚才设置有鼠标单击事件的组件,然后看看事件的效果:

单击之后就会跳转到你设置的窗口了,效果如下图所示:

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/life/122066.html
热门文章