【Tooltip】WPF中Tooltip使用技巧总结

2017-08-30 19:06:14来源:CSDN作者:qq_20935555人点击

分享
第七城市

1. 简单示例——包含两个TextBlock:

复制代码代码
<Button Content="Tooltip演示">    <Button.ToolTip>        <ToolTip>            <StackPanel>                <TextBlock FontWeight="Heavy">两个TextBlock</TextBlock>                <TextBlock>简要介绍:Tooltip是一个十分强大的功能组件!</TextBlock>            </StackPanel>        </ToolTip>    </Button.ToolTip></Button>
复制代码

  效果如下:

clip_image001

2. 控件禁用时显示示例:

<Button Content="禁用控件Tooltip演示" IsEnabled="False" ToolTip="禁用按钮" ToolTipService.ShowOnDisabled="True" />

3. 设定显示时长:

  ToolTipService.ShowDuration="5000"

  Tooltip将显示5秒钟。

4. 简单组合演示:

复制代码代码
<Button Content="丰富多彩的Tooltip">    <Button.ToolTip>        <StackPanel Background="Azure" Height="200" Width="200">            <StackPanel Background="LightBlue" Height="30" Width="200" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Top" >                <Image VerticalAlignment="Top" Width="30" Height="30" Source="Images/qianqian.png" />                <TextBlock>                    <Run FontFamily="微软雅黑" FontSize="18" FontWeight="Normal" Text="天使的翅膀"/>                </TextBlock>            </StackPanel>            <StackPanel Width="200">                <TextBlock TextWrapping="Wrap" Width="100" Height="98" HorizontalAlignment="Center" VerticalAlignment="Top">                    <Run FontFamily="Verdana" FontSize="11" Foreground="Black" Text="落叶随风将要去何方只留给天空美丽场"/>                </TextBlock>            </StackPanel>        </StackPanel>    </Button.ToolTip></Button>
复制代码

  效果如下:

clip_image002

5. 简单带阴影效果Tooltip:

复制代码代码
<Button Width="120" Height="30" Content="带阴效果Tooltip">    <Button.ToolTip>        <Border Background="LightBlue" Margin="-4,0,-4,-3">            <Border.BitmapEffect>                <OuterGlowBitmapEffect></OuterGlowBitmapEffect>            </Border.BitmapEffect>            <Label>简单带阴影效果Tooltip</Label>        </Border>    </Button.ToolTip></Button>
复制代码

  实现效果如下:

clip_image003

 

第七城市

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台