WPFボタンが55インチの画面で消える

Question

Visual Studio 2017でC＃を使用してwpf-appを開発しました。 ターゲットデバイス（55インチNECタッチスクリーン、解像度1920x1080）にソフトウェアをデプロイすると、残りのMainWindowはそのまま残ります。 <Window>タグHeight="1080" Width="1920"に設定しました。 。。

：ボタンが所定の位置にあった（22" ）私のデスクトップに私の1920×1080の画面上にソフトウェアをテストする場合

<Button Style="{StaticResource FlatButtonStyle}" Click="QuickGuide_Click" Name="QuickGuide" Background="#253135" Margin="375,531,1362,375"> 
     <TextBlock Text="Quick Guide" TextAlignment="Center" Foreground="AntiqueWhite" VerticalAlignment="Center" FontFamily="xyz" FontSize="12" Margin="0,59,0,58"/> 
    </Button> 

を私は4つのボタンだけ異なる位置ですべてを持っている

これは全体のXAMLです

<Window x:Class="Startup.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Prometheus" Height="1080" Width="1920" 
    WindowState="Maximized" 
WindowStyle="None" ResizeMode="NoResize" 
WindowStartupLocation="CenterScreen" 

    > 
<Window.Background> 
    <ImageBrush ImageSource="Resource/background_img.png"></ImageBrush> 

</Window.Background> 


<Grid Margin="12"> 





    <Grid Margin="10,4,-10,361" HorizontalAlignment="Stretch"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="120"/> 
     </Grid.ColumnDefinitions> 

     <Button Grid.Column="1" Content="Start" HorizontalAlignment="Right" Margin="0,10,0,0" VerticalAlignment="Top" Width="101" RenderTransformOrigin="-0.013,0.15" Name="GetEventsBtn" Click="GetEvents" Height="34" IsDefault="True" TabIndex="2" Visibility="Hidden" /> 
     <TextBlock HorizontalAlignment="Left" Margin="76,68,0,0" TextWrapping="Wrap" Text="Hi" VerticalAlignment="Top" FontFamily="" Height="60" Width="613" Foreground="#FFE0D2D2" FontSize="48"/> 
     <TextBlock HorizontalAlignment="Left" Margin="76,133,0,0" TextWrapping="Wrap" Text="Please choose one option below to get started quickly." VerticalAlignment="Top" FontFamily="" Height="46" Width="499" Foreground="#FFE0D2D2" FontSize="20"/> 

    </Grid> 




    <Button Style="{StaticResource FlatButtonStyle}" Click="QuickGuide_Click" Name="QuickGuide" Background="#253135" Margin="375,531,1362,375"> 
     <TextBlock Text="Quick Guide" TextAlignment="Center" Foreground="AntiqueWhite" VerticalAlignment="Center" FontFamily="" FontSize="12" Margin="0,59,0,58"/> 
    </Button> 


    <Button Style="{StaticResource FlatButtonStyle}" Click="PlanAMeeting_Click" Name="PlanAMeeting" Margin="170,531,1576,375"> 
     <TextBlock Grid.Row="1" Text="Plan a meeting" TextAlignment="Center" Foreground="AntiqueWhite" VerticalAlignment="Center" FontFamily="" FontSize="12"></TextBlock> 
    </Button> 

    <Button Style="{StaticResource FlatButtonStyle}" Click="CreateAMeeting_Click" Name="CreateAMeeting" Margin="375,319,1362,587"> 
     <TextBlock Grid.Row="1" TextAlignment="Center" Foreground="AntiqueWhite" VerticalAlignment="Center" FontFamily="" FontSize="12"> Create a new <LineBreak></LineBreak> meeting for now</TextBlock> 
    </Button> 

    <Button Style="{StaticResource FlatButtonStyle}" Click="StartAMeeting_Click" Name="StartAMeeting" Margin="170,319,1576,587"> 
     <TextBlock Grid.Row="1" TextWrapping="Wrap" TextAlignment="Center" Foreground="AntiqueWhite" VerticalAlignment="Center" FontFamily="" FontSize="12">Start a scheduled<LineBreak></LineBreak> meeting</TextBlock> 
    </Button> 

    <Grid MaxHeight="200" MaxWidth="600" Margin="1147,-306,39,306" > 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions > 
      <RowDefinition Height="60" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
     </Grid.RowDefinitions> 
     <TextBlock Name="GR1Z1" Foreground="White" FontSize="16" FontWeight="Bold" Grid.Row="1" Text="Please wait while loading..."></TextBlock> 
     <TextBlock Name="GR1Z2" Foreground="White" Grid.Row="2"></TextBlock> 
     <TextBlock Name="GR1Z3" Foreground="White" Grid.Row="3"></TextBlock> 
     <TextBlock Name="GR1Z4" Foreground="White" Grid.Row="4"></TextBlock> 
     <TextBlock Name="GR1Z5" Foreground="White" Grid.Row="5"></TextBlock> 
    </Grid> 

    <Grid MaxHeight="200" MaxWidth="600" Margin="1147,96,39,306"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="60" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
      <RowDefinition Height="20" /> 
     </Grid.RowDefinitions> 
     <TextBlock Name="GR2Z1" Grid.Row="1" Foreground="White" FontSize="16" FontWeight="Bold"></TextBlock> 
     <TextBlock Name="GR2Z2" Grid.Row="2" Foreground="White"></TextBlock> 
     <TextBlock Name="GR2Z3" Grid.Row="3" Foreground="White"></TextBlock> 
     <TextBlock Name="GR2Z4" Grid.Row="4" Foreground="White"></TextBlock> 
     <TextBlock Name="GR2Z5" Grid.Row="5" Foreground="White"></TextBlock> 
    </Grid> 


