原文:WPf 带滚动条WrapPanel 自动换行 和控件右键菜单 

技能点包括 WPf 样式的引用 数据的验证和绑定 比较适合初学者

前台：



  1. 

    

    

    

     <Window.Resources>
    

    2. 

  2. 

    

    

    

            <local:PathToSource x:Key="n2"/>
    

    3. 

  3. 

    

    

    

            <Style x:Key="{x:Type ContextMenu}" TargetType="{x:Type ContextMenu}">
    

    4. 

  4. 

    

    

    

                <Setter Property="OverridesDefaultStyle" Value="True"/>
    

    5. 

  5. 

    

    

    

                <Setter Property="SnapsToDevicePixels" Value="True"/>
    

    6. 

  6. 

    

    

    

                <Setter Property="Template">
    

    7. 

  7. 

    

    

    

                    <Setter.Value>
    

    8. 

  8. 

    

    

    

                        <ControlTemplate TargetType="{x:Type ContextMenu}">
    

    9. 

  9. 

    

    

    

                            <Border Background="#CD222120" CornerRadius="7, 7, 8, 8" BorderBrush="DarkGray" BorderThickness="2" Opacity="0.96">
    

    10. 

  10. 

    

    

    

                                <StackPanel ClipToBounds="True" Orientation="Vertical" IsItemsHost="True" Margin="5,4,5,4"/>
    

    11. 

  11. 

    

    

    

                            </Border>
    

    12. 

  12. 

    

    

    

                        </ControlTemplate>
    

    13. 

  13. 

    

    

    

                    </Setter.Value>
    

    14. 

  14. 

    

    

    

                </Setter>
    

    15. 

  15. 

    

    

    

            </Style>
    

    16. 

  16. 

    

    

    

            <ControlTemplate x:Key="{x:Static MenuItem.TopLevelItemTemplateKey}" TargetType="{x:Type MenuItem}">
    

    17. 

  17. 

    

    

    

                <Border Name="Border" >
    

    18. 

  18. 

    

    

    

                    <Grid>
    

    19. 

  19. 

    

    

    

                        <ContentPresenter Margin="6,3,6,3" ContentSource="Header" RecognizesAccessKey="True" />
    

    20. 

  20. 

    

    

    

                    </Grid>
    

    21. 

  21. 

    

    

    

                </Border>
    

    22. 

  22. 

    

    

    

            </ControlTemplate>
    

    23. 

  23. 

    

    

    

     
    

    24. 

  24. 

    

    

    

            <DataTemplate x:Key="Wrapitem">
    

    25. 

  25. 

    

    

    

                <Grid  Height="86"   Width="86"  >
    

    26. 

  26. 

    

    

    

                    <Grid.ContextMenu>
    

    27. 

  27. 

    

    

    

                        <ContextMenu Name="cm" StaysOpen="true">
    

    28. 

  28. 

    

    

    

                            <MenuItem Header="update"/>
    

    29. 

  29. 

    

    

    

                            <MenuItem Header="Save"/>
    

    30. 

  30. 

    

    

    

                            <MenuItem Header="SaveAs"/>
    

    31. 

  31. 

    

    

    

                        </ContextMenu>
    

    32. 

  32. 

    

    

    

     
    

    33. 

  33. 

    

    

    

                    </Grid.ContextMenu>
    

    34. 

  34. 

    

    

    

                    <Image Margin="8,8,8,24" Source="{Binding Path=Url,Converter={StaticResource n2}}"/>
    

    35. 

  35. 

    

    

    

                    <Label Content="{Binding Path=Text}" Height="22" Width="45"   VerticalAlignment="Bottom"/>
    

    36. 

  36. 

    

    

    

        	</Grid>
    

    37. 

  37. 

    

    

    

                
    

    38. 

  38. 

    

    

    

            </DataTemplate>
    

    39. 

  39. 

    

    

    

        </Window.Resources>
    

    40. 

  40. 

    

    

    

        <Grid>
    

    41. 

  41. 

    

    

    

            <ListBox x:Name="list" Margin="124,63,109,44"  ScrollViewer.HorizontalScrollBarVisibility="Hidden"   ItemTemplate="{StaticResource Wrapitem}">
    

    42. 

  42. 

    

    

    

                <ListBox.Resources>
    

    43. 

  43. 

    

    

    

                    <Style TargetType="ListBoxItem">
    

    44. 

  44. 

    

    

    

     
    

    45. 

  45. 

    

    

    

                        <Style.Resources>
    

    46. 

  46. 

    

    

    

     
    

    47. 

  47. 

    

    

    

                            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FFA1A1A1"/>
    

    48. 

  48. 

    

    

    

                        </Style.Resources>
    

    49. 

  49. 

    

    

    

                    </Style>
    

    50. 

  50. 

    

    

    

                </ListBox.Resources>
    

    51. 

  51. 

    

    

    

     
    

    52. 

  52. 

    

    

    

             
    

    53. 

  53. 

    

    

    

                    <!--<ListBox.ItemsPanel >
    

    54. 

  54. 

    

    

    

        			<ItemsPanelTemplate>
    

    55. 

  55. 

    

    

    

                        <WrapPanel   Orientation="Horizontal" IsItemsHost="True"/>
    

    56. 

  56. 

    

    

    

    				</ItemsPanelTemplate>
    

    57. 

  57. 

    

    

    

        		
    

    58. 

  58. 

    

    

    

    			</ListBox.ItemsPanel>-->
    

    59. 

  59. 

    

    

    

                <ListBox.Template>
    

    60. 

  60. 

    

    

    

                    <ControlTemplate TargetType="{x:Type ListBox}">
    

    61. 

  61. 

    

    

    

                        <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
    

    62. 

  62. 

    

    

    

                            <WrapPanel Orientation="Horizontal" IsItemsHost="True" ScrollViewer.CanContentScroll="True"/>
    

    63. 

  63. 

    

    

    

                        </ScrollViewer>
    

    64. 

  64. 

    

    

    

                    </ControlTemplate>
    

    65. 

  65. 

    

    

    

                </ListBox.Template>
    

    66. 

  66. 

    

    

    

            </ListBox>
    

    67. 

  67. 

    

    

    

       
    

    68. 

  68. 

    

    

    

        
    

    69. 

  69. 

    

    

    

            
    

    70. 

  70. 

    

    

    

        </Grid>
    

    71. 

  71. 

    

    

    

    </Window>

