samples/winrt/ImageManipulations/MainPage.xaml

   1 <!--
   2 //*********************************************************
   3 //
   4 // Copyright (c) Microsoft. All rights reserved.
   5 // THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF
   6 // ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY
   7 // IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR
   8 // PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
   9 //
  10 //*********************************************************
  11 -->
  12
  13 <common:LayoutAwarePage
  14     x:Class="SDKSample.MainPage"
  15     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  16     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  17     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  18     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  19     xmlns:common="using:SDKSample.Common"
  20     mc:Ignorable="d"
  21     x:Name="RootPage">
  22
  23     <common:LayoutAwarePage.Resources>
  24         <Style x:Key="BaseStatusStyle" TargetType="TextBlock">
  25             <Setter Property="FontFamily" Value="Segoe UI Semilight"/>
  26             <Setter Property="FontSize" Value="14.667"/>
  27             <Setter Property="Margin" Value="0,0,0,5"/>
  28         </Style>
  29         <Style x:Key="StatusStyle" BasedOn="{StaticResource BaseStatusStyle}" TargetType="TextBlock">
  30             <Setter Property="Foreground" Value="Green"/>
  31         </Style>
  32         <Style x:Key="ErrorStyle" BasedOn="{StaticResource BaseStatusStyle}" TargetType="TextBlock">
  33             <Setter Property="Foreground" Value="Blue"/>
  34         </Style>
  35     </common:LayoutAwarePage.Resources>
  36
  37
  38     <Grid x:Name="LayoutRoot" Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
  39
  40         <Grid x:Name="ContentRoot" Background="{StaticResource ApplicationPageBackgroundThemeBrush}" Margin="100,20,100,20">
  41             <Grid.RowDefinitions>
  42                 <RowDefinition Height="Auto"/>
  43                 <RowDefinition Height="*"/>
  44                 <RowDefinition Height="Auto"/>
  45             </Grid.RowDefinitions>
  46
  47             <!-- Header -->
  48             <StackPanel Orientation="Horizontal" Grid.Row="0">
  49                 <Image x:Name="WindowsLogo" Stretch="None" Source="Assets/windows-sdk.png" AutomationProperties.Name="Windows Logo" HorizontalAlignment="Left" Grid.Column="0"/>
  50                 <TextBlock VerticalAlignment="Bottom" Style="{StaticResource TitleTextStyle}" TextWrapping="Wrap" Grid.Column="1" Text="OpenCV for Windows RT"/>
  51             </StackPanel>
  52             <ScrollViewer x:Name="MainScrollViewer" Grid.Row="1" ZoomMode="Disabled" IsTabStop="False" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" Padding="0,0,0,20" >
  53                 <Grid>
  54                     <Grid.RowDefinitions>
  55                         <RowDefinition Height="Auto"/>
  56                         <RowDefinition Height="*"/>
  57                     </Grid.RowDefinitions>
  58                     <TextBlock x:Name="FeatureName" Grid.Row="0"  Text="Add Sample Title Here" Style="{StaticResource HeaderTextStyle}" TextWrapping="Wrap"/>
  59
  60                     <!-- Content -->
  61                     <Grid Grid.Row="1">
  62
  63                         <!-- All XAML in this section is purely for design time so you can see sample content in the designer. -->
  64                         <!-- This will be repaced at runtime by live content.                                                  -->
  65                         <Grid>
  66                             <Grid.RowDefinitions>
  67                                 <RowDefinition Height="Auto"/>
  68                                 <RowDefinition Height="Auto"/>
  69                                 <RowDefinition Height="Auto"/>
  70                                 <RowDefinition Height="Auto"/>
  71                                 <RowDefinition Height="Auto"/>
  72                                 <RowDefinition Height="Auto"/>
  73                                 <RowDefinition Height="Auto"/>
  74                                 <RowDefinition Height="*"/>
  75                             </Grid.RowDefinitions>
  76                             <Grid.ColumnDefinitions>
  77                                 <ColumnDefinition Width="Auto"/>
  78                                 <ColumnDefinition Width="*"/>
  79                             </Grid.ColumnDefinitions>
  80                             <TextBlock Grid.Row="0" Text="Input" Style="{StaticResource H2Style}"/>
  81
  82                             <TextBlock x:Name="ScenarioListLabel" Text="Select Scenario:" Grid.Row="1"  Style="{StaticResource SubheaderTextStyle}" Margin="0,5,0,0" />
  83                             <ListBox x:Name="Scenarios" Margin="0,0,20,0" Grid.Row="2" AutomationProperties.Name="Scenarios" HorizontalAlignment="Left"
  84                                          VerticalAlignment="Top" ScrollViewer.HorizontalScrollBarVisibility="Auto"
  85                                          AutomationProperties.LabeledBy="{Binding ElementName=ScenarioListLabel}" MaxHeight="125">
  86                                 <ListBox.ItemTemplate>
  87                                     <DataTemplate>
  88                                         <TextBlock Text="{Binding Name}"/>
  89                                     </DataTemplate>
  90                                 </ListBox.ItemTemplate>
  91                             </ListBox>
  92                             <TextBlock x:Name="DescriptionText" Margin="0,5,0,0" Text="Description:" Style="{StaticResource SubheaderTextStyle}" Grid.Row="1" Grid.Column="1"/>
  93                             <!-- Input Scenarios -->
  94                             <UserControl x:Name="InputSection" Margin="0,5,0,0" IsTabStop="False" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top"/>
  95
  96                             <!-- Output section -->
  97                             <TextBlock Text="Output" Grid.Row="5"  Margin="0,25,0,20" Style="{StaticResource H2Style}" Grid.ColumnSpan="2"/>
  98                             <TextBlock x:Name="StatusBlock" Grid.Row="6" Margin="0,0,0,5" Grid.ColumnSpan="2"/>
  99
 100                             <!-- Output Scenarios -->
 101                             <UserControl x:Name="OutputSection" Grid.Row="7" Grid.ColumnSpan="2" BorderThickness="0"/>
 102                         </Grid>
 103                     </Grid>
 104                 </Grid>
 105             </ScrollViewer>
 106
 107             <!-- Footer -->
 108             <Grid x:Name="Footer"  Grid.Row="3" Margin="0,10,0,10" VerticalAlignment="Bottom" >
 109                 <Grid.RowDefinitions>
 110                     <RowDefinition Height="Auto"/>
 111                     <RowDefinition Height="Auto"/>
 112                     <RowDefinition Height="Auto"/>
 113                 </Grid.RowDefinitions>
 114
 115                 <Grid.ColumnDefinitions>
 116                     <ColumnDefinition Width="Auto"/>
 117                     <ColumnDefinition Width="*"/>
 118                 </Grid.ColumnDefinitions>
 119                 <StackPanel x:Name="FooterPanel" Orientation="Horizontal" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right"/>
 120             </Grid>
 121
 122
 123         </Grid>
 124
 125         <VisualStateManager.VisualStateGroups>
 126             <!-- Visual states reflect the application's view state -->
 127             <VisualStateGroup>
 128                 <VisualState x:Name="FullScreenLandscape">
 129                     <Storyboard>
 130                     </Storyboard>
 131                 </VisualState>
 132                 <VisualState x:Name="Filled">
 133                     <Storyboard>
 134                     </Storyboard>
 135                 </VisualState>
 136
 137                 <VisualState x:Name="FullScreenPortrait">
 138                     <Storyboard>
 139                     </Storyboard>
 140                 </VisualState>
 141
 142                 <VisualState x:Name="Snapped">
 143                     <Storyboard>
 144                         <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="ContentRoot">
 145                             <DiscreteObjectKeyFrame KeyTime="0">
 146                                 <DiscreteObjectKeyFrame.Value>
 147                                     <Thickness>20,20,20,20</Thickness>
 148                                 </DiscreteObjectKeyFrame.Value>
 149                             </DiscreteObjectKeyFrame>
 150                         </ObjectAnimationUsingKeyFrames>
 151                     </Storyboard>
 152                 </VisualState>
 153             </VisualStateGroup>
 154         </VisualStateManager.VisualStateGroups>
 155     </Grid>
 156 </common:LayoutAwarePage>