</Grid> 

とスタイル

<Style TargetType="Button" x:Key="FlatButtonStyle"> 
     <Setter Property="Background" Value="#253135"/> 
     <Setter Property="Foreground" Value="#253135"/> 
      <Setter Property="Width" Value="150"/> 
      <Setter Property="Height" Value="150"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="Button"> 
         <Border BorderThickness="0" 
        Background="{TemplateBinding Background}" 
        CornerRadius="12" 
           Name="Border"> 
          <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsPressed" Value="true"> 
          <Setter TargetName="Border" Property="Background" Value="White" /> 
          <Setter TargetName="Border" Property="BorderBrush" Value="Black" /> 
         </Trigger> 
        </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 

Answer 1

これはちょうどあなたのアイデア与えることです：私はあなたがダイナミックなレイアウトを実現したい場合は、絶対位置が、相対的な位置を使用しないためには、すべてのMarginのプロパティを削除

• を。
• レイアウトの左部分を3つの行のグリッドに配置します。最初の2つはヘッダーテキスト用、最後は2つあります。 <Grid Margin="12">：私は、各セルは、マークアップのこの部分はあなたの後に次のグリッドに対応し、ボタン

が含まれている2行2列で別のグリッドを置く最後の行で

<Grid HorizontalAlignment="Left"> 

     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto" /> 
      <RowDefinition Height="Auto" /> 
      <RowDefinition Height="*" /> 
     </Grid.RowDefinitions> 

     <TextBlock 
      Grid.Row="0" 
      HorizontalAlignment="Left" 
      VerticalAlignment="Top" 
      FontSize="48" 
      Foreground="#FFE0D2D2" 
      Text="Hi" 
      TextWrapping="Wrap" /> 
     <TextBlock 
      Grid.Row="1" 
      HorizontalAlignment="Left" 
      VerticalAlignment="Top" 
      FontSize="20" 
      Foreground="#FFE0D2D2" 
      Text="Please choose one option below to get started quickly." 
      TextWrapping="Wrap" /> 

     <Grid Grid.Row="2"> 

      <Grid.RowDefinitions> 
       <RowDefinition Height="*" /> 
       <RowDefinition Height="*" /> 
      </Grid.RowDefinitions> 

      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <Button 
       Name="QuickGuide" 
       Grid.Row="0" 
       Grid.Column="0" 
       Background="#253135" 
       Style="{StaticResource FlatButtonStyle}"> 
       <TextBlock 
        VerticalAlignment="Center" 
        FontSize="12" 
        Foreground="AntiqueWhite" 
        Text="Quick Guide" 
        TextAlignment="Center" /> 
      </Button> 

      <Button 
       Name="PlanAMeeting" 
       Grid.Row="1" 
       Grid.Column="1" 
       Style="{StaticResource FlatButtonStyle}"> 
       <TextBlock 
        VerticalAlignment="Center" 
        FontSize="12" 
        Foreground="AntiqueWhite" 
        Text="Plan a meeting" 
        TextAlignment="Center" /> 
      </Button> 

      <Button 
       Name="StartAMeeting" 
       Grid.Row="1" 
       Grid.Column="0" 
       Style="{StaticResource FlatButtonStyle}"> 
       <TextBlock 
        VerticalAlignment="Center" 
        FontSize="12" 
        Foreground="AntiqueWhite" 
        TextAlignment="Center" 
        TextWrapping="Wrap"> 
        Start a scheduled 
        <LineBreak /> 
        meeting 
       </TextBlock> 
      </Button> 

      <Button 
       Name="CreateAMeeting" 
       Grid.Row="0" 
       Grid.Column="1" 
       Style="{StaticResource FlatButtonStyle}"> 
       <TextBlock 
        VerticalAlignment="Center" 
        FontSize="12" 
        Foreground="AntiqueWhite" 
        TextAlignment="Center"> 
        Create a new 
        <LineBreak /> 
        meeting for now 
       </TextBlock> 
      </Button> 


     </Grid> 

    </Grid>