将多个子级添加到自定义控件的 属性
Adding multiple children to a property of a custom control
我正在尝试创建一个基本视图,该视图知道在何处放置我在实际视图中定义的一些按钮(操作)。我有 ViewA
派生自 BaseView
。 BaseView
是一个自定义控件,具有一些属性和一个通用模板。 ViewA
派生自 BaseView
并定义了一些 BaseView
应该显示在 StackPanel
中的按钮。
ViewA
应该是这样的:
<BaseView x:Class="ViewA"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid>
<!-- This will be the main content for the view -->
</Grid>
<BaseView.Actions>
<!-- Here I want these buttons to be displayed in a StackPanel where the template is defined by BaseView -->
<Button>Button1</Button>
<Button>Button2</Button>
</BaseView.Actions>
</BaseView>
这是我的 BaseView 模板,我希望在其中显示按钮:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Style TargetType="{x:Type BaseView}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type BaseView}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<ContentPresenter Grid.Row="0" />
<!-- I would like the buttons defined in Actions to display here in a StackPanel -->
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
我怎样才能做到这一点?我试图使用 ItemsControl
但我不确定 "Actions" 属性 应该是什么类型以及如何将其绑定到 ItemsControl
?
我最终使用以下依赖项 属性 和模板中的 ItemsControl 实现了此功能:
public static readonly DependencyProperty ActionsProperty =
DependencyProperty.Register("Actions", typeof(ObservableCollection<UIElement>), typeof(ModalWindow), new UIPropertyMetadata(new ObservableCollection<UIElement>()));
public ObservableCollection<UIElement> Actions
{
get => (ObservableCollection<UIElement>)GetValue(ActionsProperty);
set => SetValue(ActionsProperty, value);
}
<ItemsControl Grid.Row="1" ItemsSource="{TemplateBinding Actions}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
用法:
<BaseView.Actions>
<Button>Action 1</Button>
<Button>Action 2</Button>
</BaseView.Actions>
我认为 UIElementCollection
更适合 属性 的类型,但我不确定如何使用所需参数实例化该集合。
我正在尝试创建一个基本视图,该视图知道在何处放置我在实际视图中定义的一些按钮(操作)。我有 ViewA
派生自 BaseView
。 BaseView
是一个自定义控件,具有一些属性和一个通用模板。 ViewA
派生自 BaseView
并定义了一些 BaseView
应该显示在 StackPanel
中的按钮。
ViewA
应该是这样的:
<BaseView x:Class="ViewA"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid>
<!-- This will be the main content for the view -->
</Grid>
<BaseView.Actions>
<!-- Here I want these buttons to be displayed in a StackPanel where the template is defined by BaseView -->
<Button>Button1</Button>
<Button>Button2</Button>
</BaseView.Actions>
</BaseView>
这是我的 BaseView 模板,我希望在其中显示按钮:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Style TargetType="{x:Type BaseView}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type BaseView}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<ContentPresenter Grid.Row="0" />
<!-- I would like the buttons defined in Actions to display here in a StackPanel -->
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
我怎样才能做到这一点?我试图使用 ItemsControl
但我不确定 "Actions" 属性 应该是什么类型以及如何将其绑定到 ItemsControl
?
我最终使用以下依赖项 属性 和模板中的 ItemsControl 实现了此功能:
public static readonly DependencyProperty ActionsProperty =
DependencyProperty.Register("Actions", typeof(ObservableCollection<UIElement>), typeof(ModalWindow), new UIPropertyMetadata(new ObservableCollection<UIElement>()));
public ObservableCollection<UIElement> Actions
{
get => (ObservableCollection<UIElement>)GetValue(ActionsProperty);
set => SetValue(ActionsProperty, value);
}
<ItemsControl Grid.Row="1" ItemsSource="{TemplateBinding Actions}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
用法:
<BaseView.Actions>
<Button>Action 1</Button>
<Button>Action 2</Button>
</BaseView.Actions>
我认为 UIElementCollection
更适合 属性 的类型,但我不确定如何使用所需参数实例化该集合。