C#WPF如果兩個不同背景顏色的矩形完全重疊，下面的矩形的邊框會出現 -有解無憂

我用矩形和按鈕來做測驗，但結果不一樣

我想把兩個不同顏色的矩形重疊起來，我不想看到下面的矩形，但事實并非如此。

Using Rectangle

<Grid>
    <Grid.RowDefinitions>/span>
        <RowDefinition Height="50"/>
        <RowDefinition Height="*"/span>/>
        <RowDefinition Height="50"/span>/>
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions>/span>
        <ColumnDefinition Width="50"/span>/>
        <ColumnDefinition Width="*"/span>/>
        <ColumnDefinition Width="50"/span>/>
    </Grid.ColumnDefinitions> 
    < Border BorderBrush="Black" BorderThickness="1" Grid. Row="1" Grid.Column="1"> 
        <Border>/span>
        <Canvas x:Name="Pad"/span>>

                <Rectangle Height="100"。
                           寬度="100"
                           Fill="Red"/span>  
                           Canvas.Left="10"/span> 
                           ClipToBounds="True"/span>
                           Canvas.Top="10"/span>
                           >
                </Rectangle>/span>
                <Rectangle Height="100"/span>
                           寬度="100" 
                           Fill="White"/span>  
                           Canvas.Left="10"/span> 
                           Canvas.Top="10">>
                </Rectangle>/span>
            </Canvas>/span>
        </Border>/span>
    </Border>/span>
</Grid>/span>

Using Button 如果我使用兩個按鈕重疊，我將看不到下面的邊界。為什么使用矩形和按鈕的結果是不同的呢？

 <Grid> 
    <Grid.RowDefinitions> 
        <RowDefinition Height="50"/>
        <RowDefinition Height="*"/span>/>
        <RowDefinition Height="50"/span>/>
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions>/span>
        <ColumnDefinition Width="50"/span>/>
        <ColumnDefinition Width="*"/span>/>
        <ColumnDefinition Width="50"/span>/>
    </Grid.ColumnDefinitions> 
    < Border BorderBrush="Black" BorderThickness="1" Grid. Row="1" Grid.Column="1"> 
        <Border>/span>
           <Canvas x:Name="Pad"/span>>
                <Button Height="100">
                        Width="100"/span>
                        BorderThickness="0"/span>
                        Background="Red"/span>  
                        Canvas.Left="10"/span> 
                        ClipToBounds="True"/span>
                        Canvas.Top="10">>
                </Button>/span>
                <Button Height="100"/span>
                        寬度="100"/span> 
                        Background="White"/span>  
                        BorderThickness="0"/span>
                        Canvas.Left="10"。
                        Canvas.Top="10">>
                </Button>/span>
            </Canvas>/span>
        </Border>/span>
    </Border>/span>
</Grid>/span>

uj5u.com熱心網友回復：

我使用SnapsToDevicePixels="True "來解決這個問題

 <Grid> 
            <Grid.RowDefinitions> 
                <RowDefinition Height="50"/>
                <RowDefinition Height="*"/span>/>
                <RowDefinition Height="50"/span>/>
            </Grid.RowDefinitions> 
            <Grid.ColumnDefinitions>/span>
                <ColumnDefinition Width="50"/span>/>
                <ColumnDefinition Width="*"/span>/>
                <ColumnDefinition Width="50"/span>/>
            </Grid.ColumnDefinitions> 
            < Border BorderBrush="Black" BorderThickness="1" Grid. Row="1" Grid.Column="1"> 
                <Border>/span>
                <Canvas x:Name="Pad"/span>>
    
                        <Rectangle Height="100"。
                                   寬度="100"
                                   Fill="Red"/span>  
                                   Canvas.Left="10"/span> 
                                   ClipToBounds="False"/span>
                                   SnapsToDevicePixels="True"。
                                   Canvas.Top="10">>
    
                      
                        </Rectangle>/span>
                        <Rectangle Height="100"/span>
                                       寬度="100" 
                                       Fill="White"/span>  
                                     SnapsToDevicePixels="True"。
                                       Canvas.Left="10"。
                                       Canvas.Top="10">>
    
                        </Rectangle>/span>
    
                    </Canvas>/span>
                </Border>/span>
            </Border>/span>
        </Grid>/span>

Update 使用后的結果：

使用后的結果

uj5u.com熱心網友回復：

如果為兩個矩形設定ClipToBounds="False"，問題似乎就消失了。

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/312726.html

標籤：

上一篇：尋找一個解決方案，當鍵盤也是焦點時，能夠保持我的自定義導航欄處于焦點狀態。

下一篇：將資料從一個庫中系結到XAML上