为什么启动后的应用程序看起来与设计师不同？

Question

我有一个问题。我是WPF的新手，我发生了一件奇怪的事情。在设计师中，一切看起来都不错，但是一旦我启动应用程序，就可以切断“（Via.photo）”，看起来很糟糕。是否可以响应应用程序？

我的XAML代码：

<TabItem Header="TabItem" 
                 Visibility="Hidden" 
                 x:Name="Home_Page" 
                 Background="{x:Null}" 
                 BorderBrush="{x:Null}" Height="Auto"
                 Width="Auto"
                 >

            <Border 
                Background="Black"
                HorizontalAlignment="Center"
                VerticalAlignment="Center" 
                Width="1340" 
                Height="1100"
                CornerRadius="20"
                >
                <Border
                    Background="White" 
                    CornerRadius="20"
                    Height="700"
                    Width="500"
                    Margin="0" HorizontalAlignment="Center" VerticalAlignment="Center"
                   
                    >
                    <Grid 
                        
                        >
                        <TextBlock
                            Text="Welcome"
                            Width="200"
                            Height="200"
                            Foreground="Black"
                            FontSize="50" FontFamily="/Peel_App;component/Fonts/#Kashima Brush Demo"
                            
                            >

                        </TextBlock>

                    </Grid>

                </Border>

            </Border>

        </TabItem>

在我编辑的应用程序之后：

Answer 1

您的代码有一些问题：

1. 您正在硬编码保证金值以定位控件。相反，您应该使用适当的面板（dockpanel，wrappanel和grid）。使用保证金属性设置保证金而不是位置。
2. 使用horizo​​ntalAlignment和垂直安装属性将元素定位，因此您的UI将更加响应和用户友好。
3. 为了查看，您的窗口及其内容的外观 - 尝试设置d：designHeght和d：designWidth窗口上的属性。尝试使用Google如何使用它们。

最后，您的代码应该如下：

<TabItem Header="TabItem"
         Visibility="Hidden"
         x:Name="Home_Page"
         Background="{x:Null}"
         BorderBrush="{x:Null}"> <!-- Properties order is a bit confusing, it is better to order them by priority, or just alphabetically. -->
    <Border Background="Black">
        <Border Background="White"
                CornerRadius="20"
                Margin="0,0,93,118"> <!-- Should it have such values? Maybe just somenthing like Margin="0 0 90 120"? -->
            <Grid>
                <TextBlock Text="Welcome"
                           Foreground="Black"
                           FontSize="50" 
                           FontFamily="/Peel_App;component/Fonts/#Kashima Brush Demo"/>
            </Grid>
        </Border>
    </Border>
</TabItem>