<Page | |
x:Class="RingClientUWP.Views.VideoPage" | |
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" | |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" | |
xmlns:local="using:RingClientUWP" | |
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" | |
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" | |
mc:Ignorable="d"> | |
<Page.Resources> | |
<SolidColorBrush x:Key="SemiTransparentBlack" Color="#000000" Opacity="0.5"/> | |
<Storyboard x:Name="myStoryboard"> | |
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="_controlsBar_" | |
Storyboard.TargetProperty="Opacity" | |
Duration="0:0:4"> | |
<LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" /> | |
<LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" /> | |
<LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" /> | |
</DoubleAnimationUsingKeyFrames> | |
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="_headerBar_" | |
Storyboard.TargetProperty="Opacity" | |
Duration="0:0:4"> | |
<LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" /> | |
<LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" /> | |
<LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" /> | |
</DoubleAnimationUsingKeyFrames> | |
</Storyboard> | |
</Page.Resources> | |
<SplitView x:Name="_videoSplitView_" IsPaneOpen="False" OpenPaneLength="400" PanePlacement="Right"> | |
<SplitView.Pane> | |
<Frame x:Name="_chatPanel_"/> | |
</SplitView.Pane> | |
<SplitView.Content> | |
<Grid> | |
<Image x:Name="_videoControl_" | |
Source="ms-appx:///fond-video.png" | |
PointerMoved="_videoControl__PointerMoved" | |
Stretch="UniformToFill"/> | |
<StackPanel x:Name="_headerBar_" | |
Background="{StaticResource SemiTransparentBlack}" | |
HorizontalAlignment="Stretch" | |
VerticalAlignment="Top" | |
Height="50"> | |
<TextBlock x:Name="_callee_" | |
Text="callee" | |
Foreground="White" | |
Margin="20,10"/> | |
</StackPanel> | |
<StackPanel x:Name="_controlsBar_" | |
HorizontalAlignment="Center" | |
VerticalAlignment="Bottom" | |
Orientation="Horizontal"> | |
<StackPanel.Resources> | |
<Style TargetType="Button"> | |
<Setter Property="Margin" Value="10,30"/> | |
<Setter Property="Width" Value="40"/> | |
<Setter Property="Height" Value="40"/> | |
<Setter Property="Foreground" Value="White"/> | |
<Setter Property="BorderBrush" Value="White"/> | |
</Style> | |
</StackPanel.Resources> | |
<Button x:Name="_btnHangUp_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnHangUp__Tapped"> | |
<SymbolIcon Symbol="HangUp"/> | |
</Button> | |
<Button x:Name="_btnPause_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnPause__Tapped"> | |
<SymbolIcon Symbol="Pause"/> | |
</Button> | |
<Button x:Name="_btnChat_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnChat__Tapped"> | |
<SymbolIcon Symbol="Message"/> | |
</Button> | |
<Button x:Name="_btnAddFriend_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnAddFriend__Tapped"> | |
<SymbolIcon Symbol="AddFriend"/> | |
</Button> | |
<Button x:Name="_btnSwitch_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnSwitch__Tapped"> | |
<SymbolIcon Symbol="Switch"/> | |
</Button> | |
<Button x:Name="_btnMicrophone_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnMicrophone__Tapped"> | |
<SymbolIcon Symbol="Microphone"/> | |
</Button> | |
<Button x:Name="_btnVideo_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnVideo__Tapped"> | |
<SymbolIcon Symbol="Video"/> | |
</Button> | |
<Button x:Name="_btnMemo_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnMemo__Tapped"> | |
<SymbolIcon Symbol="Memo"/> | |
</Button> | |
<Button x:Name="_btnHQ_" | |
PointerEntered="btnAny_entered" | |
PointerExited="btnAny_exited" | |
Tapped="_btnHQ__Tapped"> | |
<TextBlock Text="HQ"/> | |
</Button> | |
</StackPanel> | |
</Grid> | |
</SplitView.Content> | |
</SplitView> | |
</Page> |