HOW TO:使用文字裝飾搭配超連結
更新:2007 年 11 月
Hyperlink 物件是內嵌層級非固定格式內容項目,這個項目可讓您在非固定格式內容中裝載 (Host) 超連結 (Hyperlink)。根據預設,Hyperlink 會使用 TextDecoration 物件顯示底線。TextDecoration 物件在具現化 (Instantiate) 時可能會耗損效能,特別是在您有許多 Hyperlink 物件時。如果大量使用 Hyperlink 項目,您可以考慮只有在觸發事件 (如 MouseEnter 事件) 時才顯示底線。
在下列範例中,"My MSN" 連結的底線是動態的 — 只有在 MouseEnter 事件觸發時才會出現。
使用 TextDecorations 定義的超連結
範例
下列標記範例顯示定義為有底線及没有底線的 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 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;
}