HOW TO：使用文字裝飾搭配超連結
Hyperlink 物件是內嵌層級非固定格式內容項目，這個項目可讓您在非固定格式內容中裝載 (Host) 超連結 (Hyperlink)。 根據預設，Hyperlink 會使用 TextDecoration 物件顯示底線。 TextDecoration 物件可將最佳效能具現化，特別是在您擁有多個 Hyperlink 物件時。 如果大量使用 Hyperlink 項目，您可以考慮只有在觸發事件 (如 MouseEnter 事件) 時才顯示底線。
在下列範例中，"My MSN" 連結的底線是動態的 — 只有在 MouseEnter 事件觸發時才會出現。
使用 TextDecorations 定義的超連結
.png "顯示 TextDecoration 的超連結")
範例
下列標記範例顯示定義為有底線及没有底線的 Hyperlink：
<!-- Hyperlink with default underline. -->
<Hyperlink NavigateUri="https://www.msn.com">
MSN Home
</Hyperlink>
<Run Text=" | " />
<!-- Hyperlink with no underline. -->
<Hyperlink Name="myHyperlink" TextDecorations="None"
MouseEnter="OnMouseEnter"
MouseLeave="OnMouseLeave"
NavigateUri="https://www.msn.com">
My MSN
</Hyperlink>
下列程式碼範例示範如何在 MouseEnter 事件上建立 Hyperlink 的底線，並在 MouseLeave 事件上將它移除。
' Display the underline on only the MouseEnter event.
Private Overloads Sub OnMouseEnter(ByVal sender As Object, ByVal e As EventArgs)
myHyperlink.TextDecorations = TextDecorations.Underline
End Sub
' Remove the underline on the MouseLeave event.
Private Overloads Sub OnMouseLeave(ByVal sender As Object, ByVal e As EventArgs)
myHyperlink.TextDecorations = Nothing
End Sub
// Display the underline on only the MouseEnter event.
private void OnMouseEnter(object sender, EventArgs e)
{
myHyperlink.TextDecorations = TextDecorations.Underline;
}
// Remove the underline on the MouseLeave event.
private void OnMouseLeave(object sender, EventArgs e)
{
myHyperlink.TextDecorations = null;
}