文本链接 #

文本链接是一种独特的元件类型,不能单独存在。相反,它们必须被添加到 形状元件 (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 OverText Link Mouse Down 组件样式 (opens new window)

文本链接交互 #

虽然文本链接的默认 交互 (opens new window) 是在点击链接时导航到一个新的页面,但你可以在 Interactions 面板中自定义文本链接的交互,就像任何其他元件类型的交互。

以下事件可用于文本链接:

  • 点击或轻触
  • 鼠标移入
  • 鼠标移出
  • 获得焦点
  • 失去焦点

提示

一些常见的文本链接交互包括 Click or Tap → Scroll to WidgetMouse Enter → Show Widget