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

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

前台：

 <Window.Resources><local:PathToSource x:Key="n2"/><Style x:Key="{x:Type ContextMenu}" TargetType="{x:Type ContextMenu}"><Setter Property="OverridesDefaultStyle" Value="True"/><Setter Property="SnapsToDevicePixels" Value="True"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type ContextMenu}"><Border Background="#CD222120" CornerRadius="7, 7, 8, 8" BorderBrush="DarkGray" BorderThickness="2" Opacity="0.96"><StackPanel ClipToBounds="True" Orientation="Vertical" IsItemsHost="True" Margin="5,4,5,4"/></Border></ControlTemplate></Setter.Value></Setter></Style><ControlTemplate x:Key="{x:Static MenuItem.TopLevelItemTemplateKey}" TargetType="{x:Type MenuItem}"><Border Name="Border" ><Grid><ContentPresenter Margin="6,3,6,3" ContentSource="Header" RecognizesAccessKey="True" /></Grid></Border></ControlTemplate><DataTemplate x:Key="Wrapitem"><Grid  Height="86"   Width="86"  ><Grid.ContextMenu><ContextMenu Name="cm" StaysOpen="true"><MenuItem Header="update"/><MenuItem Header="Save"/><MenuItem Header="SaveAs"/></ContextMenu></Grid.ContextMenu><Image Margin="8,8,8,24" Source="{Binding Path=Url,Converter={StaticResource n2}}"/><Label Content="{Binding Path=Text}" Height="22" Width="45"   VerticalAlignment="Bottom"/></Grid></DataTemplate></Window.Resources><Grid><ListBox x:Name="list" Margin="124,63,109,44"  ScrollViewer.HorizontalScrollBarVisibility="Hidden"   ItemTemplate="{StaticResource Wrapitem}"><ListBox.Resources><Style TargetType="ListBoxItem"><Style.Resources><SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FFA1A1A1"/></Style.Resources></Style></ListBox.Resources><!--<ListBox.ItemsPanel ><ItemsPanelTemplate><WrapPanel   Orientation="Horizontal" IsItemsHost="True"/></ItemsPanelTemplate></ListBox.ItemsPanel>--><ListBox.Template><ControlTemplate TargetType="{x:Type ListBox}"><ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto"><WrapPanel Orientation="Horizontal" IsItemsHost="True" ScrollViewer.CanContentScroll="True"/></ScrollViewer></ControlTemplate></ListBox.Template></ListBox></Grid>
</Window>

后台：

   /// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();load();}public void load() {ObservableCollection<Mean> ListMean = new ObservableCollection<Mean>() {new Mean(){Text="001",Url="i"},new Mean(){Text="002",Url="i"},new Mean(){Text="003",Url="ii"},new Mean(){Text="004",Url="i"},new Mean(){Text="005",Url="i"},new Mean(){Text="006",Url="ii"},new Mean(){Text="007",Url="i"},new Mean(){Text="008",Url="i"},new Mean(){Text="009",Url="i"},new Mean(){Text="010",Url="i"},new Mean(){Text="011",Url="ii"},new Mean(){Text="012",Url="i"},new Mean(){Text="013",Url="i"},new Mean(){Text="014",Url="i"},new Mean(){Text="015",Url="i"},new Mean(){Text="016",Url="i"},  new Mean(){Text="017",Url="i"}};list.ItemsSource = ListMean;}}public class Mean : INotifyPropertyChanged{private string text;public string Text{get { return text; }set { text = value; OnPropertyChanged("Text"); }}private string url;public string Url{get { return url; }set { url = value; OnPropertyChanged("Url"); }}public event PropertyChangedEventHandler PropertyChanged;public void OnPropertyChanged(string propertyName){if (PropertyChanged != null){PropertyChanged(this, new PropertyChangedEventArgs(propertyName));}}}public class PathToSource:IValueConverter{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){string url = string.Format(@"/Images/{0}.jpg", (string)value=="i"?"i":"ii");return new BitmapImage(new Uri(url,UriKind.Relative));}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) {throw new NotImplementedException();}}

WPf 带滚动条WrapPanel 自动换行和控件右键菜单相关推荐

Actipro WPF Studio语法编辑器和停靠控件
Actipro WPF Studio语法编辑器和停靠控件对接向选项卡式 MDI 选项卡添加了"全部浮动"菜单项,它将容器中的所有停靠窗口浮动在一起. 改进了目标坞站主机命中测试 ...
WPF 可触摸移动的ScrollViewer控件
原文:WPF 可触摸移动的ScrollViewer控件 ListBox支持触摸滑动,而ScrollViewer默认不支持. ScrollViewer如需要添加上下/左右触摸移动,需要在Touch事件中 ...
ASP.NET Menu控件子菜单弹出导致页面出现滚动条问题
ASP.NET Menu控件子菜单弹出的时候导致页面CSS属性的Min-Height产生变化,结果是原来全屏的画面,多出了纵滚动条.可以通过如下方法解决: 将ASP.NET控件放置到Table的单元格 ...
WPF 中动态创建和删除控件
WPF 中动态创建和删除控件原文:WPF 中动态创建和删除控件动态创建控件 1.容器控件.RegisterName("Name",要注册的控件) //注册控件 2.容器控件 ...
c语言windows 编程下silder控件,VB6 常用控件滚动条ScorllBar和Slider控件
滚动条(ScorllBar)和Slider控件通常用来附在窗体上以协助观察数据或确定位置,也可用来作为数据输入的工具. 滚动条(ScorllBar)和Slider控件都有水平和垂直两种,Slider控 ...
android 带清除功能的输入框控件
今天,看到一个很好的自定义输入框控件,于是记录一下. 效果很好: 一,自定义一个类,名为ClearEditText package com.example.clearedittext;import a ...
想建一个带分隔条的label 控件；
想建一个带分隔条的label 控件: Delphi / Windows SDK/API http://www.delphi2007.net/DelphiBase/html/delphi_2006120 ...
WPF遍历当前容器中某种控件的方法
原文:WPF遍历当前容器中某种控件的方法版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37591671/article/details/79 ...
Silverlight带关闭动画的内容控件，可移动的内容控件（一）
本例给大家介绍两个自定义控件,一个有显示和关闭两种状态,在状态切换时有动画效果.另外一个是可以拖动的内容控件,可以制作能拖动的面板. A．带关闭动画的内容控件. .xaml View Code < ...

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

WPf 带滚动条WrapPanel 自动换行和控件右键菜单相关推荐

最新文章

热门文章

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

WPf 带滚动条WrapPanel 自动换行 和控件右键菜单相关推荐

最新文章

热门文章

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

WPf 带滚动条WrapPanel 自动换行和控件右键菜单相关推荐