방법: ListView에 있는 열의 가로 맞춤 변경
기본적으로 ListViewItem의 각 열 콘텐츠는 왼쪽으로 정렬됩니다. 이러한 각 열에 대한 맞춤은 DataTemplate을 제공하고 DataTemplate 안에서 요소에 대한 HorizontalAlignment 속성을 설정하여 변경할 수 있습니다. 이 항목에서는 ListView의 콘텐츠가 기본적으로 정렬되는 방식과 ListView에서 특정 열의 맞춤을 변경하는 방법을 보여 줍니다.
예제
다음 예제에서는 Title 및 ISBN 열의 데이터가 왼쪽으로 정렬됩니다.
<!--XmlDataProvider is defined in a ResourceDictionary,
such as Window.Resources-->
<XmlDataProvider x:Key="InventoryData" XPath="Books">
<x:XData>
<Books >
<Book ISBN="0-7356-0562-9" Stock="in" Number="9">
<Title>XML in Action</Title>
<Summary>XML Web Technology</Summary>
</Book>
<Book ISBN="0-7356-1370-2" Stock="in" Number="8">
<Title>Programming Microsoft Windows With C#</Title>
<Summary>C# Programming using the .NET Framework</Summary>
</Book>
<Book ISBN="0-7356-1288-9" Stock="out" Number="7">
<Title>Inside C#</Title>
<Summary>C# Language Programming</Summary>
</Book>
<Book ISBN="0-7356-1377-X" Stock="in" Number="5">
<Title>Introducing Microsoft .NET</Title>
<Summary>Overview of .NET Technology</Summary>
</Book>
<Book ISBN="0-7356-1448-2" Stock="out" Number="4">
<Title>Microsoft C# Language Specifications</Title>
<Summary>The C# language definition</Summary>
</Book>
</Books>
</x:XData>
</XmlDataProvider>
...
<ListView ItemsSource="{Binding Source={StaticResource InventoryData}, XPath=Book}">
<ListView.View>
<GridView>
<GridViewColumn Width="300" Header="Title"
DisplayMemberBinding="{Binding XPath=Title}"/>
<GridViewColumn Width="150" Header="ISBN"
DisplayMemberBinding="{Binding XPath=@ISBN}"/>
</GridView>
</ListView.View>
</ListView>
ISBN 열의 맞춤을 변경하려면 각 ListViewItem의 요소가 각 열의 전체 너비에 맞게 확장되거나 배치될 수 있도록 각 ListViewItem의 HorizontalContentAlignment 속성을 Stretch로 지정해야 합니다. ListView는 데이터 소스에 바인딩되기 때문에 HorizontalContentAlignment를 설정하는 스타일도 만들어야 합니다. 그런 다음 DisplayMemberBinding 속성을 사용하는 대신 DataTemplate을 사용하여 콘텐츠를 표시해야 합니다. 각 템플릿의 ISBN을 표시하려면 DataTemplate에 HorizontalAlignment 속성이 Right로 설정된 TextBlock만 포함하면 됩니다.
다음 예제에서는 ISBN 열을 오른쪽 맞춤으로 설정하는 데 필요한 스타일과 DataTemplate을 정의하고 DataTemplate을 참조하도록 GridViewColumn을 변경합니다.
<!--The Style and DataTemplate are defined in a ResourceDictionary,
such as Window.Resources-->
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
</Style>
<DataTemplate x:Key="ISBNTemplate">
<TextBlock HorizontalAlignment="Right"
Text="{Binding XPath=@ISBN}"/>
</DataTemplate>
...
<ListView ItemsSource="{Binding Source={StaticResource InventoryData}, XPath=Book}">
<ListView.View>
<GridView>
<GridViewColumn Width="300" Header="Title"
DisplayMemberBinding="{Binding XPath=Title}"/>
<GridViewColumn Width="150" Header="ISBN"
CellTemplate="{StaticResource ISBNTemplate}"/>
</GridView>
</ListView.View>
</ListView>
참고 항목
작업
방법: XMLData Provider 및 XPath 쿼리를 사용하여 XML 데이터에 바인딩