Question

我在每列中都有一个带有矩形的WPF网格。所有列的宽度相等（1 *），所有矩形的背景均为黑色。在设计器模式下，矩形之间有细线（网格列线）是可以的，但是我的问题是，这些线在运行时仍然可见：

Example

我的代码是：

<Grid ShowGridLines="False">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>
    <Rectangle Fill="Black" />
    <Rectangle Grid.Column="1" Fill="Black" />
    <Rectangle Grid.Column="2" Fill="Black" />
    <Rectangle Grid.Column="3" Fill="Black" />
    <Rectangle Grid.Column="4" Fill="Black" />
    <Rectangle Grid.Column="5" Fill="Black" />
</Grid>

任何帮助将不胜感激！

Answer 1

此问题是因为您有6列的网格，但是网格的宽度不是6像素的精确倍数。这导致每个矩形的宽度为分数。对于每个矩形边缘的像素，WPF渲染引擎将在黑色矩形和窗口背景之间进行插值，从而给出灰色条纹。

<Window x:Class="WpfApp2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWi ndow"
        SizeToContent="WidthAndHeight"
        UseLayoutRounding="False">
    <Grid ShowGridLines="False"
          Width="701"
          Height="300">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Rectangle Grid.Column="0"
                   Fill="Black" />
        <Rectangle Grid.Column="1"
                   Fill="Black" />
        <Rectangle Grid.Column="2"
                   Fill="Black" />
        <Rectangle Grid.Column="3"
                   Fill="Black" />
        <Rectangle Grid.Column="4"
                   Fill="Black" />
        <Rectangle Grid.Column="5"
                   Fill="Black" />
    </Grid>
</Window>

您可以使用WPF Snoop

之类的工具查看此内容

解决方法是

将网格宽度设置为6的精确倍数
将UseLayoutRounding设置为True

后一种选择将导致某些矩形具有不同的宽度（一个像素），但全部为整数像素。

Answer 2

如果使用这些值设置ResourceDictionary，会更容易

<Style
     x:Key="callthiskey"
    TargetType="{x:Type DataGrid}">

    <Setter Property="IsReadOnly" Value="True"/>
    <Setter Property="AutoGenerateColumns" Value="False"/>
    <Setter Property="GridLinesVisibility" Value="None"/>

</Style>

设置资源字典后，您可以像这样从用户控件中调用它

<DataGrid Style="{StaticResource callthiskey}">

这将完全删除您的行

另一种方法是像这样设置网格的设置

GridLinesVisibility="none"

完全删除WPF中的网格线

2 个答案: