Windows-10 UWP Wie stelle ich eine Schaltfläche relativ zu zwei anderen Schaltflächen in Relative Panel

Question

Ich versuche, Windows-10 (UWP) App zu bauen. Meine App verfügt über 4 Schaltflächen, die am unteren Rand des Bildschirms angezeigt werden.

Button1, 2 & 4 sind in ihrer vorgesehenen Position. Ich möchte Button3 zwischen Button2 & Button4 platzieren. Wie kann ich das mit RelativePanel in UWP erreichen?
Schnipsel My XAML-Code für Button3 ist

<Button Name="BtnTextSearchLaunch" Content="Text Search" RelativePanel.AlignVerticalCenterWith="Button2" Width="60" Background="#FF291313" Height="30" RelativePanel.RightOf="Button2" > 
     <Button.Template> 
      <ControlTemplate> 
       <Image Source="/Assets/textSearch@2x.png"/> 
      </ControlTemplate> 
     </Button.Template> 
</Button> 

I Button3 in der gewünschten Position durch die Angabe der Position wie in RAND = "a, b, c, d", aber das tut platzieren funktionieren gut, wenn ich die App auf dem Handy laufen lasse. Daher möchte ich dies mit RelativePanel erreichen, da dies die Benutzeroberfläche dynamisch skalieren würde & geben Sie mir die Möglichkeit, meine App auf lokaler Maschine sowie Mobile bereitzustellen.

Answer 1

<Grid HorizontalAlignment="Stretch" > 
    <RelativePanel VerticalAlignment="Center" HorizontalAlignment="Stretch" > 
     <Button x:Name="btn1" Content="btn1" RelativePanel.AlignLeftWithPanel="True" HorizontalAlignment="Left" /> 
     <Button x:Name="btn2" Content="btn2" RelativePanel.AlignHorizontalCenterWithPanel="True" HorizontalAlignment="Center" /> 
     <Button x:Name="btn3" Content="btn3" RelativePanel.RightOf="btn2" RelativePanel.LeftOf="btn4" HorizontalAlignment="Center" /> 
     <Button x:Name="btn4" Content="btn4" RelativePanel.AlignRightWithPanel="True" HorizontalAlignment="Right" /> 
    </RelativePanel> 
</Grid> 

Wie Sie einfach aus der Lösung benötigen sehen Sie die Schaltfläche relativ stellen Sie sicher, legen sowohl die btn2 und btn4 und vergessen Sie nicht HorizontalAlignment="Center" angeben.