Как вы проектируете экран, похожий на приложение электронной почты в Windows Phone 7?

Question

Есть ли у кого-нибудь xaml, чтобы получить внешний вид этого интерфейса?

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

Я нашел эти классные шаблоны, которые, я думаю, другие найдут полезными.

http://wp7designtemplates.codeplex.com/

Answer 3

страница и вкладки выполняются с помощью элемента управления pivot, есть шаблон, который вы можете выбрать при создании нового проекта, в котором он используется по умолчанию, а также показано, как можно создавать пользовательские элементы списка

Answer 4

u Следует использовать панорамы и сводные страницы, чтобы получить этот своего рода пользовательский интерфейс. Не очень сложно спроектировать такой интерфейс, но в настоящее время у меня нет похожего экрана. Возможно, эта ссылка поможет вам лучше. 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