快好知 kuaihz

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

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

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

STEP 0:下载练习文件

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

AxureTraining.rp文件打开后如下:

STEP 1:选择文本

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

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

STEP 2:配置链接

在右侧Inspector面板的Properties标签栏下,点击“Text Link”icon。

出现对话窗“Link Properties”(链接属性),在对话框顶部的“Open in”下拉框中选择“New Window/Tab”(新窗口/标签)。

或者,你也可以使用(对话框底部的)选项“Link to external url or file”来链接到外面的网站。

点击确定关闭对话框。

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

STEP 3:预览

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

相关阅读

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:文本  文本词条  翻译  翻译词条  链接  链接词条  教程  教程词条  官方  官方词条  
原型

 Axure函数应用:指示线跟随地...

本篇文章为大家介绍了如何利用Axure打造“指示线跟随地图所选区域,并展示相应数据可视化”的效果,其中需要做到的函数计算为重难点。知识重点难点直角三角形斜边长度...(展开)

原型

 玩转Axure:轮播图制作技巧

很多电商、知识付费、运动类产品的首页位置都会通过轮播图的方式来展示重点推荐的内容,方便用户最快触达信息,对产品数据增长起到重要作用,接下来讲解下如何使用Axur...(展开)

原型

 Axure 9原型教程:移动端引...

当你第一次打开一款应用的时候常常会看到很棒的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。...(展开)