Windows Phone 7 中的表格视图答案

【问题标题】：Table views in Windows Phone 7Windows Phone 7 中的表格视图
【发布时间】：2011-07-01 00:18:16
【问题描述】：

Windows Phone 7 有类似 iPhone 的 UITableView 吗？

[基本上，我正在移植一个表格视图运行良好的 iOS 应用程序。]

【问题讨论】：

标签： uitableview windows-phone-7 scroll tableview

【解决方案1】：

您可以使用以下 XAML 代码创建类似于表视图的内容。

              <ListBox >

                <ListBoxItem>
                    <StackPanel Orientation="Horizontal"   >
                        <Border BorderThickness="3" BorderBrush="#A5FFFFFF" Width="80" Margin="0,20,0,20" Height="60">
                            <Image Source="{Binding ImageUrl, Mode=OneWay}"  VerticalAlignment="Stretch" Margin="0,0,0,0" Width="80" Height="60" Stretch="Fill" />
                        </Border>
                        <TextBlock TextWrapping="Wrap" Text="Foobar" FontSize="40" FontWeight="Normal" VerticalAlignment="Center" Margin="30,0,0,0" />
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem>
                    <StackPanel Orientation="Horizontal"   >
                        <Border BorderThickness="3" BorderBrush="#A5FFFFFF" Width="80" Margin="0,20,0,20" Height="60">
                            <Image Source="{Binding ImageUrl, Mode=OneWay}"  VerticalAlignment="Stretch" Margin="0,0,0,0" Width="80" Height="60" Stretch="Fill" />
                        </Border>
                        <TextBlock TextWrapping="Wrap" Text="Foobar" FontSize="40" FontWeight="Normal" VerticalAlignment="Center" Margin="30,0,0,0" />
                    </StackPanel>
                </ListBoxItem>
            </ListBox>

上面的示例将创建一个包含两个元素的表格视图。如果您愿意，可以添加Border 以分隔每个表格。

希望对你有帮助。

【讨论】：

【解决方案2】：

我想最接近的匹配是Grid 控件，它使您能够定义行和列并将内容添加到网格单元格。您可能会发现 MSDN 页面 How to: Create a Grid Element 很有帮助。

【讨论】：