7.动作---链接

1.链接

1.1打开链接

打开链接包括打开当前窗口、新窗口/新标签(这两种在之前的例子中演示过,很简单)、弹出窗口(也就是弹出新的窗口)、父级窗口(点击哪个页面,弹出的一个页面,点击的那个页面就是父级窗口)和关闭窗口。

例如:在index中插入图0,点击图0,弹出page1(index中添加单击鼠标的弹出窗口动作弹出page1)。page1中插入有图1,点击图1,在index中出现page2,page2中有图2(page1中图片添加单击鼠标的父级窗口动作在index窗口中显示page2)。

1.2在框架中打开链接

在框架中打开链接也就是在内联框架和父级框架中打开链接,内联框架比较简单,父级框架也就是框架中的框架,在父级框架中显示设置好的页面。

1.3滚动到元件(锚链接)

滚动到元件,也就是触发某一事件,然后页面滚动到某已经设置好的元件的位置。


1.4.自适应视图

自适应视图也就是在不同分辨率的设备上面自适应屏幕来调整视图,比如在pc和手机的分辨率不同,当打开一个相同的网页时,就需要改变页面元素的大小、位置或者其他样式来满足用户的体验感,实现多种设备都能完美显示的功能。

例如:在如下界面中,网页上显示四张图片的位置是横向排成一排,但是当设备变成手机时,下面两张图的位置就自动换行显示了。具体步骤如下:

1.原始的界面(基本)

如果未作自适应处理,当缩小屏幕时的效果如下会出现滚动条,影响用户体验感,可见,自适应视图是很有用的。

2.在axure空白处点击一下,然后在属性中点击自适应的自适应管理视图,进入下面界面进行编辑(以手机横向为例子)。注意,此时完成后一定要点击自适应启动。

3.点击预览

所有,自适应视图是很简单的,但是这就结束了吗?当然不是,这篇文章讲的是动作,这个并不属于动作的范围,所以接下来就是要添加动作了。

4.在原始页面上点击一张图片设置其属性,如下:

5.点击预览,点击第一张图片,界面会自动变为手机横向视图。(这个图看似与上面的没什么区别,实质上这张图并没有缩小窗口,右侧留有空白)



你可能感兴趣的:(7.动作---链接)