【发布时间】：2017-10-13 09:44:36
【问题描述】：
我正在尝试使用 Visual Studio Community 2017 中的 XAML 设计器设计 UI。
我添加了一些行和列，到目前为止一切正常，但让我烦恼的是我正在处理的区域（即正在进行的 UI 视图）仅填充了设计器窗口的一部分。
如何使白色区域（代表 UI）填满整个设计器窗口？
***************************************更新********* ******************************
根据要求，我在下面添加了 XAML 代码。 （但是，在我看来，XAML 代码并不重要。我正在寻找的是 IDE 中的一个菜单选项，以使 UI 表示填充设计器窗口。我可以在设计器左下角的不同百分比中进行选择窗口。但是，这会使 UI 表示要么太大要么太小。我正在寻找的是正在进行的 UI 的完整窗口视图。）
<Page
x:Class="App2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" Width="405.333">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
Margin="-1444,-3849,-1427,2880">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="160"/>
<ColumnDefinition/>
<ColumnDefinition Width="160"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="140"/>
<RowDefinition/>
<RowDefinition Height="160"/>
</Grid.RowDefinitions>
<Button Content="Button" HorizontalAlignment="Left" Margin="10,0,0,0"
Grid.Row="2" VerticalAlignment="Top" Height="42" Width="140"/>
</Grid>
</Page>
【问题讨论】：
-
显示 Xaml。我们对图像无能为力
-
这种行为是设计使然。您可以使用鼠标滚轮或设计窗口左下角的缩放下拉菜单使其占用更多空间，或双击左侧工具栏中的手形图标以使其自动显示。不过我应该补充一点，所有这些硬设置的负边距和正边距都是糟糕的布局做法，会导致您从一台设备到另一台设备出现问题。
-
@Chris：谢谢你的回答。不过，我在任何地方都看不到手形图标。它到底应该在哪里？
-
@Tommy，Xaml 确实很重要。因为如果您了解 xaml，那么您将知道在属性面板中该做什么。
标签： c# visual-studio xaml designer