后台：



  1. 

    

    

    

       /// <summary>
    

    2. 

  2. 

    

    

    

        /// MainWindow.xaml 的交互逻辑
    

    3. 

  3. 

    

    

    

        /// </summary>
    

    4. 

  4. 

    

    

    

        public partial class MainWindow : Window
    

    5. 

  5. 

    

    

    

        {
    

    6. 

  6. 

    

    

    

            public MainWindow()
    

    7. 

  7. 

    

    

    

            {
    

    8. 

  8. 

    

    

    

                InitializeComponent();
    

    9. 

  9. 

    

    

    

                load();
    

    10. 

  10. 

    

    

    

            }
    

    11. 

  11. 

    

    

    

     
    

    12. 

  12. 

    

    

    

            public void load() 
    

    13. 

  13. 

    

    

    

            {
    

    14. 

  14. 

    

    

    

                ObservableCollection<Mean> ListMean = new ObservableCollection<Mean>() 
    

    15. 

  15. 

    

    

    

                {
    

    16. 

  16. 

    

    

    

                     new Mean(){Text="001",Url="i"},
    

    17. 

  17. 

    

    

    

                     new Mean(){Text="002",Url="i"},
    

    18. 

  18. 

    

    

    

                     new Mean(){Text="003",Url="ii"},
    

    19. 

  19. 

    

    

    

                     new Mean(){Text="004",Url="i"},
    

    20. 

  20. 

    

    

    

                     new Mean(){Text="005",Url="i"},
    

    21. 

  21. 

    

    

    

                     new Mean(){Text="006",Url="ii"},
    

    22. 

  22. 

    

    

    

                     new Mean(){Text="007",Url="i"},
    

    23. 

  23. 

    

    

    

                     new Mean(){Text="008",Url="i"},
    

    24. 

  24. 

    

    

    

                     new Mean(){Text="009",Url="i"},
    

    25. 

  25. 

    

    

    

                     new Mean(){Text="010",Url="i"},
    

    26. 

  26. 

    

    

    

                     new Mean(){Text="011",Url="ii"},
    

    27. 

  27. 

    

    

    

                     new Mean(){Text="012",Url="i"},
    

    28. 

  28. 

    

    

    

                     new Mean(){Text="013",Url="i"},
    

    29. 

  29. 

    

    

    

                     new Mean(){Text="014",Url="i"},
    

    30. 

  30. 

    

    

    

                     new Mean(){Text="015",Url="i"},
    

    31. 

  31. 

    

    

    

                     new Mean(){Text="016",Url="i"},  
    

    32. 

  32. 

    

    

    

                     new Mean(){Text="017",Url="i"}
    

    33. 

  33. 

    

    

    

                };
    

    34. 

  34. 

    

    

    

                list.ItemsSource = ListMean;
    

    35. 

  35. 

    

    

    

            }
    

    36. 

  36. 

    

    

    

        }
    

    37. 

  37. 

    

    

    

        public class Mean : INotifyPropertyChanged
    

    38. 

  38. 

    

    

    

        {
    

    39. 

  39. 

    

    

    

            private string text;
    

    40. 

  40. 

    

    

    

     
    

    41. 

  41. 

    

    

    

            public string Text
    

    42. 

  42. 

    

    

    

            {
    

    43. 

  43. 

    

    

    

                get { return text; }
    

    44. 

  44. 

    

    

    

                set { text = value; OnPropertyChanged("Text"); }
    

    45. 

  45. 

    

    

    

            }
    

    46. 

  46. 

    

    

    

            private string url;
    

    47. 

  47. 

    

    

    

     
    

    48. 

  48. 

    

    

    

            public string Url
    

    49. 

  49. 

    

    

    

            {
    

    50. 

  50. 

    

    

    

                get { return url; }
    

    51. 

  51. 

    

    

    

                set { url = value; OnPropertyChanged("Url"); }
    

    52. 

  52. 

    

    

    

            }
    

    53. 

  53. 

    

    

    

     
    

    54. 

  54. 

    

    

    

            public event PropertyChangedEventHandler PropertyChanged;
    

    55. 

  55. 

    

    

    

     
    

    56. 

  56. 

    

    

    

            public void OnPropertyChanged(string propertyName)
    

    57. 

  57. 

    

    

    

            {
    

    58. 

  58. 

    

    

    

     
    

    59. 

  59. 

    

    

    

                if (PropertyChanged != null)
    

    60. 

  60. 

    

    

    

                {
    

    61. 

  61. 

    

    

    

     
    

    62. 

  62. 

    

    

    

                    PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    

    63. 

  63. 

    

    

    

     
    

    64. 

  64. 

    

    

    

                }
    

    65. 

  65. 

    

    

    

     
    

    66. 

  66. 

    

    

    

            }
    

    67. 

  67. 

    

    

    

        }
    

    68. 

  68. 

    

    

    

        public class PathToSource:IValueConverter
    

    69. 

  69. 

    

    

    

        {
    

    70. 

  70. 

    

    

    

           public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    

    71. 

  71. 

    

    

    

           {
    

    72. 

  72. 

    

    

    

             
    

    73. 

  73. 

    

    

    

               string url = string.Format(@"/Images/{0}.jpg", (string)value=="i"?"i":"ii");
    

    74. 

  74. 

    

    

    

               return new BitmapImage(new Uri(url,UriKind.Relative));
    

    75. 

  75. 

    

    

    

           }
    

    76. 

  76. 

    

    

    

           public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    

    77. 

  77. 

    

    

    

           {
    

    78. 

  78. 

    

    

    

               throw new NotImplementedException();
    

    79. 

  79. 

    

    

    

           }
    

    80. 

  80. 

    

    

    

        }

