API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2018
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 36.71 KB | None | 0 0
raw download clone embed print report
  1. <Page
  2.    x:Class="musicPlayer.MainPage"
  3.    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  4.    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  5.    xmlns:local="using:musicPlayer"
  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.     <Page.Resources>
  10.         <Style x:Key="MyMediaTransportControlsStyle" TargetType="MediaTransportControls">
  11.             <Setter Property="IsTabStop" Value="False"/>
  12.             <Setter Property="Background" Value="Transparent"/>
  13.             <Setter Property="FlowDirection" Value="LeftToRight"/>
  14.             <Setter Property="UseSystemFocusVisuals" Value="True"/>
  15.             <Setter Property="IsTextScaleFactorEnabled" Value="False"/>
  16.             <Setter Property="Template">
  17.                 <Setter.Value>
  18.                     <ControlTemplate TargetType="MediaTransportControls">
  19.                         <Grid x:Name="RootGrid" Background="Transparent">
  20.                             <Grid.Resources>
  21.                                 <Style x:Key="AppBarButtonStyle" TargetType="AppBarButton">
  22.                                     <Setter Property="Width" Value="{ThemeResource MTCMediaButtonWidth}"/>
  23.                                     <Setter Property="Height" Value="{ThemeResource MTCMediaButtonHeight}"/>
  24.                                     <Setter Property="AllowFocusOnInteraction" Value="True"/>
  25.                                 </Style>
  26.                                 <Style x:Key="AppBarToggleButtonStyle" TargetType="AppBarToggleButton">
  27.                                     <Setter Property="Width" Value="{ThemeResource MTCMediaButtonWidth}"/>
  28.                                     <Setter Property="Height" Value="{ThemeResource MTCMediaButtonHeight}"/>
  29.                                     <Setter Property="AllowFocusOnInteraction" Value="True"/>
  30.                                 </Style>
  31.                                 <Style x:Key="CommandBarStyle" TargetType="CommandBar">
  32.                                     <Setter Property="Height" Value="{ThemeResource MTCMediaButtonHeight}"/>
  33.                                     <Setter Property="Background" Value="Transparent"/>
  34.                                 </Style>
  35.                                 <Style x:Key="MediaTextBlockStyle" TargetType="TextBlock">
  36.                                     <Setter Property="VerticalAlignment" Value="Center"/>
  37.                                     <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
  38.                                     <Setter Property="FontSize" Value="{ThemeResource MTCMediaFontSize}"/>
  39.                                     <Setter Property="FontFamily" Value="{ThemeResource MTCMediaFontFamily}"/>
  40.                                     <Setter Property="Style" Value="{ThemeResource CaptionTextBlockStyle}"/>
  41.                                     <Setter Property="IsTextScaleFactorEnabled" Value="False"/>
  42.                                 </Style>
  43.                                 <Style x:Key="MediaSliderStyle" TargetType="Slider">
  44.                                     <Setter Property="Background" Value="{ThemeResource SliderTrackFill}"/>
  45.                                     <Setter Property="BorderThickness" Value="{ThemeResource SliderBorderThemeThickness}"/>
  46.                                     <Setter Property="Foreground" Value="{ThemeResource SliderTrackValueFill}"/>
  47.                                     <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
  48.                                     <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
  49.                                     <Setter Property="ManipulationMode" Value="None"/>
  50.                                     <Setter Property="UseSystemFocusVisuals" Value="True"/>
  51.                                     <Setter Property="FocusVisualMargin" Value="-7,0,-7,0"/>
  52.                                     <Setter Property="IsFocusEngagementEnabled" Value="True"/>
  53.                                     <Setter Property="Template">
  54.                                         <Setter.Value>
  55.                                             <ControlTemplate TargetType="Slider">
  56.                                                 <Grid Margin="{TemplateBinding Padding}">
  57.                                                     <Grid.Resources>
  58.                                                         <Style x:Key="SliderThumbStyle" TargetType="Thumb">
  59.                                                             <Setter Property="BorderThickness" Value="0"/>
  60.                                                             <Setter Property="Background" Value="{ThemeResource SliderThumbBackground}"/>
  61.                                                             <Setter Property="Foreground" Value="{ThemeResource SystemControlBackgroundChromeMediumBrush}"/>
  62.                                                             <Setter Property="Template">
  63.                                                                 <Setter.Value>
  64.                                                                     <ControlTemplate TargetType="Thumb">
  65.                                                                         <Ellipse x:Name="ellipse" Fill="{TemplateBinding Foreground}" StrokeThickness="2" Stroke="{TemplateBinding Background}"/>
  66.                                                                     </ControlTemplate>
  67.                                                                 </Setter.Value>
  68.                                                             </Setter>
  69.                                                         </Style>
  70.                                                         <Style x:Key="MediaSliderProgressBarStyle" TargetType="ProgressBar">
  71.                                                             <Setter Property="Height" Value="{ThemeResource SliderTrackThemeHeight}"/>
  72.                                                             <Setter Property="Minimum" Value="0"/>
  73.                                                             <Setter Property="Maximum" Value="100"/>
  74.                                                             <Setter Property="Foreground" Value="{ThemeResource SystemControlHighlightChromeAltLowBrush}"/>
  75.                                                             <Setter Property="Background" Value="Transparent"/>
  76.                                                             <Setter Property="BorderBrush" Value="Transparent"/>
  77.                                                             <Setter Property="BorderThickness" Value="1"/>
  78.                                                         </Style>
  79.                                                     </Grid.Resources>
  80.                                                     <Grid.RowDefinitions>
  81.                                                         <RowDefinition Height="Auto"/>
  82.                                                         <RowDefinition Height="*"/>
  83.                                                     </Grid.RowDefinitions>
  84.                                                     <VisualStateManager.VisualStateGroups>
  85.                                                         <VisualStateGroup x:Name="CommonStates">
  86.                                                             <VisualState x:Name="Normal"/>
  87.                                                             <VisualState x:Name="Pressed">
  88.                                                                 <Storyboard>
  89.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalTrackRect" Storyboard.TargetProperty="Fill">
  90.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillPressed}"/>
  91.                                                                     </ObjectAnimationUsingKeyFrames>
  92.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalTrackRect" Storyboard.TargetProperty="Fill">
  93.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillPressed}"/>
  94.                                                                     </ObjectAnimationUsingKeyFrames>
  95.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="Background">
  96.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundPressed}"/>
  97.                                                                     </ObjectAnimationUsingKeyFrames>
  98.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalThumb" Storyboard.TargetProperty="Background">
  99.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundPressed}"/>
  100.                                                                     </ObjectAnimationUsingKeyFrames>
  101.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SliderContainer" Storyboard.TargetProperty="Background">
  102.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderContainerBackgroundPressed}"/>
  103.                                                                     </ObjectAnimationUsingKeyFrames>
  104.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalDecreaseRect" Storyboard.TargetProperty="Fill">
  105.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillPressed}"/>
  106.                                                                     </ObjectAnimationUsingKeyFrames>
  107.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalDecreaseRect" Storyboard.TargetProperty="Fill">
  108.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillPressed}"/>
  109.                                                                     </ObjectAnimationUsingKeyFrames>
  110.                                                                 </Storyboard>
  111.                                                             </VisualState>
  112.                                                             <VisualState x:Name="Disabled">
  113.                                                                 <Storyboard>
  114.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentPresenter" Storyboard.TargetProperty="Foreground">
  115.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderHeaderForegroundDisabled}"/>
  116.                                                                     </ObjectAnimationUsingKeyFrames>
  117.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalDecreaseRect" Storyboard.TargetProperty="Fill">
  118.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillDisabled}"/>
  119.                                                                     </ObjectAnimationUsingKeyFrames>
  120.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalTrackRect" Storyboard.TargetProperty="Fill">
  121.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillDisabled}"/>
  122.                                                                     </ObjectAnimationUsingKeyFrames>
  123.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalDecreaseRect" Storyboard.TargetProperty="Fill">
  124.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillDisabled}"/>
  125.                                                                     </ObjectAnimationUsingKeyFrames>
  126.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalTrackRect" Storyboard.TargetProperty="Fill">
  127.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillDisabled}"/>
  128.                                                                     </ObjectAnimationUsingKeyFrames>
  129.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="Background">
  130.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundDisabled}"/>
  131.                                                                     </ObjectAnimationUsingKeyFrames>
  132.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalThumb" Storyboard.TargetProperty="Background">
  133.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundDisabled}"/>
  134.                                                                     </ObjectAnimationUsingKeyFrames>
  135.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TopTickBar" Storyboard.TargetProperty="Fill">
  136.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTickBarFillDisabled}"/>
  137.                                                                     </ObjectAnimationUsingKeyFrames>
  138.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BottomTickBar" Storyboard.TargetProperty="Fill">
  139.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTickBarFillDisabled}"/>
  140.                                                                     </ObjectAnimationUsingKeyFrames>
  141.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LeftTickBar" Storyboard.TargetProperty="Fill">
  142.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTickBarFillDisabled}"/>
  143.                                                                     </ObjectAnimationUsingKeyFrames>
  144.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RightTickBar" Storyboard.TargetProperty="Fill">
  145.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTickBarFillDisabled}"/>
  146.                                                                     </ObjectAnimationUsingKeyFrames>
  147.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SliderContainer" Storyboard.TargetProperty="Background">
  148.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderContainerBackgroundDisabled}"/>
  149.                                                                     </ObjectAnimationUsingKeyFrames>
  150.                                                                 </Storyboard>
  151.                                                             </VisualState>
  152.                                                             <VisualState x:Name="PointerOver">
  153.                                                                 <Storyboard>
  154.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalTrackRect" Storyboard.TargetProperty="Fill">
  155.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillPointerOver}"/>
  156.                                                                     </ObjectAnimationUsingKeyFrames>
  157.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalTrackRect" Storyboard.TargetProperty="Fill">
  158.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackFillPointerOver}"/>
  159.                                                                     </ObjectAnimationUsingKeyFrames>
  160.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="Background">
  161.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundPointerOver}"/>
  162.                                                                     </ObjectAnimationUsingKeyFrames>
  163.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalThumb" Storyboard.TargetProperty="Background">
  164.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderThumbBackgroundPointerOver}"/>
  165.                                                                     </ObjectAnimationUsingKeyFrames>
  166.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SliderContainer" Storyboard.TargetProperty="Background">
  167.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderContainerBackgroundPointerOver}"/>
  168.                                                                     </ObjectAnimationUsingKeyFrames>
  169.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalDecreaseRect" Storyboard.TargetProperty="Fill">
  170.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillPointerOver}"/>
  171.                                                                     </ObjectAnimationUsingKeyFrames>
  172.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalDecreaseRect" Storyboard.TargetProperty="Fill">
  173.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SliderTrackValueFillPointerOver}"/>
  174.                                                                     </ObjectAnimationUsingKeyFrames>
  175.                                                                 </Storyboard>
  176.                                                             </VisualState>
  177.                                                         </VisualStateGroup>
  178.                                                         <VisualStateGroup x:Name="FocusEngagementStates">
  179.                                                             <VisualState x:Name="FocusDisengaged"/>
  180.                                                             <VisualState x:Name="FocusEngagedHorizontal">
  181.                                                                 <Storyboard>
  182.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SliderContainer" Storyboard.TargetProperty="(Control.IsTemplateFocusTarget)">
  183.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
  184.                                                                     </ObjectAnimationUsingKeyFrames>
  185.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="(Control.IsTemplateFocusTarget)">
  186.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
  187.                                                                     </ObjectAnimationUsingKeyFrames>
  188.                                                                 </Storyboard>
  189.                                                             </VisualState>
  190.                                                             <VisualState x:Name="FocusEngagedVertical">
  191.                                                                 <Storyboard>
  192.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SliderContainer" Storyboard.TargetProperty="(Control.IsTemplateFocusTarget)">
  193.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
  194.                                                                     </ObjectAnimationUsingKeyFrames>
  195.                                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalThumb" Storyboard.TargetProperty="(Control.IsTemplateFocusTarget)">
  196.                                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
  197.                                                                     </ObjectAnimationUsingKeyFrames>
  198.                                                                 </Storyboard>
  199.                                                             </VisualState>
  200.                                                         </VisualStateGroup>
  201.                                                     </VisualStateManager.VisualStateGroups>
  202.                                                     <ContentPresenter x:Name="HeaderContentPresenter" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" FontWeight="{ThemeResource SliderHeaderThemeFontWeight}" Foreground="{ThemeResource SliderHeaderForeground}" Margin="{ThemeResource SliderHeaderThemeMargin}" TextWrapping="Wrap" Visibility="Collapsed" x:DeferLoadStrategy="Lazy"/>
  203.                                                     <Grid x:Name="SliderContainer" Background="{ThemeResource SliderContainerBackground}" Control.IsTemplateFocusTarget="True" Grid.Row="1">
  204.                                                         <Grid x:Name="HorizontalTemplate" MinHeight="44">
  205.                                                             <Grid.ColumnDefinitions>
  206.                                                                 <ColumnDefinition Width="Auto"/>
  207.                                                                 <ColumnDefinition Width="Auto"/>
  208.                                                                 <ColumnDefinition Width="*"/>
  209.                                                             </Grid.ColumnDefinitions>
  210.                                                             <Grid.RowDefinitions>
  211.                                                                 <RowDefinition Height="18"/>
  212.                                                                 <RowDefinition Height="Auto"/>
  213.                                                                 <RowDefinition Height="18"/>
  214.                                                             </Grid.RowDefinitions>
  215.                                                             <Rectangle x:Name="HorizontalTrackRect" Grid.ColumnSpan="3" Fill="{TemplateBinding Background}" Height="{ThemeResource SliderTrackThemeHeight}" Grid.Row="1"/>
  216.                                                             <ProgressBar x:Name="DownloadProgressIndicator" Grid.ColumnSpan="3" HorizontalAlignment="Stretch" Grid.Row="1" Style="{StaticResource MediaSliderProgressBarStyle}" VerticalAlignment="Center"/>
  217.                                                             <Rectangle x:Name="HorizontalDecreaseRect" Fill="{TemplateBinding Foreground}" Grid.Row="1"/>
  218.                                                             <TickBar x:Name="TopTickBar" Grid.ColumnSpan="3" Fill="{ThemeResource SliderTickBarFill}" Height="{ThemeResource SliderOutsideTickBarThemeHeight}" Margin="0,0,0,4" VerticalAlignment="Bottom" Visibility="Collapsed"/>
  219.                                                             <TickBar x:Name="HorizontalInlineTickBar" Grid.ColumnSpan="3" Fill="{ThemeResource SliderInlineTickBarFill}" Height="{ThemeResource SliderTrackThemeHeight}" Grid.Row="1" Visibility="Collapsed"/>
  220.                                                             <TickBar x:Name="BottomTickBar" Grid.ColumnSpan="3" Fill="{ThemeResource SliderTickBarFill}" Height="{ThemeResource SliderOutsideTickBarThemeHeight}" Margin="0,4,0,0" Grid.Row="2" VerticalAlignment="Top" Visibility="Collapsed"/>
  221.                                                             <Thumb x:Name="HorizontalThumb" AutomationProperties.AccessibilityView="Raw" Grid.Column="1"  Height="24" Grid.RowSpan="3" Grid.Row="0" Style="{StaticResource SliderThumbStyle}" Width="24">
  222.                                                                 <Thumb.DataContext>
  223.                                                                     <Grid Height="112" Width="192">
  224.                                                                         <Image x:Name="ThumbnailImage"/>
  225.                                                                         <Border Background="{ThemeResource SystemControlBackgroundBaseMediumBrush}" HorizontalAlignment="Left" VerticalAlignment="Bottom">
  226.                                                                             <TextBlock x:Name="TimeElapsedPreview" Foreground="{ThemeResource SystemControlPageTextBaseMediumBrush}" IsTextScaleFactorEnabled="False" Margin="6,1,6,3" Style="{StaticResource BodyTextBlockStyle}"/>
  227.                                                                         </Border>
  228.                                                                     </Grid>
  229.                                                                 </Thumb.DataContext>
  230.                                                                 <ToolTipService.ToolTip>
  231.                                                                     <ToolTip x:Name="ThumbnailTooltip">
  232.                                                                         <ContentPresenter Content="{Binding}"/>
  233.                                                                     </ToolTip>
  234.                                                                 </ToolTipService.ToolTip>
  235.                                                             </Thumb>
  236.                                                         </Grid>
  237.                                                         <Grid x:Name="VerticalTemplate" MinWidth="44" Visibility="Collapsed">
  238.                                                             <Grid.ColumnDefinitions>
  239.                                                                 <ColumnDefinition Width="18"/>
  240.                                                                 <ColumnDefinition Width="Auto"/>
  241.                                                                 <ColumnDefinition Width="18"/>
  242.                                                             </Grid.ColumnDefinitions>
  243.                                                             <Grid.RowDefinitions>
  244.                                                                 <RowDefinition Height="*"/>
  245.                                                                 <RowDefinition Height="Auto"/>
  246.                                                                 <RowDefinition Height="Auto"/>
  247.                                                             </Grid.RowDefinitions>
  248.                                                             <Rectangle x:Name="VerticalTrackRect" Grid.Column="1" Fill="{TemplateBinding Background}" Grid.RowSpan="3" Width="{ThemeResource SliderTrackThemeHeight}"/>
  249.                                                             <Rectangle x:Name="VerticalDecreaseRect" Grid.Column="1" Fill="{TemplateBinding Foreground}" Grid.Row="2"/>
  250.                                                             <TickBar x:Name="LeftTickBar" Fill="{ThemeResource SliderTickBarFill}" HorizontalAlignment="Right" Margin="0,0,4,0" Grid.RowSpan="3" Visibility="Collapsed" Width="{ThemeResource SliderOutsideTickBarThemeHeight}"/>
  251.                                                             <TickBar x:Name="VerticalInlineTickBar" Grid.Column="1" Fill="{ThemeResource SliderInlineTickBarFill}" Grid.RowSpan="3" Visibility="Collapsed" Width="{ThemeResource SliderTrackThemeHeight}"/>
  252.                                                             <TickBar x:Name="RightTickBar" Grid.Column="2" Fill="{ThemeResource SliderTickBarFill}" HorizontalAlignment="Left" Margin="4,0,0,0" Grid.RowSpan="3" Visibility="Collapsed" Width="{ThemeResource SliderOutsideTickBarThemeHeight}"/>
  253.                                                             <Thumb x:Name="VerticalThumb" AutomationProperties.AccessibilityView="Raw" Grid.ColumnSpan="3" Grid.Column="0" DataContext="{TemplateBinding Value}"  Height="8" Grid.Row="1" Style="{StaticResource SliderThumbStyle}" Width="24"/>
  254.                                                         </Grid>
  255.                                                     </Grid>
  256.                                                 </Grid>
  257.                                             </ControlTemplate>
  258.                                         </Setter.Value>
  259.                                     </Setter>
  260.                                 </Style>
  261.                                 <Style x:Key="FlyoutStyle" TargetType="FlyoutPresenter">
  262.                                     <Setter Property="Background" Value="{ThemeResource MediaTransportControlsPanelBackground}"/>
  263.                                     <Setter Property="Padding" Value="0"/>
  264.                                 </Style>
  265.                             </Grid.Resources>
  266.                             <VisualStateManager.VisualStateGroups>
  267.                                 <VisualStateGroup x:Name="ControlPanelVisibilityStates">
  268.                                     <VisualState x:Name="ControlPanelFadeIn">
  269.                                         <Storyboard>
  270.                                             <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border" Storyboard.TargetProperty="Opacity">
  271.                                                 <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
  272.                                                 <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/>
  273.                                             </DoubleAnimationUsingKeyFrames>
  274.                                             <DoubleAnimation Duration="0:0:0.3" From="50" Storyboard.TargetName="TranslateVertical" Storyboard.TargetProperty="Y" To="0.5"/>
  275.                                         </Storyboard>
  276.                                     </VisualState>
  277.                                     <VisualState x:Name="ControlPanelFadeOut">
  278.                                         <Storyboard>
  279.                                             <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border" Storyboard.TargetProperty="Opacity">
  280.                                                 <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
  281.                                                 <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
  282.                                             </DoubleAnimationUsingKeyFrames>
  283.                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ControlPanel_ControlPanelVisibilityStates_Border" Storyboard.TargetProperty="IsHitTestVisible">
  284.                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
  285.                                             </ObjectAnimationUsingKeyFrames>
  286.                                             <DoubleAnimation Duration="0:0:0.7" From="0.5" Storyboard.TargetName="TranslateVertical" Storyboard.TargetProperty="Y" To="50"/>
  287.                                         </Storyboard>
  288.                                     </VisualState>
  289.                                 </VisualStateGroup>
  290.                                 <VisualStateGroup x:Name="MediaStates">
  291.                                     <VisualState x:Name="Normal"/>
  292.                                     <VisualState x:Name="Buffering">
  293.                                         <VisualState.Setters>
  294.                                             <Setter Target="BufferingProgressBar.Visibility" Value="Visible"/>
  295.                                         </VisualState.Setters>
  296.                                     </VisualState>
  297.                                     <VisualState x:Name="Loading">
  298.                                         <VisualState.Setters>
  299.                                             <Setter Target="BufferingProgressBar.Visibility" Value="Visible"/>
  300.                                         </VisualState.Setters>
  301.                                         <Storyboard>
  302.                                             <DoubleAnimation Duration="0" Storyboard.TargetName="ProgressSlider" Storyboard.TargetProperty="Opacity" To="0"/>
  303.                                             <DoubleAnimation Duration="0" Storyboard.TargetName="MediaControlsCommandBar" Storyboard.TargetProperty="Opacity" To="0"/>
  304.                                         </Storyboard>
  305.                                     </VisualState>
  306.                                     <VisualState x:Name="Error">
  307.                                         <VisualState.Setters>
  308.                                             <Setter Target="ErrorBorder.Visibility" Value="Visible"/>
  309.                                         </VisualState.Setters>
  310.                                     </VisualState>
  311.                                     <VisualState x:Name="Disabled">
  312.                                         <Storyboard/>
  313.                                     </VisualState>
  314.                                 </VisualStateGroup>
  315.                                 <VisualStateGroup x:Name="AudioSelectionAvailablityStates">
  316.                                     <VisualState x:Name="AudioSelectionAvailable">
  317.                                         <VisualState.Setters>
  318.                                             <Setter Target="AudioTracksSelectionButton.Visibility" Value="Visible"/>
  319.                                         </VisualState.Setters>
  320.                                     </VisualState>
  321.                                     <VisualState x:Name="AudioSelectionUnavailable"/>
  322.                                 </VisualStateGroup>
  323.                                 <VisualStateGroup x:Name="CCSelectionAvailablityStates">
  324.                                     <VisualState x:Name="CCSelectionAvailable">
  325.                                         <VisualState.Setters>
  326.                                             <Setter Target="CCSelectionButton.Visibility" Value="Visible"/>
  327.                                         </VisualState.Setters>
  328.                                     </VisualState>
  329.                                     <VisualState x:Name="CCSelectionUnavailable"/>
  330.                                 </VisualStateGroup>
  331.                                 <VisualStateGroup x:Name="FocusStates">
  332.                                     <VisualState x:Name="Focused">
  333.                                         <Storyboard>
  334.                                             <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity" To="1"/>
  335.                                             <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity" To="1"/>
  336.                                         </Storyboard>
  337.                                     </VisualState>
  338.                                     <VisualState x:Name="Unfocused"/>
  339.                                     <VisualState x:Name="PointerFocused"/>
  340.                                 </VisualStateGroup>
  341.                                 <VisualStateGroup x:Name="MediaTransportControlMode">
  342.                                     <VisualState x:Name="NormalMode"/>
  343.                                     <VisualState x:Name="CompactMode">
  344.                                         <VisualState.Setters>
  345.                                             <Setter Target="LeftSidePlayBorder.Visibility" Value="Visible"/>
  346.                                             <Setter Target="TimeTextGrid.Visibility" Value="Collapsed"/>
  347.                                             <Setter Target="MediaTransportControls_Command_Border.(Grid.Column)" Value="2"/>
  348.                                             <Setter Target="MediaTransportControls_Command_Border.(Grid.Row)" Value="1"/>
  349.                                             <Setter Target="MediaControlsCommandBar.Margin" Value="0"/>
  350.                                             <Setter Target="PlayPauseButton.Visibility" Value="Collapsed"/>
  351.                                         </VisualState.Setters>
  352.                                     </VisualState>
  353.                                 </VisualStateGroup>
  354.                                 <VisualStateGroup x:Name="PlayPauseStates">
  355.                                     <VisualState x:Name="PlayState"/>
  356.                                     <VisualState x:Name="PauseState">
  357.                                         <VisualState.Setters>
  358.                                             <Setter Target="PlayPauseSymbolLeft.Symbol" Value="Pause"/>
  359.                                             <Setter Target="PlayPauseSymbol.Symbol" Value="Pause"/>
  360.                                         </VisualState.Setters>
  361.                                     </VisualState>
  362.                                 </VisualStateGroup>
  363.                                 <VisualStateGroup x:Name="VolumeMuteStates">
  364.                                     <VisualState x:Name="VolumeState"/>
  365.                                     <VisualState x:Name="MuteState">
  366.                                         <VisualState.Setters>
  367.                                             <Setter Target="AudioMuteSymbol.Symbol" Value="Mute"/>
  368.                                             <Setter Target="VolumeMuteSymbol.Symbol" Value="Mute"/>
  369.                                         </VisualState.Setters>
  370.                                     </VisualState>
  371.                                 </VisualStateGroup>
  372.                                 <VisualStateGroup x:Name="FullWindowStates">
  373.                                     <VisualState x:Name="NonFullWindowState"/>
  374.                                     <VisualState x:Name="FullWindowState">
  375.                                         <VisualState.Setters>
  376.                                             <Setter Target="FullWindowSymbol.Symbol" Value="BackToWindow"/>
  377.                                         </VisualState.Setters>
  378.                                     </VisualState>
  379.                                 </VisualStateGroup>
  380.                                 <VisualStateGroup x:Name="RepeatStates">
  381.                                     <VisualState x:Name="RepeatNoneState"/>
  382.                                     <VisualState x:Name="RepeatOneState">
  383.                                         <VisualState.Setters>
  384.                                             <Setter Target="RepeatSymbol.Symbol" Value="RepeatOne"/>
  385.                                             <Setter Target="RepeatButton.IsChecked" Value="True"/>
  386.                                         </VisualState.Setters>
  387.                                     </VisualState>
  388.                                     <VisualState x:Name="RepeatAllState">
  389.                                         <VisualState.Setters>
  390.                                             <Setter Target="RepeatButton.IsChecked" Value="True"/>
  391.                                         </VisualState.Setters>
  392.                                     </VisualState>
  393.                                 </VisualStateGroup>
  394.                             </VisualStateManager.VisualStateGroups>
  395.                             <Border x:Name="ControlPanel_ControlPanelVisibilityStates_Border">
  396.                                 <Grid x:Name="ControlPanelGrid" Background="{ThemeResource MediaTransportControlsPanelBackground}" RenderTransformOrigin="0.5,0.5" VerticalAlignment="Bottom">
  397.                                     <Grid.ColumnDefinitions>
  398.                                         <ColumnDefinition Width="Auto"/>
  399.                                         <ColumnDefinition Width="*"/>
  400.                                         <ColumnDefinition Width="Auto"/>
  401.                                     </Grid.ColumnDefinitions>
  402.                                     <Grid.RowDefinitions>
  403.                                         <RowDefinition Height="Auto"/>
  404.                                         <RowDefinition Height="*"/>
  405.                                         <RowDefinition Height="Auto"/>
  406.                                     </Grid.RowDefinitions>
  407.                                     <Grid.RenderTransform>
  408.                                         <TranslateTransform x:Name="TranslateVertical"/>
  409.                                     </Grid.RenderTransform>
  410.                                     <Border x:Name="ErrorBorder" Background="{ThemeResource MediaTransportControlsPanelBackground}" Grid.ColumnSpan="3" HorizontalAlignment="Center" Height="96" Visibility="Collapsed" Width="320">
  411.                                         <TextBlock x:Name="ErrorTextBlock" Margin="12" Style="{StaticResource MediaTextBlockStyle}" TextWrapping="WrapWholeWords"/>
  412.                                     </Border>
  413.                                     <Border x:Name="MediaTransportControls_Timeline_Border" Grid.Column="1" Grid.Row="1">
  414.                                         <Grid x:Name="MediaTransportControls_Timeline_Grid">
  415.                                             <Grid.ColumnDefinitions>
  416.                                                 <ColumnDefinition/>
  417.                                             </Grid.ColumnDefinitions>
  418.                                             <Grid.RowDefinitions>
  419.                                                 <RowDefinition/>
  420.                                                 <RowDefinition Height="Auto"/>
  421.                                             </Grid.RowDefinitions>
  422.                                             <Slider x:Name="ProgressSlider" Height="33" IsThumbToolTipEnabled="False" MinWidth="80" Margin="12,0" Style="{StaticResource MediaSliderStyle}" VerticalAlignment="Center"/>
  423.                                             <ProgressBar x:Name="BufferingProgressBar" Height="4" IsIndeterminate="True" IsHitTestVisible="False" Margin="0,2,0,0" VerticalAlignment="Top" Visibility="Collapsed"/>
  424.                                             <Grid x:Name="TimeTextGrid" Height="15" Margin="12,0" Grid.Row="1">
  425.                                                 <TextBlock x:Name="TimeElapsedElement" HorizontalAlignment="Left" Margin="0" Style="{StaticResource MediaTextBlockStyle}" Text="00:00" VerticalAlignment="Bottom"/>
  426.                                                 <TextBlock x:Name="TimeRemainingElement" HorizontalAlignment="Right" Style="{StaticResource MediaTextBlockStyle}" Text="00:00" VerticalAlignment="Bottom"/>
  427.                                                 <TextBlock x:Name="MediaNameElement" HorizontalAlignment="Center"  Text="{Binding name}" VerticalAlignment="Bottom"/>
  428.                                             </Grid>
  429.                                         </Grid>
  430.                                     </Border>
  431.                                     <Border x:Name="LeftSidePlayBorder" Grid.Column="0" Grid.Row="1" Visibility="Collapsed">
  432.                                         <AppBarButton x:Name="PlayPauseButtonOnLeft" Margin="0" Style="{StaticResource AppBarButtonStyle}" VerticalAlignment="Center">
  433.                                             <AppBarButton.Icon>
  434.                                                 <SymbolIcon x:Name="PlayPauseSymbolLeft" Symbol="Play"/>
  435.                                             </AppBarButton.Icon>
  436.                                         </AppBarButton>
  437.  
  438.                                     </Border>
  439.  
  440.                                     <Border x:Name="MediaTransportControls_Command_Border" Grid.Column="1" Grid.Row="2">
  441.                                         <CommandBar x:Name="MediaControlsCommandBar"  Margin="0,0" Style="{StaticResource CommandBarStyle}">
  442.                                             <AppBarButton x:Name="VolumeMuteButton" MediaTransportControlsHelper.DropoutOrder="19" Style="{StaticResource AppBarButtonStyle}">
  443.                                                 <AppBarButton.Flyout>
  444.                                                     <Flyout x:Name="VolumeFlyout" FlyoutPresenterStyle="{StaticResource FlyoutStyle}">
  445.                                                         <StackPanel Orientation="Horizontal">
  446.                                                             <AppBarButton x:Name="AudioMuteButton" HorizontalAlignment="Center" Margin="12" Style="{StaticResource AppBarButtonStyle}" VerticalAlignment="Center">
  447.                                                                 <AppBarButton.Icon>
  448.                                                                     <SymbolIcon x:Name="AudioMuteSymbol" Symbol="Volume"/>
  449.                                                                 </AppBarButton.Icon>
  450.                                                             </AppBarButton>
  451.                                                             <Slider x:Name="VolumeSlider" HorizontalAlignment="Center" IsThumbToolTipEnabled="False" Margin="0" VerticalAlignment="Center" Value="50" Width="{ThemeResource MTCHorizontalVolumeSliderWidth}"/>
  452.                                                             <TextBlock x:Name="VolumeValue" HorizontalAlignment="Center" Margin="12" Style="{StaticResource MediaTextBlockStyle}" Text="{Binding Value, ElementName=VolumeSlider}" VerticalAlignment="Center" Width="24"/>
  453.                                                         </StackPanel>
  454.                                                     </Flyout>
  455.                                                 </AppBarButton.Flyout>
  456.                                                 <AppBarButton.Icon>
  457.                                                     <SymbolIcon x:Name="VolumeMuteSymbol" Symbol="Volume"/>
  458.                                                 </AppBarButton.Icon>
  459.                                             </AppBarButton>
  460.                                             <AppBarButton x:Name="CCSelectionButton" MediaTransportControlsHelper.DropoutOrder="15" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  461.                                                 <AppBarButton.Icon>
  462.                                                     <FontIcon Glyph="&#xED1E;"/>
  463.                                                 </AppBarButton.Icon>
  464.                                             </AppBarButton>
  465.                                             <AppBarButton x:Name="AudioTracksSelectionButton" MediaTransportControlsHelper.DropoutOrder="13" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  466.                                                 <AppBarButton.Icon>
  467.                                                     <FontIcon Glyph="&#xED1F;"/>
  468.                                                 </AppBarButton.Icon>
  469.                                             </AppBarButton>
  470.                                             <AppBarSeparator x:Name="LeftSeparator" Height="0" Margin="0,0" Width="0"/>
  471.                                             <AppBarButton x:Name="StopButton" MediaTransportControlsHelper.DropoutOrder="7" Icon="Stop" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed"/>
  472.                                             <AppBarButton x:Name="SkipBackwardButton" MediaTransportControlsHelper.DropoutOrder="5" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  473.                                                 <AppBarButton.Icon>
  474.                                                     <FontIcon Glyph="&#xED3C;"/>
  475.                                                 </AppBarButton.Icon>
  476.                                             </AppBarButton>
  477.                                             <AppBarButton x:Name="PreviousTrackButton" MediaTransportControlsHelper.DropoutOrder="3" Icon="Previous" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed"/>
  478.                                             <AppBarButton x:Name="RewindButton" MediaTransportControlsHelper.DropoutOrder="1" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  479.                                                 <AppBarButton.Icon>
  480.                                                     <FontIcon Glyph="&#xEB9E;"/>
  481.                                                 </AppBarButton.Icon>
  482.                                             </AppBarButton>
  483.                                             <AppBarButton x:Name='HideButton' Click="Hide_Click">
  484.                                                 <AppBarButton.Icon>
  485.                                                     <FontIcon Glyph="&#xEC15;"/>
  486.                                                 </AppBarButton.Icon>
  487.                                             </AppBarButton>
  488.                                             <AppBarButton x:Name="PlayPauseButton" MediaTransportControlsHelper.DropoutOrder="23" Style="{StaticResource AppBarButtonStyle}">
  489.                                                 <AppBarButton.Icon>
  490.                                                     <SymbolIcon x:Name="PlayPauseSymbol" Symbol="Play"/>
  491.                                                 </AppBarButton.Icon>
  492.                                             </AppBarButton>
  493.                                             <AppBarButton x:Name="FastForwardButton" MediaTransportControlsHelper.DropoutOrder="1" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  494.                                                 <AppBarButton.Icon>
  495.                                                     <FontIcon Glyph="&#xEB9D;"/>
  496.                                                 </AppBarButton.Icon>
  497.                                             </AppBarButton>
  498.                                             <AppBarButton x:Name="NextTrackButton" MediaTransportControlsHelper.DropoutOrder="3" Icon="Next" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed"/>
  499.                                             <AppBarButton x:Name="SkipForwardButton" MediaTransportControlsHelper.DropoutOrder="5" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  500.                                                 <AppBarButton.Icon>
  501.                                                     <FontIcon Glyph="&#xED3D;"/>
  502.                                                 </AppBarButton.Icon>
  503.                                             </AppBarButton>
  504.                                             <AppBarButton x:Name="PlaybackRateButton" MediaTransportControlsHelper.DropoutOrder="10" Style="{StaticResource AppBarButtonStyle}" Visibility="Collapsed">
  505.                                                 <AppBarButton.Icon>
  506.                                                     <FontIcon Glyph="&#xEC57;"/>
  507.                                                 </AppBarButton.Icon>
  508.                                             </AppBarButton>
  509.                                             <AppBarSeparator x:Name="RightSeparator" Height="0" Margin="0,0" Width="0"/>
  510.                                             <AppBarToggleButton x:Name="RepeatButton" MediaTransportControlsHelper.DropoutOrder="1" Style="{StaticResource AppBarToggleButtonStyle}" Visibility="Collapsed">
  511.                                                 <AppBarToggleButton.Icon>
  512.                                                     <SymbolIcon x:Name="RepeatSymbol" Symbol="RepeatAll"/>
  513.                                                 </AppBarToggleButton.Icon>
  514.                                             </AppBarToggleButton>
  515.                                             <AppBarButton x:Name="FullWindowButton" MediaTransportControlsHelper.DropoutOrder="17" Style="{StaticResource AppBarButtonStyle}">
  516.                                                 <AppBarButton.Icon>
  517.                                                     <SymbolIcon x:Name="FullWindowSymbol" Symbol="FullScreen"/>
  518.                                                 </AppBarButton.Icon>
  519.                                             </AppBarButton>
  520.  
  521.                                         </CommandBar>
  522.                                     </Border>
  523.                                 </Grid>
  524.                             </Border>
  525.                         </Grid>
  526.                     </ControlTemplate>
  527.                 </Setter.Value>
  528.             </Setter>
  529.         </Style>
  530.     </Page.Resources>
  531.  
  532.  
  533.     <Grid    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
  534.  
  535.         <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
  536.             <Grid.ColumnDefinitions>
  537.                 <ColumnDefinition Width="2*"/>
  538.                 <ColumnDefinition x:Name="HideCol" Width="400"/>
  539.             </Grid.ColumnDefinitions>
  540.             <Grid.RowDefinitions>
  541.                 <RowDefinition x:Name="HideRow" Height="80" ></RowDefinition>
  542.                 <RowDefinition Height="1*"></RowDefinition>
  543.             </Grid.RowDefinitions>
  544.  
  545.             <MediaElement x:Name="mediaPlayer" Grid.Row="1" Grid.Column="0"
  546.                          
  547.                 HorizontalAlignment="Stretch"
  548.                     MediaEnded="mediaPlayer_MediaEnded"
  549.                    AutoPlay="True"
  550.                    AreTransportControlsEnabled="True" AllowDrop="False" RequestedTheme="Dark" AutomationProperties.SizeOfSet="2" PosterSource="Assets/vinyl.png"  >
  551.                 <MediaElement.TransportControls>
  552.                     <MediaTransportControls Style="{StaticResource MyMediaTransportControlsStyle}" IsCompact="False" IsFastForwardButtonVisible="True" IsFastRewindButtonVisible="True" IsFastForwardEnabled="True" IsFastRewindEnabled="True"  IsFullWindowButtonVisible="False"/>
  553.  
  554.                 </MediaElement.TransportControls>
  555.             </MediaElement>
  556.             <TextBlock Text="Playlist" Grid.Row="0" Grid.Column="1" FontSize="55
  557.                        "></TextBlock>
  558.             <Button Content="Add file" Grid.Row="0" Grid.Column="1" Click="Button_Click" HorizontalAlignment="Right" Margin="10,0,10,0"/>
  559.             <ListView x:Name="trackListView"
  560.                  HorizontalAlignment="Stretch"
  561.                       Grid.Row="1" Grid.Column="1" SelectionChanged="trackListView_SelectionChanged"
  562.                  >
  563.                 <ListView.ItemTemplate>
  564.                     <DataTemplate>
  565.                         <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" >
  566.                             <TextBlock Text="{Binding name}" Margin="10,0,10,0" HorizontalAlignment="Left" DoubleTapped="StackPanel_DoubleTapped"></TextBlock>
  567.                             <Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Top" Tag="{Binding file}" Click="Button_Click_1"/>
  568.                         </StackPanel>
  569.                     </DataTemplate>
  570.                 </ListView.ItemTemplate>
  571.  
  572.             </ListView>
  573.  
  574.  
  575.  
  576.         </Grid>
  577.  
  578.     </Grid>
  579. </Page>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!