Панель свойств WPF аналогична панели свойств Visual Studio

просто интересно, есть ли у них какие-либо примеры или элементы, которые могут выглядеть очень похожими на панель свойств, используемую в Visual Studio? Я предполагаю, что один в Visual Studio 2010 построен на WPF, почти определенно treeview?

7
.net-4.0 c# wpf

2 ответов

4

Если вы хотите использовать простой XAML, следующее визуально идентично WinForms PropertyGrid, но намного проще работать с:

<Style x:Key="InnerBorder" TargetType="{x:Type Border}">
  <Setter Property="BorderThickness" Value="1" />
  <Setter Property="Margin" Value="4" />
  <Setter Property="BorderBrush" Value="#B4B0A8" />
</Style>

<Grid>

  <Grid.RowDefinitions>
    <RowDefinition />
    <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>

  <!-- Main property grid area -->
  <Border Style="{StaticResource InnerBorder}">
    <ListBox
      ItemsSource="{Binding Parameters}"
      IsSynchronizedWithCurrentItem="True"
      KeyboardNavigation.TabNavigation="Continue"
      HorizontalContentAlignment="Stretch" BorderThickness="0">

      <!-- Category grouping rows -->
      <ListBox.GroupStyle>
        <GroupStyle>
          <GroupStyle.HeaderTemplate>
            <DataTemplate>
              <TextBlock Text="{Binding Name}" Background="#D4D0C8" FontWeight="Bold" Padding="2 2 0 4" Margin="0 0 0 3"/>
            </DataTemplate>
          </GroupStyle.HeaderTemplate>
          <GroupStyle.ContainerStyle>
            <Style>
              <Setter Property="Control.Margin" Value="0 0 0 8" />
            </Style>
          </GroupStyle.ContainerStyle>
        </GroupStyle>
      </ListBox.GroupStyle>

      <!-- Item container style -->
      <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
          <Setter Property="Focusable" Value="False" />
          <Setter Property="TabIndex" Value="0" />
          <Setter Property="Template">
            <Setter.Value>
              <ControlTemplate TargetType="{x:Type ListBoxItem}">

                <DockPanel Margin="4 0 0 0" IsKeyboardFocusWithinChanged="DockPanel_IsKeyboardFocusWithinChanged" MouseDown="DockPanel_MouseDown">
                  <TextBlock Name="TitleBlock" Text="{Binding DisplayName}" Width="135" />
                  <ContentPresenter />
                </DockPanel>

                <ControlTemplate.Triggers>
                  <Trigger Property="IsSelected" Value="true">
                    <Setter TargetName="TitleBlock" Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                    <Setter TargetName="TitleBlock" Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                  </Trigger>
                </ControlTemplate.Triggers>

              </ControlTemplate>
            </Setter.Value>
          </Setter>
        </Style>
      </ListBox.ItemContainerStyle>

    </ListBox>
  </Border>

  <!-- Help area -->
  <Border Style="{StaticResource InnerBorder}" Grid.Row="1" DataContext="{Binding Parameters}">
    <StackPanel HorizontalAlignment="Stretch" Margin="2">
      <TextBlock FontWeight="Bold" Text="{Binding /DisplayName}" />
      <TextBlock Text="{Binding /Description}" TextWrapping="Wrap" />
    </StackPanel>
  </Border>

</Grid>

а вот код

private void DockPanel_IsKeyboardFocusWithinChanged(object sender, DependencyPropertyChangedEventArgs e)
{
  var element = (FrameworkElement)sender;
  if(element.IsKeyboardFocusWithin)
  {
    Visual cur = element;
    while(cur!=null && !(cur is ListBoxItem))
      cur = (Visual)VisualTreeHelper.GetParent(cur);
    ((ListBoxItem)cur).IsSelected = true;
  }
}

private void DockPanel_MouseDown(object sender, MouseEventArgs e)
{
  ((FrameworkElement)sender).MoveFocus(new TraversalRequest(FocusNavigationDirection.First));
}

private void InitializeView()
{
  var view = CollectionViewSource.GetDefaultView(Parameters);
  if(view.GroupDescriptions.Count==0)
    view.GroupDescriptions.Add(new PropertyGroupDescription("Category"));

  if(view.SortDescriptions.Count==0)
  {
    view.SortDescriptions.Add(new SortDescription("Category", ListSortDirection.Ascending));
    view.SortDescriptions.Add(new SortDescription("DisplayName", ListSortDirection.Ascending));
  }
}

причина, по которой эта сетка свойств лучше работать в WPF, заключается в том, что вы можете добавить любой объект в коллекцию параметров, если он имеет категорию, DisplayName и Description.

Если вы хотите использовать его для фактического отображения свойств a конкретный объект, для загрузки коллекции параметров с соответствующими объектами требуется всего несколько строк.

3