【问题标题】:WPF ListView Column Header alignmentWPF ListView 列标题对齐
【发布时间】:2017-05-22 17:51:36
【问题描述】:

我正在编写一个 WPF windows 应用程序,MainWindow 包含一个具有 3 列的 ListView 控件。

以下代码将列标题中的文本居中显示(默认情况下)。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ListView>
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Column 1" 
                                    Width="200"/>
                    <GridViewColumn Header="Column 2" 
                                    Width="200"/>
                    <GridViewColumn Header="Column 3" 
                                    Width="200"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

我发现下面的How to align the column header in a WPF ListView_GridView control 文章显示了如何左对齐列标题文本。我已经粘贴了下面的列:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style TargetType="{x:Type GridViewColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Left" />
        </Style>
    </Window.Resources>
    <Grid>
        <ListView>
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Column 1" 
                                    Width="200"/>
                    <GridViewColumn Header="Column 2" 
                                    Width="200"/>
                    <GridViewColumn Header="Column 3" 
                                    Width="200"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

但我需要将第一列标题文本左对齐,并将第二和第三列标题文本居中(如图所示)。

谁能告诉我如何左对齐第一列中的列标题文本。以及如何将第 2 列和第 3 列的列标题文本居中?

【问题讨论】:

  • GridViewColumn 有一个 HeaderContainerStyle 属性,它允许您单独设置每列的标题...

标签: wpf xaml listview


【解决方案1】:

仅设置第一列的HeaderContainerStyle 属性,并从&lt;Window.Resources&gt; 中删除隐式样式:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ListView>
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Column 1" Width="200">
                        <GridViewColumn.HeaderContainerStyle>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="HorizontalContentAlignment" Value="Left" />
                            </Style>
                        </GridViewColumn.HeaderContainerStyle>
                    </GridViewColumn>
                    <GridViewColumn Header="Column 2" Width="200"/>
                    <GridViewColumn Header="Column 3" Width="200"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

【讨论】:

    【解决方案2】:

    轻轻松松

    <ListView.Resources>
      <Style TargetType="{x:Type GridViewColumnHeader}">
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
      </Style>
    </ListView.Resources>
    

    更新:1.5 年后回顾,OP 似乎发现所有列都与上述对齐;实际的问题是区分@mm8 实际提供答案的列。看错了,哎呀。

    【讨论】:

      猜你喜欢
      • 2011-01-28
      • 1970-01-01
      • 2013-06-14
      • 2014-05-23
      • 2021-05-29
      • 2011-06-27
      • 1970-01-01
      • 2011-06-21
      • 2016-08-29
      相关资源
      最近更新 更多