Поделиться через


Практическое руководство. Изменение порядка выравнивания столбцов в элементе управления 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 >
            <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>

См. также

Задачи

Практическое руководство. Привязка к данным xml с помощью XMLDataProvider и запросов XPath

Основные понятия

Общие сведения о связывании данных

Общие сведения о шаблонах данных

Общие сведения об элементе управления ListView