地鐵Windows 8應用程序的全屏圖像

我正在開發Windows 8「Metro」應用程序。在這個應用程序中，我想將圖像作爲壁紙。圖像是1600x900像素大。現在，當我在模擬器中嘗試更大的屏幕時，圖像未縮放以填滿整個屏幕。我怎樣才能做到這一點？我試圖按照微軟的指南針對不同的屏幕尺寸，例如將圖像放在畫布上，但它並沒有的工作。有人能幫我嗎？地鐵Windows 8應用程序的全屏圖像

非常感謝您

來源

2012-10-02 Basem Abdelfattah

XAML或HTML/CSS應用程序？ –

這是XAML，對不起，我忘了提及 –

我不確定你試過的是什麼，或者你正在看哪個指南。但是，您可以隨時將ImageBrush添加到您的網格中。

<Page 
    x:Class="App3.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:App3" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d"> 

    <Grid> 
     <Grid.Background> 
      <ImageBrush ImageSource="Assets/img101.jpg"/> 
     </Grid.Background> 
     <TextBlock Name="txt1" HorizontalAlignment="Center" VerticalAlignment="Center" Text="Hello World" FontFamily="Arial" FontSize="60" ></TextBlock> 
    </Grid> 
</Page>

來源

2012-10-03 03:46:44

太好了，非常感謝你......對我有用。 –

@BasemAbdelfattah很高興爲您服務 –

在我的應用程序之一，我使用的是全屏幕作爲背景圖像水印，使用下面的CSS：

.watermark { 
    position: absolute; 
    z-index: -1; 
    width: 100%; 
    height: 140%; 
    opacity: 0.05; 
}

然後，在標記，我只需添加一個圖像標籤，與水印類：

<img class="watermark" src="#" />

就我而言，我動態地設置圖像源頁面的JS文件，像這樣：

element.querySelector(".watermark").src = item.maptileUrl;

上面的這一行從傳遞給頁面的選定項目中抓取圖像的URL（地圖圖塊）。

我在模擬器中測試了我的應用程序，無論屏幕大小和分辨率如何，它都能正常工作。

請注意，根據圖像的不同，使用100％的寬度/高度可能會導致圖像垂直或水平拉伸。

另一個可能更簡單的解決方案是簡單地將body標籤的背景圖像樣式設置爲所需的圖像。您可以在http://www.w3schools.com/cssref/pr_background-image.asp（以及背景重複，背景大小等）閱讀更多關於此屬性的信息。

來源

2012-10-03 01:29:41 devhammer

非常感謝你...我會嘗試類似的東西，我的問題是，我正在寫XAML –

啊。重要的信息，那。 :-)雖然，很高興看到有人給你答案。 – devhammer

地鐵Windows 8應用程序的全屏圖像

回答

相關問題