文本链接 #
文本链接是一种独特的元件类型,不能单独存在。相反,它们必须被添加到 形状元件 (opens new window) ,并作为文本的一部分存在。
创建和删除文本链接 #
要创建一个文本链接,通过双击形状元件上的文本或选择它并按下回车键来编辑它。然后,选择你想变成链接的文本部分,在 Interactions 面板中点击 Insert Text Link 。
要删除一个文本链接,在画布上选择它并按 DELETE。
文本链接遮罩 #
文本链接在默认情况下被一个蓝色的蒙版所覆盖,以使它们在画布上更容易被发现。你可以在应用程序菜单中的 View → Masks 来切换遮罩是否显示。
注意
元件遮罩和文本链接遮罩都不会在浏览器中显示。
文本链接的样式 #
你可以改变一个文本链接的样式,独立于其父元件上的其他文本。选择文本链接并在 Style 面板或样式工具栏中进行样式选择。
要改变你项目中所有文本链接的样式,请更新 Text Link widget style (opens new window) ,它默认应用于所有文本链接。
样式交互效果 #
文本链接的 MouseOver 和 MouseDown 样式效果 (opens new window) 默认情况下是启用的。要改变这些效果所应用的样式,请更新 Text Link Mouse Over 和 Text Link Mouse Down 组件样式 (opens new window) 。
文本链接交互 #
虽然文本链接的默认 交互 (opens new window) 是在点击链接时导航到一个新的页面,但你可以在 Interactions 面板中自定义文本链接的交互,就像任何其他元件类型的交互。
以下事件可用于文本链接:
- 点击或轻触
- 鼠标移入
- 鼠标移出
- 获得焦点
- 失去焦点
提示
一些常见的文本链接交互包括 Click or Tap → Scroll to Widget 和 Mouse Enter → Show Widget 。