2011-03-28 96 views
0

我正在使用MainPage和多個簡單頁面上的全景圖工作Windows Phone 7項目。我的所有網頁都包含一個背景設置是這樣的:WP7頁面更改爲橫向時更改背景位置

<local:PhoneApplicationPage> 
    <Grid Background="{StaticResource PageBackground}"> 
     content here 
    </Grid> 
</local:PhoneApplicationPage> 

PageBackground是一個應用程序的資源在default.xaml和light.xaml這種方式設置:

<ImageBrush x:Key="PanoramaBackground" ImageSource="/Resources/PanoramaBackground01Dark.jpg" Stretch="None" /> 
<ImageBrush x:Key="PageBackground" ImageSource="/Resources/PageBackground01Dark.jpg" Stretch="None" /> 

的PageBackground01Dark.jpg畫面大小爲800x800的PX。

當一個頁面顯示在肖像方向,圖片居中正確居中,圖片高度對應的頁面高度。這可以。

Background in Portrait page

當顯示在橫向方向一個頁面,畫面寬度對應於頁的寬度,但的圖像是然後垂直居中。

Background in Landscape page

我想在我的頁面背景圖片「爆滿」。

網格的背景屬性是一個沒有有趣的選項的畫筆。我不想爲此創建2張照片。應該有一個明顯的解決方案。下面是結果我想有:

Desired background result

回答

1

哦,解決方法很簡單。 Background屬性是Brush類型,但實際上是一個ImageBrush。所以解決辦法是:

<ImageBrush x:Key="PageBackground" 
      ImageSource="/Resources/PageBackground01Dark.jpg" 
      AlignmentY="0" />