将 header 和内容动态绑定到扩展器

Question

首先我看到 Header 的类型和扩展器的内容，它说类型是 object。我有一个名为 CommonExpanderUserControl 的用户控件，如下所示，

xaml:

<uwpControls:Expander Header="{Binding HeaderContent}" Content="{Binding MainContent}">

</uwpControls:Expander>

在xaml.cs（DataContext设置为这个）

  public static readonly DependencyProperty HeaderContentProperty =
      DependencyProperty.Register("HeaderContent", typeof(object), typeof(CommonExpanderUserControl), new
         PropertyMetadata(null));

        public object HeaderContent
        {
            get { return (object)GetValue(HeaderContentProperty); }
            set { SetValue(HeaderContentProperty, value); }
        }


        public static readonly DependencyProperty MainContentProperty =
    DependencyProperty.Register("MainContent", typeof(ContentControl), typeof(CommonExpanderUserControl), new
       PropertyMetadata(null));

        public ContentControl MainContent
        {
            get { return (ContentControl)GetValue(MainContentProperty); }
            set { SetValue(MainContentProperty, value); }
        }

现在我在外面的某个地方使用这个 UserControl，如下所示，

<UserControl.Resources>
<ContentControl x:Key="Header">
                <Grid x:Name="ExpanderHeaderGrid" HorizontalAlignment="Stretch" Padding="0" Margin="0" 
                      Background="{Binding LisSharedSettings.ChangeHeaderColor,Converter={StaticResource BoolToSolidBrushConverter}}">
                    <TextBlock x:Name="TextBlockLisSharedSettingsTitle" 
                                   x:Uid="/Application.GlobalizationLibrary/Resources/InstrumentSettingsViewLisSettingsTextBlockTitle"
                                   Style="{StaticResource TextBlockStyleSectionHeader}"/>
                </Grid>
            </ContentControl>

<ContentControl x:Key="Body">
Some content here.
</ContentControl>
</UserControl.Resources>
<Grid>
            <local:CommonExpanderUserControl HeaderContent="{StaticResource Header}" MainContent="{StaticResource Body}"/>
</Grid>

像那样绑定内容控件是行不通的。如果我删除 MainContent 绑定并仅绑定 Header，它会显示 object 引用未设置为 object 的实例。请帮忙。

Answer 1

StaticResource 绑定出现问题，我们无法通过 StaticResource 将 header 与控件绑定。对于这种情况，更好的方法是绑定 HeaderTemplate 并将数据源发送到 header 属性，如下所示。

<UserControl.Resources>
    <DataTemplate x:Key="HeaderTemplate">
        <Grid
            x:Name="ExpanderHeaderGrid"
            Margin="0"
            Padding="0"
            HorizontalAlignment="Stretch"
            Background="Red"
            >
            <TextBlock x:Name="TextBlockLisSharedSettingsTitle" Text="{Binding}" />

        </Grid>
    </DataTemplate>
</UserControl.Resources>
<Grid>
    <uwpControls:Expander Header="hello" HeaderTemplate="{StaticResource HeaderTemplate}" />
</Grid>

将 header 和内容动态绑定到扩展器

Bind header and content dynamically to expander

wpf

xaml

uwp

expander