WpDetailPage.xaml 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <Page
  2. x:Class="Breda_Tour.MapScreen.WpDetailPage"
  3. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  4. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  5. xmlns:local="using:Breda_Tour.MapScreen"
  6. xmlns:c ="using:Breda_Tour.CustomControls"
  7. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  8. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  9. xmlns:data="using:Breda_Tour.Data"
  10. mc:Ignorable="d">
  11. <Grid>
  12. <Grid.RowDefinitions>
  13. <RowDefinition Height="Auto"/>
  14. <RowDefinition Height="Auto"/>
  15. <RowDefinition Height="Auto"/>
  16. <RowDefinition Height="*"/>
  17. </Grid.RowDefinitions>
  18. <c:DefaultTopBar x:Name="NameBar" Grid.Row="0" Header="{x:Bind wp.Title}"/>
  19. <ListView Grid.Row="1" ItemsSource="{x:Bind wp.Pictures}"
  20. ScrollViewer.HorizontalScrollMode="Enabled"
  21. ScrollViewer.HorizontalScrollBarVisibility="Visible"
  22. ScrollViewer.IsHorizontalRailEnabled="True"
  23. ScrollViewer.VerticalScrollMode="Disabled">
  24. <ListView.ItemsPanel>
  25. <ItemsPanelTemplate>
  26. <StackPanel Orientation="Horizontal" Padding="0"/>
  27. </ItemsPanelTemplate>
  28. </ListView.ItemsPanel>
  29. <ListView.ItemTemplate >
  30. <DataTemplate x:DataType="data:Picture">
  31. <ListViewItem>
  32. <Image Source="{x:Bind Source}" Height="{x:Bind Width}" Width="{x:Bind Width}" Stretch="UniformToFill" />
  33. </ListViewItem>
  34. </DataTemplate>
  35. </ListView.ItemTemplate>
  36. </ListView>
  37. <RelativePanel Grid.Row="2">
  38. <TextBlock Text="Beschrijving" FontSize="20" Margin="15,15,0,15" />
  39. </RelativePanel>
  40. <RelativePanel Grid.Row="3">
  41. <ScrollViewer Margin="15,0,0,0" VerticalScrollBarVisibility="Auto" >
  42. <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="{x:Bind wp.Description}"/>
  43. </ScrollViewer>
  44. </RelativePanel>
  45. </Grid>
  46. </Page>