2016-05-06 10 views
0

Windows-10(UWP)アプリケーションを構築しようとしています。私のアプリは、画面の下部に表示される4つのボタンがあります。
Screenshot of my app
Button1、2 & 4は意図された位置にあります。 Button2の間にButton3を配置したい。& Button4。 RelativePanelでUWPでどのように達成できますか?
ボタン3のための私のXAMLコードスニペットは
WIndows-10 UWP相対パネルの他の2つのボタンに関連してボタンを配置する方法

<Button Name="BtnTextSearchLaunch" Content="Text Search" RelativePanel.AlignVerticalCenterWith="Button2" Width="60" Background="#FF291313" Height="30" RelativePanel.RightOf="Button2" > 
     <Button.Template> 
      <ControlTemplate> 
       <Image Source="/Assets/[email protected]"/> 
      </ControlTemplate> 
     </Button.Template> 
</Button> 

Iは、証拠金= "A、B、C、D"と位置を指定することにより、必要な位置でボタン3を配置することができ
それdoesntのあります私は携帯電話でアプリを実行する場合はうまく動作します。したがって、RelativePanelでこれを実現したいのですが、それはUIを動的に拡大するためです。&私のアプリをローカルマシンとモバイルに展開することができます。

答えて

2
<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> 

あなたはちょうどあなたがBTN2とbtn4の両方にボタンを相対的に配置しHorizontalAlignment="Center"を指定することを忘れないことを確認する必要が溶液から見ることができるように。

関連する問題