WPf 带滚动条WrapPanel 自动换行 和控件右键菜单的更多相关文章

  1. MFC小型工具通用界面框架CLIST控件+右键菜单功能

    MFC-小型工具通用界面框架 0x1 场景 由于工作需要我会写代码开发工具给客户或者同事用.代码都能实现,但写个黑乎乎的命令行工具给别人用确实显得不够专业,用别人写好的成型工具又担心有后门. 所以掌握 ...

  2. FineUI Grid控件右键菜单的实现

    FineUI官方Demo上一直没有Grid右键菜单的实现,其实从4.1.x的版本开始,允许添加自定义的事件监听(Listeners),所以要实现这个功能已经相当容易了. ExtJs右键菜单有很多种,对 ...

  3. win32 listctrl控件右键菜单的实现

    HMENU Menu_list,Menu_all; POINT point; HINSTANCE hInstance;//下面代码放到BOOL WINAPI DialogProc下 case WM_C ...

  4. WPF中不规则窗体与WebBrowser控件的兼容问题解决办法

    原文:WPF中不规则窗体与WebBrowser控件的兼容问题解决办法 引言 这几天受委托开发一个网络电视项目,要求初步先使用内嵌网页形式实现视频播放和选单,以后再考虑将网页中的所有功能整合进桌面程序. ...

  5. WPF自定义控件（五）の用户控件（完结）

    用户控件,WPF中是继承自UserControl的控件,我们可以在里面融合我们的业务逻辑. 示例:(一个厌恶选择的用户控件) 后端: using iMicClassBase; using iMicCl ...

  6. Git使用总结 Asp.net生命周期与Http协议 托管代码与非托管代码的区别 通过IEnumerable接口遍历数据 依赖注入与控制反转 C#多线程——优先级 AutoFac容器初步 C#特性详解 C#特性详解 WPF 可触摸移动的ScrollViewer控件 .NET（C#）能开发出什么样的APP？盘点那些通过Smobiler开发的移动应用

    一,原理 首先,我们要明白Git是什么,它是一个管理工具或软件,用来管理什么的呢?当然是在软件开发过程中管理软件或者文件的不同版本的工具,一些作家也可以用这个管理自己创作的文本文件,由Linus开发的 ...

  7. 封装：WPF中可以绑定的BindPassWord控件

    原文:封装:WPF中可以绑定的BindPassWord控件 一.目的:本身自带的PassWord不支持绑定 二.Xaml部分 <UserControl x:Class="HeBianG ...

  8. WPF布局之让你的控件随着窗口等比放大缩小，适应多分辨率满屏填充应用

    一直以来,我们设计windows应用程序,都是将控件的尺寸定好,无论窗体大小怎么变,都不会改变,这样的设计对于一般的应用程序来说是没有问题的,但是对于一些比较特殊的应用,比如有背景图片的,需要铺面整个 ...

  9. WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu

    一．前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 菜单M ...

