Freigeben über

Vorgehensweise: Ändern der horizontalen Ausrichtung einer Spalte in einer ListView

Standardmäßig ist der Inhalt jeder Spalte einer ListViewItem linksbündig ausgerichtet. Sie können die Ausrichtung jeder Spalte ändern, indem Sie ein DataTemplate bereitstellen und die HorizontalAlignment-Eigenschaft auf dem Element innerhalb des DataTemplate-Elements festlegen. In diesem Thema wird gezeigt, wie ein ListView seine Inhalte standardmäßig ausrichtet und wie die Ausrichtung einer einzelnen Spalte in einem ListView geändert wird.

Beispiel

Im folgenden Beispiel werden die Daten in den Title und ISBN Spalten linksbündig ausgerichtet.

<!--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>

Um die Ausrichtung der ISBN Spalte zu ändern, müssen Sie angeben, dass die HorizontalContentAlignment-Eigenschaft jeder ListViewItem auf Stretch eingestellt ist, sodass die Elemente innerhalb jedes ListViewItem sich über die gesamte Breite der einzelnen Spalten erstrecken oder positioniert werden können. Da ListView an eine Datenquelle gebunden ist, müssen Sie einen Stil erstellen, der HorizontalContentAlignment festlegt. Als Nächstes müssen Sie einen DataTemplate verwenden, um den Inhalt anzuzeigen, anstatt die DisplayMemberBinding Eigenschaft zu verwenden. Um das ISBN jeder Vorlage anzuzeigen, kann das DataTemplate einfach ein TextBlock enthalten, bei dem die HorizontalAlignment-Eigenschaft auf Right gesetzt ist.

Im folgenden Beispiel werden der Stil und DataTemplate definiert, die erforderlich sind, um die ISBN-Spalte rechtsbündig zu gestalten. Der GridViewColumn wird geändert, um auf die DataTemplate zu verweisen.

<!--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>

Siehe auch