Wpf之在Treeview上用Tooltip显示图片

这两天琢磨了一下Tooltip简单实现Treeview子节点的图片显示,功能如下:


如果不想让某个节点上的ToolTip显示出来 只要在节点位置设置ToolTipService.IsEnabled="False"即可,一般情况下只在子节点出现ToolTip,所以设置父节点就可以了。

xaml代码如下:

<Window x:Class="WpfTreeviewToolTip.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TreeView  Grid.Column="0" Background="BurlyWood"   x:Name="treeView1">
            <TreeViewItem ToolTipService.IsEnabled="False"  Header="动物"      >
                <TreeViewItem.ToolTip>
                    <StackPanel Background="LightBlue" Height="135" Width="240" >
                        <Image Width="240" Height="135" Source="/Images/animal.jpg" />
                    </StackPanel>
                </TreeViewItem.ToolTip>
                <TreeViewItem  Header="小猫" ToolTipService.IsEnabled="True"  >
                    <TreeViewItem.ToolTip>
                        <StackPanel Background="LightBlue" Height="135" Width="240" >
                            <Image Width="240" Height="135" Source="/Images/cat.jpg" />
                        </StackPanel>
                    </TreeViewItem.ToolTip>
                </TreeViewItem>
                <TreeViewItem  Header="小狗" ToolTipService.IsEnabled="True"  >
                    <TreeViewItem.ToolTip>
                        <StackPanel Background="LightBlue" Height="135" Width="240" >
                            <Image Width="240" Height="135"  Source="/Images/dog.jpg"/>
                        </StackPanel>
                    </TreeViewItem.ToolTip>
                </TreeViewItem>
            </TreeViewItem>
        </TreeView>
    </Grid>
</Window>

主要的一点就是ToolTipService.IsEnabled的设置问题 

Treeview绑定可以参考博客http://www.cnblogs.com/shuang121/archive/2012/11/29/2794278.html

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页