Практическое руководство. Изменение горизонтального выравнивания столбцов в элементе ListView
По умолчанию содержимое каждого столбца в ListViewItem по левому краю. Выравнивание каждого столбца можно изменить, указав DataTemplate и параметр HorizontalAlignment свойство на элементе в пределах DataTemplate. В этом разделе показано, как ListView выравнивания содержимого по умолчанию и как изменить выравнивание один столбец в ListView.
Пример
В следующем примере, данные в Title
и ISBN
столбцы по левому краю.
<!--XmlDataProvider is defined in a ResourceDictionary,
such as Window.Resources-->
<XmlDataProvider x:Key="InventoryData" XPath="Books">
<x:XData>
<Books xmlns="">
<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
столбец, необходимо указать, что HorizontalContentAlignment каждого элемента ListViewItem является Stretchтак, чтобы элементы в каждом ListViewItem может охватывать или размещаться на всю ширину каждого столбца. Так как ListView привязан к источнику данных, необходимо создать стиль, который задает HorizontalContentAlignment. После этого необходимо использовать DataTemplate для отображения содержимого вместо использования DisplayMemberBinding свойство. Для отображения ISBN
каждого шаблона DataTemplate просто может содержать TextBlock с его HorizontalAlignment свойство значение Right.
В следующем примере определяется стиль и DataTemplate необходимо, чтобы сделать ISBN
столбца по правому краю, а также изменения GridViewColumn ссылка DataTemplate.
<!--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>