如何设计类似于Windows Phone 7中的电子邮件应用程序的屏幕？

Question

有没有人有xaml来获得这个UI的外观和感觉？

Answer 1

这是我们可以使用您的用户界面的一种方式：

<ListBox x:Name="contentList" SelectionChanged="OnFileHit">
            <ListBox.ItemTemplate>
                <DataTemplate>
                  <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <TextBlock Text="Marc Boyer" FontSize="{StaticResource PhoneFontSizeLarge}"/>
            <TextBlock Text="Inviation check this out here" Grid.Row="1" FontSize="{StaticResource PhoneFontSizeMedium}" Foreground="GreenYellow"/>
            <TextBlock Text="When: Thursday 9 PM" Grid.Row="2" FontSize="{StaticResource PhoneFontSizeNormal}" Opacity="0.5"/>
            <TextBlock Text="9.45" HorizontalAlignment="Right" Grid.Row="0" Grid.Column="1" FontSize="{StaticResource PhoneFontSizeNormal}"/>
            <Image Grid.Row="1" Grid.Column="1" />
        </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Answer 2

你应该使用全景和枢轴页面来获得这种UI。设计这样的UI并不是很困难，但我目前没有类似的外观。可能这个链接可能对你有所帮助。 http://www.silverlightshow.net/items/Windows-Phone-7-Part-5-Panorama-and-Pivot-controls.aspx

还有这个 http://windowsphonegeek.com/articles/WP7-Navigation-in-depth--Navigation-controls

Answer 3

我发现这个很酷的模板，我认为其他人会发现它很有用。

http://wp7designtemplates.codeplex.com/

Answer 4

使用数据透视控件完成页面和选项卡，您可以在创建默认情况下创建的新项目时选择一个模板，并显示如何创建自定义列表项