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



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 感动总在不经意间。 这是发生在昨天的事,感动其实只在一瞬间,原本应该借着那热度,写在当时,然而,昨天写了一篇,这个...
    雕琢人生阅读 420评论 0 1
  • 现在是凌晨四点半,窗外还是一片浓重的黑色,辛勤一晚上的雨神终于有了收工的迹象,只剩下敷衍又心不在焉的滴滴答答。鸡鸣...
    blue不惧阅读 276评论 1 4
  • 巫巫从欧洲给我淘回这个杯子,像一个蓝汪汪的结着传奇的信物,正是我喜欢的风格。 是的,蓝色,牛仔,原计划用它喝咖啡,...
    画画的张平阅读 192评论 0 2
  • 很少会看完一部电影想写点什么,上一次有这个冲动的时候是看完匆匆那年,不得不说夏洛特烦恼是今年来我看过的最好的一部片...
    琪琪的大女神阅读 339评论 0 0