如何在 WPF 中重用 XAML 标记？

Question

I was wondering whether it was possible to instead of me copying pieces of code in XAML, to define something that I could link to. In more concrete terms, what I have is:

<Grid>

 // Definitions

 <Label Content="Name:" />
 <Label Content="Age:" Grid.Column="1"/>
 ...
 <Grid>

and now I would like to have something like <Content_in_grid=nice_labels> and it should simply copy these labels.

Notice: I do not want the grid, because these are some labels that I would like to bind with different properties.

PS: maybe a different perspective, imagine I would like to create a file properties comparison program with WPF. So you can imagine that I have to copy all those labels such as Filename, Date etc. static labels again, but for maintainability, if I would like to change Filename to File then I would have to search and replace instead of editing it in one place.

Thanks in advance.

Answer 1

Add it in the resources:

<Window.Resources>
    <DataTemplate x:Key="MyGrid">
        <Grid>
            <Label Content="Name:" />
            <Label Content="Age:" Grid.Column="1" />
        </Grid>
    </DataTemplate>
</Window.Resources>

And then use it where you want:

<StackPanel>
    <ContentPresenter ContentTemplate="{StaticResource MyGrid}" />
    <ContentPresenter ContentTemplate="{StaticResource MyGrid}" />
    <ContentPresenter ContentTemplate="{StaticResource MyGrid}" />
</StackPanel>

Answer 2

The answer from Flat Eric is almost correct.

I added x:Shared="False" though, because otherwise the Resource could only be used once and would only be visible in the last ContentPresenter. (It is visible in all ContentPresenters in the VisualStudio, but not in the final application).

PS: I saw that Flat Eric edited his answer, so that x:Shared is not necessary anymore. Anyway, the original answer, should be like this:

    <Grid x:Key="MyGrid" x:Shared="False" >
        <Label Content="Name:"/>
        <Label Content="Age:" Grid.Column="1"/>
    </Grid>

Answer 3

What you are describing is templating the content based on a collection of items (you mentioned a file properties comparison tool, so I am guessing it could be a list of file properties).

You would in reality not add the Labels over and over again to a Grid , but would let the Binding system do it for you using (in your case) a HeaderedItemsControl such as a DataGrid .

    <DataGrid ItemsSource="{Binding FileProperties}">
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding PropertyName}" Header="Name:"/>
            <DataGridTextColumn Binding="{Binding PropertyValue}" Header="Age:"/>
        </DataGrid.Columns>
    </DataGrid>

NB : FileProperties used in the ItemsSource would normally be an ObservableCollection<T> of a type that has PropertyName and PropertyValue properties.

You could achieve a similar effect using an ItemsControl and some static XAML for the header, but this is much neater overall.