强制我的网格以 4:3 分辨率缩放答案

【问题标题】：Force my grid to scale with 4:3 resolution强制我的网格以 4:3 分辨率缩放
【发布时间】：2014-06-23 19:53:00
【问题描述】：

我将我的页面设计为 4:3 可缩放，我希望我的网格在任何屏幕上都可以缩放到 4:3。

例如，在 1900x1200 上，我的网格将缩放到 1600x1200，并且网格的每一侧都有 150 像素。我怎么能有这种行为？

我从以下几行开始：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="1024*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="768*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="1"  Grid.Column="1" Name="my_grid" />
</Grid>

但我不知道如何管理 4:3 的事情。我想强制我的网格拉伸，直到它具有可能的最高 4:3 分辨率，然后让两侧的可用空间。

你认为我只能在 WPF 中做到这一点吗？

谢谢

【问题讨论】：

标签： wpf screen-resolution

【解决方案1】：

您可以使用 ViewBox 控件。像您所做的那样设计您的 XAML 并将其放入其中。 ViewBox 将缩放以适应可用大小的内容。它不会调整内容的大小，因此所有内容（比率、宽度等）都将保持不变。

见http://msdn.microsoft.com/en-us/library/system.windows.controls.viewbox.aspx

【讨论】：

谢谢！我尝试使用视图框，但仍有一些问题（如我的回答中所述）

【解决方案2】：

感谢 Sascha，我做到了：

<Viewbox Name="grid_jeu" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Column="1" Grid.Row="1" >
           <MyControl Name="my_grid" />
        </Viewbox>

我的控件是这样设计的：

<Grid>
    <Grid.RowDefinitions>
                <RowDefinition Height="32" MaxHeight="32"/>
                <RowDefinition Height="72" MaxHeight="72"/>
                <RowDefinition Height="10" MaxHeight="10"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="20" MaxHeight="20"/>
                <RowDefinition Height="90" MaxHeight="90"/>
                <RowDefinition Height="32" MaxHeight="32"/>
            </Grid.RowDefinitions>
</Grid>

我希望只有一行和一列可以缩放。正如你所看到的，我试图放置“MaxHeight”和“MaxWidth”以避免我的行缩放，但它不起作用。当我启动我的应用程序时，我的 309px 列可以缩放到 420。

【讨论】：