如何使UI视图填满整个XAML设计器窗口在Visual Studio

问题描述：

我试图设计一个在Visual Studio 2017年社区如何使UI视图填满整个XAML设计器窗口在Visual Studio

我加了一些行和列，到目前为止，事情是XAML设计器UI好的，但让我感到困扰的是，我正在使用的区域（即我的UI正在进行的视图）只填充了部分Designer窗口。

$white area fills only fraction of designer window$

我怎样才能使白色区域（代表UI）填满整个设计器窗口？

*************************************** UPDATE ****** *****************************

根据要求，我在下面添加了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。我们可以用图像做的事情不多 – Nkosi

这种行为是有目的的。您可以在设计窗口的左下角使用鼠标滚轮或缩放下拉菜单，以使其消耗更多空间，或者双击左侧工具栏中的手形图标以自动将其显示在视图中。不过，我应该补充说，所有这些硬性负面和正面的利润率都是糟糕的布局实践，并且会导致您从一个设备到另一个设备的问题。 –

@Chris：谢谢你的回答。尽管如此，我看不到任何一个手形图标。它究竟应该在哪里？ – Tommy

答

在的左下方设计师，你会发现下面的组合框：

你选择什么婉t在设计师然后按“适合选择”。然后它将填满整个空间。

我之前尝试过......它不起作用......当我选择正在进行的UI（即截图中的白色区域）和新闻“适合选择”时，UI仍然只占用设计师窗口。 – Tommy

保持控制，然后滚动？ –

这是我采取的工作...但我希望有一个全尺寸的选项 – Tommy

如何使UI视图填满整个XAML设计器窗口在Visual Studio

相关推荐