[英]WPF own UserControl with ItemsSource Property
我想用ItemsSource属性创建一个自己的Usercontrol。 我创建了一个UserControl“ myContainer”,并且创建了一个UserControl“ myItem”。 现在,我想在myContainer控件中显示myItem控件。 因此,我在myContainer控件中声明了一个依赖项Property ItemsSource。 但是,如果我启动一个testproject并将一个集合绑定到itemssource属性,则什么也没发生。 这是实现itemssource属性的正确方法吗?
Xml:myContainer
<UserControl x:Class="Control.myContainer"
...
x:Name="myUserControl">
<Grid>
<DockPanel x:Name="myDockPanel">
</DockPanel>
</Grid>
myContainer背后的代码
public partial class myContainer : UserControl, INotifyPropertyChanged
{
public static readonly DependencyProperty ItemsSourceProperty =
DependencyProperty.Register("ItemsSource", typeof(myItem), typeof(myContainer));
public myContainer()
{
InitializeComponent();
DataContext = this;
}
public ObservableCollection<myItem> ItemsSource
{
get
{
return (ObservableCollection<myItem>)GetValue(ItemsSourceProperty);
}
set
{
SetValue(ItemsSourceProperty, value);
OnPropertyChanged("ItemsSource");
}
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
{
handler(this, new PropertyChangedEventArgs(propertyName));
}
}
}
Xaml myItem
<UserControl x:Class="Control.myItem"
...
d:DesignHeight="300" d:DesignWidth="300">
<Grid>
<Border BorderThickness="1" BorderBrush="Black" CornerRadius="2">
<DockPanel>
<StackPanel DockPanel.Dock="Top" Background="LightGray">
<DockPanel Margin="2,2,2,2">
<Button x:Name="Button_Close" DockPanel.Dock="Right" Width="14" Height="14" Margin="5,0,0,0" VerticalAlignment="Center"></Button>
<Button x:Name="Button_Undock" DockPanel.Dock="Right" Width="14" Height="14" Margin="5,0,0,0" VerticalAlignment="Center"></Button>
<TextBlock DockPanel.Dock="Left" VerticalAlignment="Center" FontWeight="Bold" Text="{Binding Header,UpdateSourceTrigger=PropertyChanged}"></TextBlock>
</DockPanel>
</StackPanel>
<ContentPresenter DockPanel.Dock="Top" ContentSource="Content"></ContentPresenter>
</DockPanel>
</Border>
</Grid>
myItem的CodeBehind
public partial class myItem : UserControl, INotifyPropertyChanged
{
public static DependencyProperty _Header =
DependencyProperty.Register("Header", typeof(String), typeof(myItem), new UIPropertyMetadata("Item"));
public myItem()
{
InitializeComponent();
DataContext = this;
}
public String Header
{
get
{
return (String)GetValue(_Header);
}
set
{
SetValue(_Header, value);
OnPropertyChanged("Header");
}
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
{
handler(this, new PropertyChangedEventArgs(propertyName));
}
}
}
看来您的商品类型基本上是这样的:
public class DataItem
{
public string Header { get; set; }
public object Content { get; set; }
}
您可以通过具有ItemTemplate
属性设置的DataTemplate
的ListBox来显示此类型的项目:
<ListBox ItemsSource="{Binding DataItems}">
<ListBox.ItemTemplate>
<DataTemplate>
<Border BorderThickness="3" BorderBrush="Aqua">
<StackPanel Margin="10">
<TextBlock Text="{Binding Header}"/>
<ContentPresenter Content="{Binding Content}"/>
</StackPanel>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
您当然可以在DataTemplate中使用专用的UserControl:
<DataTemplate>
<Border BorderThickness="3" BorderBrush="Aqua">
<StackPanel Margin="10">
<TextBlock Text="{Binding Header}"/>
<local:MyItemControl Content="{Binding Content}"/>
</StackPanel>
</Border>
</DataTemplate>
列表框使用的默认面板是VirtualizingStackPanel。 如果要改为使用DockPanel,则可以通过设置ItemsPanel
属性来实现:
<ListBox ItemsSource="{Binding DataItems}">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<DockPanel />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
...
</ListBox>
编辑:代替使用DataTemplate,您还可以通过在ItemsContainerStyle
中的Style中替换其ControlTemplate来完全替换ListBoxItem的视觉外观:
<ListBox ItemsSource="{Binding DataItems}">
<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBoxItem">
<Border BorderThickness="3" BorderBrush="Aqua">
<StackPanel Margin="10">
<TextBlock Text="{Binding Header}"/>
<ContentPresenter Content="{Binding Content}"/>
</StackPanel>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ListBox.ItemContainerStyle>
...
</ListBox>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.