WPF功能菜单悬浮显示

需求:当鼠标移入某个菜单功能,浮现其子功能项,以便用户进行下一步操作。

效果图:

WPF功能菜单悬浮显示_第1张图片

由于该浮窗的内容较多,单独做成一个资源样式进行引用。 

使用WPF资源样式的方法参考这篇文章:讲解的特别详细

https://www.cnblogs.com/zhili/p/WPFResourceAndStyle.html

前台布局:


        "Search2" Background="#303030" Panel.ZIndex="5" Margin="-2,0,0,-2" Grid.Row="0" Visibility="Collapsed">
            "ScrollViewer1" VerticalScrollBarVisibility="Hidden" Height="{Binding ElementName=Search2, 
                Path=ActualHeight, Mode=OneWay}" Style="{StaticResource for_scrollviewer}">
                "itemsControl1" ItemsSource="{Binding Menus}" >
                    
                        
                            "Vertical"/>
                        
                    
                    
                        
                            
                                
                                    "1,0,0,0">
                                        
View Code

说明:这里用的是ItemsControl控件,是加载功能菜单项,在通过DataTemplate去制定其需要的外表。

按钮样式:


    
View Code

说明:这里使用了WPF-关键帧动画,简单将悬浮效果做成鼠标移入移出呈波浪状的效果,Popup包含ItemsControl控件用于加载功能菜单子项

转载于:https://www.cnblogs.com/Li-JiaWen/p/11319221.html

你可能感兴趣的:(WPF功能菜单悬浮显示)