如何在Windows中使用xml解析在GridView中綁定圖像metro app

Question

我正在開發我的第一個Windows 8應用程序。我試圖顯示一個填充了圖像和圖像描述的GridView。我想從我創建的XML文件中獲取數據。我發現GridView的ItemSource屬性，我嘗試綁定我的XML文件，但我無法做到這一點。

請告訴我正確的方式來完成這項任務。 thanx

Answer 1

您無法直接將XML文件綁定到GridView.ItemsSource，您需要首先將其解析爲對象。我想創建一個類在GridView顯示所有數據：

public class GridViewItem 
{ 
    public string Description { get; set; } 
    public ImageSource Image { get; set; } 
} 

下一步是將XML文件解析成的GridViewItem個清單：

var xmlString = await FileIO.ReadTextAsync(storageFile); 
var xml = XDocument.Parse(xmlString); 
var Items = xml.Element("rootNode").Elements("itemNode").Select(i => new GridViewItem 
    { 
     Description = (string)i.Element("descriptionNode"), 
     Image = ParseImage(i.Element("imageNode")) 
    }).ToList(); 

我都一直假設XML中的標籤是rootNode,itemNode,descriptionNode和imageNode。我也不知道你的圖像數據是如何存儲在XML中的。將其轉換爲ImageSource的邏輯應該位於ParseImage()。

剩下的唯一的事情就是分配Items列表上方的財產在您的視圖模型作爲您DataContext並將其綁定到ItemsSource：

<GridView ItemsSource="{Binding Items}" /> 

這是基本的想法。我的答案中有很多細節遺漏，但最好我可以根據你的問題來做。