品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

在原型设计里，文本省略号和选中高亮是挺常用的效果。文本省略号可以在空间不够的时候把内容显示得更简洁，而选中高亮能让用户一眼看出自己选了什么，界面反馈也更直接。下面就为大家介绍Axure怎么设置文本省略号，Axure怎么设置选中高亮的相关内容。

一、Axure怎么设置文本省略号

文本省略号一般用在文字太长、超出容器宽度的时候，超出的部分会自动隐藏，并用‘...’代替。Axure本身没有直接控制文本溢出显示的功能，得我们自己手动设置。具体做法是这样的：

1、使用中继器元件。在Axure里，中继器是个实用的元件，适合用来展示重复的数据，比如列表、表格之类的。它的特点是能绑定一个数据表，数据表里的每一行都会生成一个对应的元件。我们可以直接从默认元件库里找到中继器，拖到画布上使用。

2、中继器数据填充。默认情况下，中继器会生成三行数据，我们可以把多余的行删掉，只保留一行。然后，双击中继器，进入数据表编辑界面，在第一列（Column0）中输入一段足够长的文字内容，比如“这是一个非常长的文本内容，需要被截断”。

3、文本截断设置。Axure本身并不知道什么时候该显示省略号，我们需要通过交互逻辑来告诉它。我们可以规定，当文本的字符数超过10个字符时，后面的内容就用省略号代替。中继器本身是自带一个【每项加载】事件的，我们只要对这个事件中的动作做修改即可。我们添加一个【设置文本】的动作，在设置文本的值中，输入表达式：[[Item.Column0.substr(0, 10)]]……。这个表达式的意思是，从Column0的第0个字符开始，截取10个字符，然后在]]后面加上省略号，也就是显示“这是一个非常长的文本内容，需要被截断”的前面十个字。

4、预览测试。在浏览器中预览，可以看到，“这是一个非常长的文本”后面的内容自动变成省略号。如果我们想让截断的字符数更多，只需要把substr(0, 10) 中的10改成更大的数字就可以了。

二、Axure怎么设置选中高亮

选中高亮功能通常用于提示用户当前鼠标悬停或点击的区域。我们可以用以下三个步骤在Axure中实现选中高亮的效果。

1、准备文本标签。首先，我们在画布上拖两个文本标签出来。第一个文本标签写上“这是”，第二个文本标签写上“高亮的文本”。这两个标签可以并排放置，模拟一种自然的阅读场景。

2、交互事件设置。接下来，我们需要对“高亮的文本”这个标签设置交互效果，让它能够在鼠标停放时改变颜色。选中“高亮的文本”这个标签，然后在右侧的【交互】面板中，点击【新建交互】。这里我们选择【鼠标停放时】事件，也就是当用户的鼠标悬停在这个文本上时，触发我们设定的动作。在【鼠标停放时】事件中，我们添加一个【设置文本】的动作，选择当前这个文本标签本身作为目标。在【设置文本】的值中，点击【富文本】按钮，打开富文本编辑器。在编辑器中，可以看到当前的文字内容（“高亮的文本”）。选中这些文字，然后在颜色选项中选择亮黄色。设置完成后，点击【确定】保存交互。

3、预览测试。在浏览器中进行预览测试，当我们把鼠标放到“高亮的文本”上时，它的颜色会立刻变成亮色，鼠标移开后，文字又会恢复成原来的颜色。说明高亮效果制作成功。

以上就是Axure怎么设置文本省略号，Axure怎么设置选中高亮的相关内容。加上文本省略号可以防止内容太长撑出界面，让页面看起来更清爽。选中高亮则能清楚地告诉用户当前的操作状态，界面用起来更顺手，互动感也更强。