[C#/WPF] DataTemplate 엘리먼트 : ListBox 엘리먼트의 ItemTemplate 속성 설정하기

■ DataTemplate 엘리먼트를 사용해 ListBox 엘리먼트의 ItemTemplate 속성을 설정하는 방법을 보여준다.

TestProject.zip

다운로드

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="DataTemplate 엘리먼트 : ListBox 엘리먼트의 ItemTemplate 속성 설정하기"
    Background="{Binding ElementName=listBox, Path=SelectedValue}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="ListBoxItemDataTemplateKey" DataType="{x:Type local:NamedBrush}">
            <StackPanel Orientation="Horizontal">
                <Rectangle
                    Width="16"
                    Height="16"
                    Margin="2"
                    Stroke="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"
                    Fill="{Binding Path=Brush}" />
                <TextBlock
                    VerticalAlignment="Center"
                    Text="{Binding Path=Name}" />
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <ListBox Name="listBox"
        ItemTemplate="{StaticResource ListBoxItemDataTemplateKey}"
        ItemsSource="{x:Static local:NamedBrush.NamedBrushArray}"
        Width="200"
        Height="200"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        SelectedValuePath="Brush" />
</Window>