美文网首页
7.动作---链接

7.动作---链接

作者: 玉箫儿 | 来源:发表于2018-03-10 17:38 被阅读0次

    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.动作---链接

          本文链接:https://www.haomeiwen.com/subject/fvdmfftx.html