Friday, September 27, 2013

How to Display Gridview items or data horizontally with a scroll-viewer vertically. here is my code


<GridView
ScrollViewer.VerticalScrollMode="Enabled"
x:Name="itemGridView"
Grid.Row="0"
Width="Auto"
Height="Auto"
AutomationProperties.AutomationId="ItemGridView"
AutomationProperties.Name="Grouped Items"
VerticalAlignment="Center"
Margin="80,0,0,0"
HorizontalAlignment="Left"
Grid.RowSpan="2"

ItemsSource="{Binding }"

SelectionMode="None"
IsSwipeEnabled="false"
IsItemClickEnabled="True"
VirtualizingStackPanel.VirtualizationMode="Standard"
ItemClick="ItemView_ItemClick">
<GridView.ItemTemplate>
<DataTemplate >
<Grid HorizontalAlignment="Left" Width="250" Height="250">
<Border Background="white">
<Image Source="{Binding Image}" Stretch="UniformToFill" AutomationProperties.Name="{Binding Title}"/>
</Border>
<StackPanel Height="50" VerticalAlignment="Center" Margin="0,100,0,0">
<TextBlock Text="{Binding Name}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Height="20" Margin="15,0,15,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
<TextBlock Text="{Binding size}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
</StackPanel>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>







19karabo91


No comments:

Post a Comment