C# WPF kích thước khác nhau từ IDE sau khi gỡ lỗi?

Question

Tôi gặp sự cố với giao diện khác nhau trong Blend/VS2012 IDE và trong Debugging. Trong IDE, Rectangle là trung tâm, nhưng khi được biên soạn hoặc sửa lỗi, kích thước của lề là khác nhau. Theo quan điểm của tôi, điều này xảy ra vì kích thước của đường viền cửa sổ là khác nhau. Tôi thực sự muốn khắc phục vấn đề này. Bất kỳ đề xuất?

Cảm ơn bạn.

XAML

<Window x:Class="WpfApplication2.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="202" Width="194"> 
<Grid HorizontalAlignment="Left" Height="171" VerticalAlignment="Top" Width="186"> 
    <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="151" Margin="10,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="166"/> 
</Grid> 

Sửa XAML mã:

<Window x:Class="WpfApplication2.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="202" Width="194"> 
<Grid HorizontalAlignment="Left" Height="171" VerticalAlignment="Top" Width="186"> 
    <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Center" Height="151" Margin="10" Stroke="Black" VerticalAlignment="Center" Width="166"/> 
</Grid> 

Kết quả là như nhau. Đây có phải là vấn đề của PC của tôi không?

Answer 1

Vấn đề của bạn ở đây là Kích thước cửa sổ bao gồm Kích thước Chrome (Biên giới cửa sổ và các công cụ như nút đóng/tối đa).

Lưới của bạn do đó là kích thước bạn đã yêu cầu nhưng không phù hợp với kích thước cửa sổ bạn đã yêu cầu.

tôi có thể khắc phục sự cố để làm cho cửa sổ đầu ra giống như thế này, với kích thước cửa sổ:

Chiều rộng: 202 Chiều cao: 210

trên Windows 8

Tuy nhiên bạn khá nên có của bạn kích thước cửa sổ thiết lập để SizeToContent="WidthAndHeight"

Ví dụ:

<Window x:Class="WpfApplication4.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:WpfApplication4" 
     x:Name="window" 
     Title="MainWindow" 
     SizeToContent="WidthAndHeight"> 
<Grid HorizontalAlignment="Left" Height="171" VerticalAlignment="Top" Width="186"> 
    <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="151" Margin="10,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="166"/> 
</Grid> 
</Window> 

Các kích thước Chrome không giả định của bạn có thể khác với các phiên bản Windows khác nhau.

Bạn cũng sẽ nhận được Snoop. Nó giúp bạn gỡ lỗi các vấn đề như vậy rất dễ dàng, Nó hiển thị đường viền màu đỏ trên điều khiển khi bạn di chuột qua Shift + Ctrl, vì vậy bạn có thể thấy Grid mở rộng qua Cửa sổ hiển thị trong khi hiển thị Bố cục yếu tố thực tế của giao diện người dùng