随机推荐

  1. simple mail example for smtp debug

    vim /etc/mail.rc head /etc/rc.local | mail -s "test_email" pyz_sub1@mailtest.com

  2. ios - block数据的回调

    block在代理,kvo中传递数据效率最高 实现原理 控制器B想传递数据给控制器A.通过在B控制器中创建Block类型的类,创建方法,方法参数是刚才创建的block类型的变量.在方法实现的内部调用参数 ...

  3. Mosquitto－Ubuntu 14.04快速安装问题解决

    Mosquitto是一个轻量级的MQTT Broker,支持很多种系统. 下载与安装:http://mosquitto.org/download/ 注意:由于客户端paho工程进展较快,目前需要使用最 ...

  4. Samba服务器搭建配置

    本次环境: 服务端-centos6.8-192.168.2.200 客户端1-centos6.8-192.168.2.201 客户端2-Windows7-192.168.2.104 假设条件如下: 使 ...

  5. Bootstrap--组件之Glyphicons字体图标

    Glyphicons 字体图标 所有可用的图标 包括250多个来自 Glyphicon Halflings 的字体图标.Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bo ...

  6. RabbitMQ-优先级(priority)队列/消息

    就像在日常生活中,事情有轻重缓急一样.我们对于需要处理的消息也有这样的需求. 例如重要的消息我要尽快的得到处理,当然我们可以给重要的消息开个“VIP通道”,但是VIP数量很多,并且VIP也分层次呢? ...

  7. 20 ViewPager Demo3指示器

    MainActivity.java package com.qf.day20_viewpager_demo3; import java.util.ArrayList; import java.util ...

  8. Android使用bindService作为中间人对象开启服务

    Android使用bindService作为中间人对象开启服务 项目结构如下: MyService: package com.demo.secondservice; import android.ap ...

  9. Oozie-自定义实现WorkFlow中shell action

    拷贝默认的shell目录来进行修改 $ cp -r ./examples/apps/shell/ my-apps/ 定义job.properties nameNode=hdfs://bigdata-0 ...

  10. java（5） 线程

    1.理清概念 并行与并发: *并行:多个cpu实例或者多台机器同时执行一段处理逻辑,是真正的同时. *并发:通过cpu调度算法,让用户看上去同时执行,实际上从cpu操作层面不是真正的同时.并发往往在场 ...