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

原文: 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();
}
}