Сделать интерфейс WPF свободным от размера дисплея

Question

Хорошо, поэтому я разрабатываю приложение WPF C#. MainWindow для этого приложения всегда полноэкранный, но мне нужно настроить элементы управления на основе разрешения. Во всяком случае, я попробовал немало вещей, чтобы добиться этого. Прямо сейчас, я установил длину сетки & шириной до Auto. Проблема в том, что по какой-то причине мои элементы управления смещаются вверх и влево. Ниже мой MainWindowXAML. (BTW: Окно содержит: кнопки изображения, этикетки, прямоугольники и TextBoxes):

<Window x:Name="Menu" x:Class="App.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

    Title="App1" FontWeight="Bold" Icon="Images/Core-IconSize.ico" WindowStartupLocation="CenterScreen" WindowStyle="ThreeDBorderWindow" WindowState="Maximized" ResizeMode="CanMinimize" Height="870" Width="1388"> 

    <Grid > 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
    //Controls here. 
    </Grid> 
</Window> 

Edit: Добавлен XAML для элементов управления.

Answer 1

Похоже, вы хотите, чтобы ваши органы управления масштабировались вверх или вниз, если размер экрана отличается; а не просто сдвинуть позиции.

Если это то, что вы хотите, вы можете добиться этого эффекта, поставив Grid внутри элемента управления Viewbox. Затем Viewbox автоматически масштабирует содержимое вверх или вниз, чтобы соответствовать существующей недвижимости.

Кроме того, вы можете удалить свойства высоты и ширины из своего окна, поскольку они являются избыточными для полноэкранного приложения. Если вы хотите получить определенный размер при редактировании окна в XAML, вы можете установить свойства designheight и designwidth.

Пример безViewbox:

<Window x:Class="MVVM_Exploration.Windows.wndDataGrid" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="wndDataGrid" Height="300" Width="500"> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <StackPanel Grid.Row="0" Orientation="Horizontal"> 
     <Button Content="Load Text File" HorizontalAlignment="Left" 
       Margin="10" Click="LoadTextFile"/> 
      <Button Content="Save Text File" HorizontalAlignment="Left" 
        Margin="10" Click="SaveTextFile"/> 
     </StackPanel> 
     <TextBlock Grid.Row="1" Text="Some content here"/> 
     <Button Content="Another Button" Grid.Row="2" 
         HorizontalAlignment="Left"/> 
    </Grid> 
</Window> 

Пример сViewbox:

<Window x:Class="MVVM_Exploration.Windows.wndDataGrid" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="wndDataGrid" Height="300" Width="500"> 
    <Viewbox> 
    <Grid Width="200" Height="100"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <StackPanel Grid.Row="0" Orientation="Horizontal"> 
     <Button Content="Load Text File" HorizontalAlignment="Left" 
       Margin="10" Click="LoadTextFile"/> 
      <Button Content="Save Text File" HorizontalAlignment="Left" 
        Margin="10" Click="SaveTextFile"/> 
     </StackPanel> 
     <TextBlock Grid.Row="1" Text="Some content here"/> 
     <Button Content="Another Button" Grid.Row="2" 
         HorizontalAlignment="Left"/> 
    </Grid> 
    </Viewbox> 
</Window> 

В зависимости от того, как настроена ваша сетка и ее содержимое, вам может не потребоваться предоставить реальную сетку определенного размера.