Created
June 24, 2012 04:52
-
-
Save anuith/2981700 to your computer and use it in GitHub Desktop.
Windows Phone Hackathon : Facebook & Instagram Sample - Instagram Page UI
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<phone:PhoneApplicationPage.Resources> | |
<DataTemplate x:Key="InstagramItemTemplate"> | |
<Grid Margin="6"> | |
<Image Source="{Binding image}" Width="102"/> | |
</Grid> | |
</DataTemplate> | |
<ItemsPanelTemplate x:Key="InstagramListItemsPanel"> | |
<toolkit:WrapPanel/> | |
</ItemsPanelTemplate> | |
</phone:PhoneApplicationPage.Resources> | |
<!--LayoutRoot is the root grid where all page content is placed--> | |
<Grid x:Name="LayoutRoot" Background="Transparent"> | |
<Grid.RowDefinitions> | |
<RowDefinition Height="Auto"/> | |
<RowDefinition Height="*"/> | |
</Grid.RowDefinitions> | |
<!--TitlePanel contains the name of the application and page title--> | |
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> | |
<TextBlock x:Name="ApplicationTitle" Text="MY FACEBOOK & INSTAGRAM APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/> | |
<TextBlock x:Name="PageTitle" Text="Instagram" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> | |
</StackPanel> | |
<!--ContentPanel - place additional content here--> | |
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> | |
<ListBox x:Name="ListBox_Feed" ItemTemplate="{StaticResource InstagramItemTemplate}" ItemsPanel="{StaticResource InstagramListItemsPanel}" SelectionChanged="ListBox_Feed_SelectionChanged"/> | |
</Grid> | |
</Grid> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment