第二十九章 为 Silverlight 控件添加 工具提示

 

Silverlight提供了一个名为“ToolTipService”的控件用于为Silverlight控件显示工具提示。这个类可以附着在Silverlight中的大多数 UI 元素上用于显示工具提示。

简单的文本提示

下面的示例代码显示如何为一个按钮控件添加工具提示：

< Button Width ="60" Height ="20" Content ="My Button">

    <ToolTipService.ToolTip>

        <ToolTipContent ="This is tool tip for Button"></ToolTip>

    </ToolTipService.ToolTip>

</ Button >

看下面的示例用于为文本框控件设置工具提示：

< TextBlock Width ="60" Height ="20" Text ="My Text">

    <ToolTipService.ToolTip>

        <ToolTipContent ="This is tool tip for TextBlock"></ToolTip>

    </ToolTipService.ToolTip>

</ TextBlock >

显示富UI元素提示

Silverlight 在工具提示时支持 UI 元素，使用户得到更好的体验。在工具提示时可以使用更多的UI元素。看下面显示的例子

在提示工具中显示图像

示例代码显示在 Silverlight 中如何显示图像工具提示：

< TextBox Width ="60" Height ="20" Text ="My Text">

    <ToolTipService.ToolTip>

        <ImageSource ="http://www.dotnetspider.com/images/spiderlogo.jpg" >

        </Image>

    </ToolTipService.ToolTip>

</ TextBox >

为整个 Silverlight 控件进行提示

可以为整个 Silverlight 工具设置提示。看如下代码：

< UserControl x : Class ="MySilverlightApp.Page"

     xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

     xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml"

     Width ="400" Height ="300">

    <StackPanelx : Name ="LayoutRoot" Background ="White">

        <ToolTipService.ToolTip>

            <ToolTipContent ="This is tool tip for entire control"></ToolTip>

        </ToolTipService.ToolTip>

    </StackPanel>

</ UserControl >

编程方式设置工具提示

可以从后台代码文件设置或改变工具提示。下面例子显示如何从后台代码文件为按钮控件设置文本提示：

ToolTipService .SetToolTip(MyButton, "This is new tooltip" );

 

Silverlight入门知识学习目录