使用xaml和c在windows 8應用程序中創建一個門＃

Question

我有一個網格和兩個stackpanels.I已經使混合動畫在設置門時出現了不同的分辨率。 這是我的代碼，在1024,768分辨率下工作正常。

 <StackPanel.Background> 
      <ImageBrush ImageSource="Assets/left.jpg"></ImageBrush> 
     </StackPanel.Background> 
    </StackPanel> 

    <StackPanel x:Name="stackPanel1" Width="512" Height="{Binding ElementName=mygrid,Path=ActualHeight}" HorizontalAlignment="Right"> 

     <StackPanel.Background> 
      <ImageBrush ImageSource="Assets/right.jpg"></ImageBrush> 
     </StackPanel.Background> 
    </StackPanel> 

</Grid>`` 

Answer 1

試試這個

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition></ColumnDefinition> 
     <ColumnDefinition></ColumnDefinition> 
    </Grid.ColumnDefinitions> 

    <!--used for calculating height and width of door--> 
    <Grid x:Name="Door" Grid.Column="0" ></Grid> 

    <StackPanel Grid.ColumnSpan="2" x:Name="stackPanel1" Width="{Binding ElementName=Door,Path=ActualWidth}" Height="{Binding ElementName=Door,Path=ActualHeight}" HorizontalAlignment="Left"> 
     <StackPanel.Background> 
      <ImageBrush ImageSource="Assets/left.jpg" Stretch="Fill"></ImageBrush> 
     </StackPanel.Background> 
    </StackPanel> 
    <StackPanel Grid.ColumnSpan="2" x:Name="stackPanel2" Width="{Binding ElementName=Door,Path=ActualWidth}" Height="{Binding ElementName=Door,Path=ActualHeight}" HorizontalAlignment="Right"> 
     <StackPanel.Background> 
      <ImageBrush ImageSource="Assets/right.jpg" Stretch="Fill"></ImageBrush> 
     </StackPanel.Background> 
    </StackPanel> 
</Grid>