file360

Log | Files | Refs

VideoPage.xaml (16231B)

      1 <Page
      2     x:Class="File360.VideoPage"
      3     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      4     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      5     xmlns:local="using:File360"
      6     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      7     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      8     mc:Ignorable="d"
      9     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
     10     <Page.Resources>
     11         <Storyboard x:Name="MenuHide">
     12             <DoubleAnimation Duration="0:0:0.2" To="-50" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="grid1" d:IsOptimized="True"/>
     13             <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid1" d:IsOptimized="True"/>
     14             <DoubleAnimation Duration="0:0:0.2" To="-40" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="toggleButton" d:IsOptimized="True"/>
     15             <DoubleAnimation Duration="0:0:0.2" To="40" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="toggleButton1" d:IsOptimized="True"/>
     16             <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid3" d:IsOptimized="True"/>
     17             <DoubleAnimation Duration="0:0:0.3" To="1.2" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     18                 <DoubleAnimation.EasingFunction>
     19                     <QuarticEase EasingMode="EaseInOut"/>
     20                 </DoubleAnimation.EasingFunction>
     21             </DoubleAnimation>
     22             <DoubleAnimation Duration="0:0:0.3" To="1.2" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     23                 <DoubleAnimation.EasingFunction>
     24                     <QuarticEase EasingMode="EaseInOut"/>
     25                 </DoubleAnimation.EasingFunction>
     26             </DoubleAnimation>
     27             <DoubleAnimation Duration="0:0:0.3" To="80" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     28                 <DoubleAnimation.EasingFunction>
     29                     <QuarticEase EasingMode="EaseInOut"/>
     30                 </DoubleAnimation.EasingFunction>
     31             </DoubleAnimation>
     32             <DoubleAnimation Duration="0:0:0.3" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
     33             <DoubleAnimation Duration="0:0:0.4" To="1.1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="grid1" d:IsOptimized="True"/>
     34             <DoubleAnimation Duration="0:0:0.4" To="1.1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="grid1" d:IsOptimized="True"/>
     35             <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
     36         </Storyboard>
     37         <Storyboard x:Name="MenuHideRev">
     38             <DoubleAnimation Duration="0:0:0.4" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="grid1" d:IsOptimized="True">
     39                 <DoubleAnimation.EasingFunction>
     40                     <QuarticEase EasingMode="EaseInOut"/>
     41                 </DoubleAnimation.EasingFunction>
     42             </DoubleAnimation>
     43             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid1">
     44                 <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
     45             </DoubleAnimationUsingKeyFrames>
     46             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="toggleButton">
     47                 <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
     48             </DoubleAnimationUsingKeyFrames>
     49             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="toggleButton1">
     50                 <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
     51             </DoubleAnimationUsingKeyFrames>
     52             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid3">
     53                 <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
     54             </DoubleAnimationUsingKeyFrames>
     55             <DoubleAnimation Duration="0:0:0.4" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     56                 <DoubleAnimation.EasingFunction>
     57                     <QuarticEase EasingMode="EaseInOut"/>
     58                 </DoubleAnimation.EasingFunction>
     59             </DoubleAnimation>
     60             <DoubleAnimation Duration="0:0:0.4" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     61                 <DoubleAnimation.EasingFunction>
     62                     <QuarticEase EasingMode="EaseInOut"/>
     63                 </DoubleAnimation.EasingFunction>
     64             </DoubleAnimation>
     65             <DoubleAnimation Duration="0:0:0.4" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="stackPanel" d:IsOptimized="True">
     66                 <DoubleAnimation.EasingFunction>
     67                     <QuarticEase EasingMode="EaseInOut"/>
     68                 </DoubleAnimation.EasingFunction>
     69             </DoubleAnimation>
     70             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="stackPanel">
     71                 <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
     72             </DoubleAnimationUsingKeyFrames>
     73             <DoubleAnimation Duration="0:0:0.4" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="grid1" d:IsOptimized="True">
     74                 <DoubleAnimation.EasingFunction>
     75                     <QuarticEase EasingMode="EaseInOut"/>
     76                 </DoubleAnimation.EasingFunction>
     77             </DoubleAnimation>
     78             <DoubleAnimation Duration="0:0:0.4" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="grid1" d:IsOptimized="True">
     79                 <DoubleAnimation.EasingFunction>
     80                     <QuarticEase EasingMode="EaseInOut"/>
     81                 </DoubleAnimation.EasingFunction>
     82             </DoubleAnimation>
     83             <DoubleAnimation Duration="0:0:0.2" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
     84         </Storyboard>
     85     </Page.Resources>
     86 
     87     <Grid x:Name="MediaFragment" Grid.RowSpan="2" RequestedTheme="Dark"  RenderTransformOrigin="0,0">
     88         <Grid x:Name="imageContainerMedia" VerticalAlignment="Stretch">
     89             <Grid.Background>
     90                 <SolidColorBrush Color="{ThemeResource PhoneBackgroundColor}"/>
     91             </Grid.Background>
     92             <Viewbox StretchDirection="Both" Stretch="Uniform">
     93                 <MediaElement x:Name="mediaPlayer" AudioCategory="BackgroundCapableMedia" ManipulationStarted="mediaPlayer_ManipulationStarted" ManipulationDelta="mediaPlayer_ManipulationDelta" ManipulationCompleted="mediaPlayer_ManipulationCompleted"/>
     94             </Viewbox>
     95             <Grid VerticalAlignment="Stretch" Margin="0">
     96                 <Grid.RowDefinitions>
     97                     <RowDefinition Height="Auto"/>
     98                     <RowDefinition Height="*"/>
     99                 </Grid.RowDefinitions>
    100                 <Grid x:Name="grid1" Opacity="1" RenderTransformOrigin="0.5,0.5">
    101                     <Grid.RenderTransform>
    102                         <CompositeTransform/>
    103                     </Grid.RenderTransform>
    104                     <Grid.Background>
    105                         <SolidColorBrush Color="{ThemeResource ContentDialogDimmingColor}"/>
    106                     </Grid.Background>
    107                     <Grid.ColumnDefinitions>
    108                         <ColumnDefinition Width="*"/>
    109                         <ColumnDefinition Width="Auto"/>
    110                         <ColumnDefinition Width="Auto"/>
    111                     </Grid.ColumnDefinitions>
    112                     <Grid MinWidth="50" MinHeight="0" >
    113                         <Grid.ColumnDefinitions>
    114                             <ColumnDefinition Width="Auto"/>
    115                             <ColumnDefinition Width="Auto"/>
    116                         </Grid.ColumnDefinitions>
    117                         <Button >
    118                             <StackPanel Margin="10,0" Orientation="Horizontal">
    119                                 <StackPanel VerticalAlignment="Center" CacheMode="BitmapCache" x:Name="grid" Grid.Column="1" Margin="0">
    120                                     <TextBlock x:Name="videoName" Text="no media" TextWrapping="NoWrap" MinWidth="175" FontSize="18.667" VerticalAlignment="Center" FontFamily="Assets/Font/Custom/Raleway-Light.ttf#Raleway" Margin="0" HorizontalAlignment="Left" Foreground="White"/>
    121                                     <TextBlock Text="{Binding Text, ElementName=mediaDuration}" FontSize="13.333" VerticalAlignment="Center" Margin="0" FontFamily="Assets/Font/Custom/ClearSans-Thin.ttf#Clear Sans Thin" HorizontalAlignment="Left" Foreground="White"/>
    122                                 </StackPanel>
    123                             </StackPanel>
    124                         </Button>
    125                     </Grid>
    126                     <Button x:Name="button2" Grid.Column="1" MinWidth="0" Visibility="Collapsed"  Content="c"  FontFamily="Assets/Font/iconfont.ttf#iconfont"/>
    127                 </Grid>
    128                 <Grid RequestedTheme="Dark" x:Name="grid2" Grid.Row="1" Visibility="Visible" >
    129                     <Grid.RowDefinitions>
    130                         <RowDefinition Height="*"/>
    131                         <RowDefinition Height="Auto"/>
    132                     </Grid.RowDefinitions>
    133                     <Grid Tapped="Grid_Tapped">
    134                         <TextBlock x:Name="vidoeStats" Text="" FontSize="150" VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Assets/Font/iconfont.ttf#iconfont" />
    135                         <Rectangle x:Name="rectangle">
    136                             <Rectangle.Fill>
    137                                 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" Opacity="0.7">
    138                                     <GradientStop Color="Black" Offset="0"/>
    139                                     <GradientStop Color="Black" Offset="1"/>
    140                                     <GradientStop Offset="0.5"/>
    141                                     <GradientStop Offset="0.05" Color="{ThemeResource ContentDialogDimmingColor}"/>
    142                                     <GradientStop Offset="0.95" Color="{ThemeResource ContentDialogDimmingColor}"/>
    143                                 </LinearGradientBrush>
    144                             </Rectangle.Fill>
    145                         </Rectangle>
    146                         <Border Grid.Column="1" x:Name="border" VerticalAlignment="Center" RenderTransformOrigin="0.5,1">
    147                             <Border.RenderTransform>
    148                                 <CompositeTransform ScaleY="0"/>
    149                             </Border.RenderTransform>
    150                             <Border.Background>
    151                                 <SolidColorBrush Color="{ThemeResource ContentDialogDimmingColor}" Opacity="0.98"/>
    152                             </Border.Background>
    153                             <TextBlock  x:Name="sliderTimer" Margin="30" Text="{Binding Text, ElementName=currentDuration}" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30">
    154                                 <TextBlock.Foreground>
    155                                     <SolidColorBrush Color="{ThemeResource PhoneForegroundColor}"/>
    156                                 </TextBlock.Foreground>
    157                             </TextBlock>
    158                         </Border>
    159                     </Grid>
    160                     <Grid x:Name="grid3" VerticalAlignment="Bottom">
    161                         <ToggleButton x:Name="toggleButton" MinWidth="50" Content="X" FontFamily="Assets/Font/iconfont.ttf#iconfont" Style="{StaticResource ToggleButtonStyle}" VerticalAlignment="Bottom" Margin="10,0,0,25" RenderTransformOrigin="0.5,0.5">
    162                             <ToggleButton.RenderTransform>
    163                                 <CompositeTransform/>
    164                             </ToggleButton.RenderTransform>
    165                         </ToggleButton>
    166 
    167                         <ToggleButton x:Name="toggleButton1" Content="C" MinWidth="50" FontFamily="Assets/Font/iconfont.ttf#iconfont" Style="{StaticResource ToggleButtonStyle}" Margin="0,0,10,25" HorizontalAlignment="Right" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5">
    168                             <ToggleButton.RenderTransform>
    169                                 <CompositeTransform/>
    170                             </ToggleButton.RenderTransform>
    171                         </ToggleButton>
    172                     </Grid>
    173 
    174                     <Grid Grid.Row="1" VerticalAlignment="Center">
    175                         <StackPanel x:Name="stackPanel" RenderTransformOrigin="0.5,0.5">
    176                             <StackPanel.RenderTransform>
    177                                 <CompositeTransform/>
    178                             </StackPanel.RenderTransform>
    179                             <Grid>
    180                                 <Grid.Background>
    181                                     <SolidColorBrush Color="{ThemeResource ContentDialogDimmingColor}"/>
    182                                 </Grid.Background>
    183                                 <Grid.RowDefinitions>
    184                                     <RowDefinition Height="Auto"/>
    185                                     <RowDefinition Height="Auto"/>
    186                                 </Grid.RowDefinitions>
    187                                 <ProgressBar Value="0" Margin="10" x:Name="musicSlider" BorderBrush="{x:Null}" VerticalAlignment="Top" Height="5"/>
    188 
    189                                 <TextBlock x:Name="currentDuration"  Grid.Row="1" Text="--:--" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,5,0,5"/>
    190                                 <TextBlock x:Name="mediaDuration" Text="--:--" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,5,10,5"/>
    191                             </Grid>
    192                             <Grid>
    193                                 <Grid.Background>
    194                                     <SolidColorBrush Color="{ThemeResource ContentDialogDimmingColor}"/>
    195                                 </Grid.Background>
    196                                 <Grid>
    197                                     <Grid.ColumnDefinitions>
    198                                         <ColumnDefinition Width="*"/>
    199                                         <ColumnDefinition Width="*"/>
    200                                         <ColumnDefinition Width="*"/>
    201                                     </Grid.ColumnDefinitions>
    202                                     <Button  Content="6"  FontFamily="Assets/Font/iconfont.ttf#iconfont" FontSize="20" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    203                                     <Button x:Name="playPause" Grid.Column="1" Content="8" FontFamily="Assets/Font/iconfont.ttf#iconfont"  Click="PlayCurrent" FontSize="20" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    204                                     <Button Content="4" Grid.Column="2"  FontFamily="Assets/Font/iconfont.ttf#iconfont" FontSize="20" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    205                                 </Grid>
    206                             </Grid>
    207                         </StackPanel>
    208                     </Grid>
    209                 </Grid>
    210             </Grid>
    211         </Grid>
    212     </Grid>
    213 </Page>