Axure RP官方教程翻译(2):文本链接

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

文章分享了给部件中的部分文字添加链接的实现过程,具体来看看~

Axure RP官方教程翻译(2):文本链接

这篇教程要达到的目的是为了一个部件中部分文字添加链接,在该案例中我将其打开方式修改成“Popup Window”,实现的效果如下:

Axure RP官方教程翻译(2):文本链接

STEP 0:下载练习文件

如果你还没有练习文件,下载 AxureTraining.rp 文件并且在Axure RP打开它。这个文件包含了Axure培训网站上每个教程用到的相关页面。我们建议一直都用我们准备的这个文件来完成教程,但是如果你不能,那也是ok的——即使你没有使用我们的培训文件,我们总是会告诉你为了完成每一个教程需要在新文件中创建什么。

AxureTraining.rp文件打开后如下:

Axure RP官方教程翻译(2):文本链接

STEP 1:选择文本

打开培训文件中的“Text link”页面。它包含了一个带有一些文本段落的部件。

双击这个部件进行编辑文本,仅仅选择一部分文本。

Axure RP官方教程翻译(2):文本链接

STEP 2:配置链接

  • 在右侧Inspector面板的Properties标签栏下,点击“Text Link”icon。
  • 出现对话窗“Link Properties”(链接属性),在对话框顶部的“Open in”下拉框中选择“New Window/Tab”(新窗口/标签)。
  • 或者,你也可以使用(对话框底部的)选项“Link to external url or file”来链接到外面的网站。
  • 点击确定关闭对话框。

你选择的文本现在有了一个可交互的覆盖和链接样式。


STEP 3:预览

点击预览。在生成的原型中,点击链接文本测试你的链接。

相关阅读

Axure RP官方教程翻译(1):交互式按钮

译者:Eugene

原文链接:  https://www.axure.com/support/training/text-link-tutorial

本文由 @Eugene 翻译发布于人人都是产品经理。未经许可,禁止转载。

随意打赏

axure rp教程axurerp教程axurerpaxure教程英文翻译
提交建议
微信扫一扫,分享给好友吧。