Question

我是WPF的新手，并使用Visual Studio（2015）的设计视图来创建示例应用程序。在设计时，一切看起来都像我想要的：

但是当我运行应用程序时，它看起来完全不同。

我发现一个类似但不完全相同的问题（Run time View of WPF Window doesn't match the Design View of Expression Blend），在Blend中创建的布局在运行时不匹配。这个问题（Different look in design-mode and at runtime）但涉及动态资源。

我没有做任何聪明的事情，只是一个网格和控件。我还没有用模板修改任何外观。我已经使用了拖放功能，所以我的网格可能有点草率......但我真的希望它能匹配。

我做错了吗？设计师不会与运行时匹配似乎很疯狂......下面是我的代码。

<Window x:Class="Chap01_01.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:Chap01_01"
        mc:Ignorable="d"
        Title="Customer" Height="160" Width="350" ShowInTaskbar="true" ResizeMode="NoResize" Topmost="True" WindowStartupLocation="CenterScreen">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="35"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="100*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="87"/>
            <ColumnDefinition Width="85"/>
            <ColumnDefinition Width="43"/>
            <ColumnDefinition Width="35"/>
            <ColumnDefinition Width="94"/>
        </Grid.ColumnDefinitions>
        <Label Content="_First Name" Grid.Column="0" Grid.Row="0" Margin="5,5,5,5" Target="{Binding ElementName=firstName}" VerticalAlignment="Center" />
        <TextBox x:Name="firstName" Grid.Column="1" Grid.Row="0" Margin="5,5,5,5" VerticalContentAlignment="Center" Grid.ColumnSpan="4"/>

        <Label Content="_Last Name" Grid.Column="0" Grid.Row="1" Margin="5,5,5,5" Target="{Binding ElementName=lastName}" VerticalAlignment="Center" />
        <TextBox x:Name="lastName" Grid.Column="1" Grid.Row="1" Margin="5,5,5,5" VerticalContentAlignment="Center" Grid.ColumnSpan="4"/>

        <RadioButton x:Name="radioButton" Content="EU Citizen" Grid.Column="1" Margin="5,5,5,5" Grid.Row="2" VerticalContentAlignment="Center" Grid.ColumnSpan="2"/>
        <RadioButton x:Name="radioButton2" Content="Non EU Citizen" Grid.Column="3" Margin="5,5,5,5" Grid.Row="2" VerticalContentAlignment="Center" Grid.ColumnSpan="2"/>
        <Button x:Name="okay" Content="Okay" Grid.Column="4" HorizontalAlignment="Right" Margin="0,0,5,5" Grid.Row="3" VerticalAlignment="Bottom"  Width="75"/>
        <Button x:Name="cancel" Content="Cancel" Grid.Column="2" HorizontalAlignment="Right" Margin="0,0,0,5" Grid.Row="3" VerticalAlignment="Bottom"  Width="75" Grid.ColumnSpan="2"/>
    </Grid>
</Window>

Answer 1

我真的找不到任何要说的为什么......但我确实找到了一个单词。

在窗口属性中添加SizeToContent =“WidthAndHeight”...在预览和调试中看起来很美味。

Answer 2

您需要确保这些情侣对匹配：

高度/宽度
d：DesignHeight / d：DesignWidth

这是difference between DesignWidth and Width，基本上两者都是设计师的一部分，一部分是实际的运行时应用程序。

所有这些都应该在UserControl中设置。查看UserControl Xaml或Window Xaml的最后一行，添加缺少的内容+确保它们匹配。祝你好运！

Answer 3

必须是在设计视图中，与发布版本相比，维度的起始参考点的位置不同。我在C ++ / C＃中经历了类似的事情，我唯一的解决方法是测试几个小时并应用更正，最终使设计在修复发布版本时显得不正确。

我希望有所帮助。

为什么Visual Studio的设计师不会在运行时看到我看到的内容？

3 个答案: