打开本地文件_自学Axure9-打开链接和关闭窗口行为、在内部框架中打开链接行为、滚动到部件(锚点连接)DAY9...

本文详细介绍了交互式原型设计中各种链接操作,包括在当前窗口、新窗口、弹出窗口和父窗口中打开链接的行为,以及如何处理内部框架的交互。重点讲解了内部框架的用途,如引用视频、本地文件和网页,并强调了其在发布原型时的注意事项。同时,提到了滚动条、边框隐藏和锚点连接行为的设置,为提升用户体验提供了实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

交互行为:

1.当前窗口打开链接

链接到外部URL或本地文件:可以输入外部的链接;也可以输入本地文件的链接,本地文件当以预览的方式发布是看不到链接的内容,只有生成本地方式来发布原型才能链接到想要链接的内容。

重新载入当前页面:刷新了一下当前页面

cee72c1d1cb2e17f8fbb4376bb6bfd34.png

2.新窗口/标签页打开链接:在新的窗口打开链接

ce9260782eabc72b4272ba82be32e683.png

dbc6e3434fca4a6db94c71870fd3bb3b.png

3.弹出窗口打开链接

b8ba7eb75cfcc27cd0347a34d21c857a.png

e2aa673ca5f51e86c0a45acd330df2bc.png

4.父窗口打开链接

发布之后先点击打开在新窗口打开链接-父窗口打开链接-返回到前一个窗口,会发现里面内容变了,前一个窗口就是父窗口。

0b0cc32edb656bf08fbb21ac7d5dba00.png

3a14a2c50eea25d223b051e948fab3a6.png

71a72c866d63bc1ff0ed0b2e29e620ed.png

5.关闭窗口

e4d905ddc3a7fa65018a7bab2b93e520.png

在内部框架中打开链接行为(能使用动态面板就不要用内部框架,动态面板除了不能引用视频、本地文件、网页其他都能做)

内部框架:让我们在同一个浏览器窗口中显示不止一个页面,在这个窗口里实现不同页面的切换效果。实现不同条件下,嵌入不同文档的效果

内部框架作用:

1.引用视频:在链接属性里添加视频路径

2.引用本地文件:可引入PDF、图片、音乐格式的文件,不能引入office

3.引用网页

注:

1.超链接地址需加上http://

2.内部框架大小要设置好

3.发布-生成html文件,即可显示本地文件和视频。

0bde020c048bd1e1fb48430e1bb8fa1c.png

用下面的方式设置内部框架的交互效果。

6e87c3b0ab06bf0e4d75c6fa903a4871.png

6fb67229a2966659b1bb7e20995d08eb.png

设置完预览不点击任何按钮的时候内部框架里是空白的,给用户体验效果不好,设置默认显示页面就是双击内部框架,默认选哪个就显示哪个。

9f248ef21a05a24280dbc4a9ac28ebf9.png

c4d7c03632f2a8ddf312b1779fd7e446.png

内部框架设置滚动条:

a04c0d50d4768184235da00b8019b2ed.png

内部框架边框隐藏:

点击一下边框就可以隐藏,再点击一下就显示出来了

e2d4ccde1b8779319bcaa33d2c010b6e.png

交互行为:

1.在内部框架中打开链接

2.在父框架中打开链接

bf5f333590f6651a30d8647849ad87e2.png

滚动到部件(锚点连接行为):

在一个页面上,无论怎么滚动,箭头都悬浮在右侧。

在动态面板里设置:

给水平线设置旋转角度

0b978be713bda79ba661eb35bc2ab388.png

设置成一个组合

3661632051b2ef34e044e53f5a01e07f.png

给箭头添加触发事件用热区组件,然后添加鼠标单击时交互效果

fa51d4016b6ee6df685c5a50e290c19b.png

设置固定到浏览器

0c0ddfdffca40544ab00240b50e463ac.png

709a120cae102e416ea69e8834239bed.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值