Windows phone 7 如何在windows phone中以gridview格式绑定数据？

您好，我正在开发windows phone 8应用程序。我想以网格视图格式显示图像，我正在网格内使用listbox，但我的输出没有任何更改。我的代码如下所示，我想以网格视图格式显示数据

<Grid x:Name="ContentPanel" Margin="0,115,0,0" Background="#424340" Grid.RowSpan="5" />

    <StackPanel Margin="0,0,0,0.083" Grid.Row="2"  VerticalAlignment="Top" HorizontalAlignment="Center" Grid.RowSpan="2">
        <ListBox x:Name="List12" ItemsSource="{Binding}"  VerticalAlignment="Top" SelectionChanged="NotchsList12_SelectionChanged"
           Margin="0,0,0,0"  HorizontalAlignment="left" Width="Auto"  Grid.RowSpan="2">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid HorizontalAlignment="Stretch">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <TextBlock Text="{Binding Titles}" Foreground="Black" Width="189" Height="34" TextWrapping="Wrap" Padding="0,0,0,0"></TextBlock>

                        <Image Source="{Binding Images}"  Width="189" Height="195" Name="value"  Stretch="Fill" VerticalAlignment="Top" ></Image>
                        <TextBlock Text="Text1" Margin="0,0,10,0" HorizontalAlignment="Stretch" Grid.Column="0" Grid.Row="1" />

                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </StackPanel>

</Grid>


XDocument xmlDoc = XDocument.Parse(dataInXmlFile);

            var query = from l in xmlDoc.Descendants("Category")
                        select new Class
                        {
                            Titles = l.Attribute("title").Value,
                            Images = l.Attribute("image").Value,

                       Articles = l.Element("SubCategory").Elements("Subcategory")
                                         .Select(article => new Subclass
                                         {
                                             name = article.Attribute("name").Value,

                                             Subimage = article.Attribute("subimage").Value,
                                             Product = article.Element("Product").Elements("product")
                                                            .Select(articles => new Product
                                                            {
                                                                Price = articles.Element("productprice").Value,
                                                                ProductName = articles.Attribute("name").Value,
                                                                ProductImage = articles.Element("productimage").Value,
                                                                Shortdescription = articles.Element("productshortdiscription").Value
                                                            }).ToList(),

                                         })
                                         .ToList(),



                        };

            foreach (var result in query)
            {
                Console.WriteLine(result.Titles);
                Console.WriteLine(result.Images);

            }

            List12.DataContext = query;

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

XDocument xmlDoc=XDocument.Parse（dataInXmlFile）；
var query=从xmlDoc.subjects（“类别”）中的l开始
选择新类
{
标题=l.属性（“标题”）.值，
图像=l.属性（“图像”）.值，
条款=l.要素（“子类别”）.要素（“子类别”）
.Select（article=>new子类
{
name=article.Attribute（“name”）.Value，
子映像=article.Attribute（“子映像”）.Value，
产品=物品。元素（“产品”）。元素（“产品”）
.选择（文章=>新产品）
{
价格=物品。元素（“产品价格”）。价值，
ProductName=articles.Attribute（“name”）.Value，
ProductImage=articles.Element（“ProductImage”）.Value，
Shortdescription=articles.Element（“ProductShortDescription”）.Value
}).ToList（），
})
.ToList（），
};
foreach（查询中的var结果）
{
Console.WriteLine（结果标题）；
Console.WriteLine（result.Images）；
}
List12.DataContext=query；

我像下面给出的那样出去了

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

1.门2.窗3.桌子4.椅子

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

我需要像下图所示那样输出

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

1.门2.窗

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

---

3.表4.椅子

使ur

stackPanel

朝向

垂直

而不是

水平

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

---

不要使用网格，而是使用LayoutMode=grid的LongListSelector

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

例如：

            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical"  VerticalAlignment="Top">
                    </StackPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

<phone:LongListSelector ItemsSource="{Binding Categories}" LayoutMode="Grid" GridCellSize="200,200">
<phone:LongListSelector.ItemTemplate>
<DataTemplate>
<Border Background="#e67e22" Height="190" Width="190" Margin="6,0,0,0" Tap="Border_Tap" >
<TextBlock Text="{Binding Name}"></TextBlock>
</Border>
</DataTemplate>
</phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>