当前位置:网站首页 > 区块链基础 > 正文

如何制作跳转链接(如何制作跳转链接图片)



bfd6c5198c00bcbfa03cf64f250eec4c.gif

在用Axure进行原型制作的时候,我们经常会需要制作文字的链接跳转。下面给大家介绍几种不同的设置文字链接的方法。

咱们以同一个例子来进行设置。

7cdb6c6bb77f6c252607c6fefec520a4.png

咱们在注册某些网站或者APP的时候,经常会看到类似的提示,点击“《用户隐私协议》”可打开用户隐私协议的页面进行查看。

在Axure中有以下几种方法可以进行设置。

一、分段设置

分段设置也就是说把进行点击的部分,“《用户隐私协议》”与其他文字独立开来,分别属于不同的部件。

1feb91ed68e1325911921f36fa8f2f1a.png

然后,在“《用户隐私协议》”的文字上设置链接的跳转,就可以达到我们预期的效果。

52dbfe13b7155f343788fa7c0cec1e14.png

二、利用部件覆盖

覆盖是什么意思呢?怎么个覆盖法呢?

还是以这个简单的例子来看,文字以一个部件的形式出现。就是这样:

f6f0711915525ef321a1c85828bbf68b.png

然后在需要进行链接跳转的文字上方再叠加一个部件,透明的矩形、热区等等均可,覆盖住文字。在这里依然是“《用户隐私协议》”。

4ab5e121b56ac3bb72d7d58fc1107aff.png

最后,在矩形或者热区部件上设置链接的跳转即可,设置与第一种方法是一样的,是最简单的交互设置了。

这种方法也是一个常用且灵活的方法,除了文字,在很多情况下我们都可以借助热区做快速的交互设置。

三、超链接文本

1、首先打开Axure,建立超链接文本。超链接元素不局限于文字,可以使用任何你想使用的部件,文字、图片、图形或者其他都可以。在这里小例子里边还是“《用户隐私协议》”。

f07bcf7bf383cc82f707c20279cfff50.png

2、设置超链接样式--鼠标悬停效果。选择文本 “《用户隐私协议》”,点击“文本链接”后面的小图标,打开超链接设置面板。

7560c618928cf900d9679ae8122fd56c.png

3、弹出超链接设置面板,选择超链接页面或者url地址。这里我们选择的还是“用户隐私协议”的页面。选择完成之后,点击确定,关闭设置面板。

edb861651c0fa4c754467e88c4701bd0.png

4、设置好之后与原来的样式相比,产生了变化。

6e0a151b29ad8f29f084202ba8c607d1.png

如果下次看到这个样式的文字,要想到是进行超链接设置,而不是交互设置。在交互设置用例中是看不到设置内容的,这个要一定注意。

5、最后预览,看一下效果跟其他方法是否一样。

cf78577aa74037569e38afd21d7b4d1d.png 31a5edb18f02fef59ae5ef6e70545b66.png

简单介绍了一下在Axure中制作文字的链接的方法,大家可以根据自己的实际需求和使用习惯,选择适合的方法。

同时可以考虑一下,有没有其他方法,以及这些方法除了用于设置文字之外,还有没有其他的用法。欢迎大家踊跃发表自己的意见。

往期精选

听说关注了我们的人

都升职加薪啦

47af2e7b5c6873d3d3a6f4280f9518ee.png

d3d9a6baa5740d4ca05230ab32efbb03.gif到此这篇如何制作跳转链接(如何制作跳转链接图片)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 跳转链接生成器(跳转链接生成器免费)2025-09-23 19:09:08
  • a标签打开新窗口,且重新加载页面(a标签在新窗口打开链接添加什么属性)2025-09-23 19:09:08
  • 如何点击图片跳转链接(如何实现点击图片跳转链接)2025-09-23 19:09:08
  • 反编译exe文件(反编译exe文件会自动链接dll吗)2025-09-23 19:09:08
  • 逆向单向链表(逆向建立单链表算法)2025-09-23 19:09:08
  • 单向链表和双向链表图解(单链表和双向链表的区别)2025-09-23 19:09:08
  • 单向链表(单向链表反转)2025-09-23 19:09:08
  • 带颜色的网站链接怎么弄(带颜色的网站链接怎么弄出来)2025-09-23 19:09:08
  • cp1300怎么链接电脑(cp1300能连接电脑么)2025-09-23 19:09:08
  • 如何防止链接跳转(阻止链接跳转)2025-09-23 19:09:08
  • 全屏图片