Question

我有一个我想重用的视图，它看起来如下：

<UserControl x:Class="Klein.DocumentSample.View.UserControls.CollectionView"
    ...
    <dxr:RibbonPageGroup x:Name="tasksPageGroup" Caption="Customer Tasks">
        <dxr:RibbonPageGroup.Items>
            <dxb:BarButtonItem Content="New" Command="{Binding NewCommand}"  LargeGlyph="{dx:DXImage Image=New_32x32.png}" Glyph="{dx:DXImage Image=New_16x16.png}"/>
            <dxb:BarButtonItem Content="Edit" Command="{Binding EditCommand}" CommandParameter="{Binding SelectedEntity}" LargeGlyph="{dx:DXImage Image=Edit_32x32.png}" Glyph="{dx:DXImage Image=Edit_16x16.png}"/>
            <dxb:BarButtonItem Content="Delete" Command="{Binding DeleteCommand}" CommandParameter="{Binding SelectedEntity}" LargeGlyph="{dx:DXImage Image=Delete_32x32.png}" Glyph="{dx:DXImage Image=Delete_16x16.png}"/>
            <dxb:BarButtonItem Content="Refresh" Command="{Binding RefreshCommand}"  LargeGlyph="{dx:DXImage Image=Refresh_32x32.png}" Glyph="{dx:DXImage Image=Refresh_16x16.png}"/>
        </dxr:RibbonPageGroup.Items>
    </dxr:RibbonPageGroup>
    ...
</UserControl>

此控件的所有用法都有四个按钮（新建，编辑，删除和刷新）。但是除了这些之外，一些用法会有更多的按钮。因此，我想让CollectionView公开tasksPageGroup.Items，这样我就可以添加更多按钮，如下所示：

<Window
    <Grid>
        <userControls:CollectionView>
            <userControls:CollectionView.TasksPageGroup>
                <userControls:CollectionView.TasksPageGroup.Items>
                    <!-- This is the 5th button -->
                    <dxb:BarButtonItem Content="Reset" Command="{Binding ResetCommand}"  LargeGlyph="{dx:DXImage Image=Reset_32x32.png}" Glyph="{dx:DXImage Image=Reset_16x16.png}"/>
                </userControls:CollectionView.TasksPageGroup.Items>
        </userControls:CollectionView>
    </Grid>
</Window>

这是我背后的代码：

public partial class CollectionView : UserControl
{
    public RibbonPageGroup TasksPageGroup
    {
        get { return tasksPageGroup; }
    }

    public CollectionView()
    {
        InitializeComponent();
    }
}

如何实现这一目标？

所需用法：

<Grid>
    <dxb:BarManager>
        <dxb:BarManager.Items>
            <dxb:BarButtonItem x:Name="testeButtonItem" Content="New" Command="{Binding TesteCommand}"  LargeGlyph="{dx:DXImage Image=New_32x32.png}" Glyph="{dx:DXImage Image=New_16x16.png}"/>
        </dxb:BarManager.Items>
    </dxb:BarManager>
    <userControls:CollectionView>
        <userControls:CollectionView.Tasks>
            <dxb:BarItemLink BarItemName="testeButtonItem" />
        </userControls:CollectionView.Tasks>
    </userControls:CollectionView>
</Grid>

Answer 1

您通常不会像这样暴露自己的内部运作。在WPF中，要向外界公开属性，请在其中放置DependencyProperty：

public IList<BarButtonItem> Tasks
    {
        get { return (IList<BarButtonItem >)GetValue(TasksProperty);                }
        set { SetValue(TasksProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Colors.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty TasksProperty =
        DependencyProperty.Register("Tasks", typeof(IList<BarButtonItem>), typeof(CollectionView), new PropertyMetadata(new List<BarButtonItem>()));

现在，请小心。将属性元数据初始化为类似的实例意味着该控件的每个实例将共享相同的集合。有一个简单的修复，只需在构造函数中重新设置它：

SetValue(TasksProperty , new List<BarButtonItem>());

现在您可以按照预期添加到该集合。在Loaded事件中，枚举集合并将每个项目添加到相应的Items集合中。

这有利于减少父控件对用户控件的知识量，并允许稍后进行绑定。

使用它时，您需要将集合包装在x:Array标记中，以便框架知道它的集合：

<userControls:CollectionView.Tasks>
    <x:Array>
       ...
    </x:Array>
</userControls:CollectionView.Tasks>

无法从我自己的控件中公开内部控件的属性

1 个答案: