Import panel added
authorriley
Thu, 24 Sep 2009 18:13:36 +0200
changeset 117 c1222ecbf1b1
parent 116 42702f8fa007
child 119 7a370bfb4d77
Import panel added
src/FingersDance.Control.ListVideo/UserControlListVideo.xaml
src/FingersDance.Control.ListVideo/UserControlListVideo.xaml.cs
--- a/src/FingersDance.Control.ListVideo/UserControlListVideo.xaml	Thu Sep 24 18:11:52 2009 +0200
+++ b/src/FingersDance.Control.ListVideo/UserControlListVideo.xaml	Thu Sep 24 18:13:36 2009 +0200
@@ -4,12 +4,358 @@
 	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d"
+	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
 	x:Class="FingersDance.Control.ListVideo.UserControlListVideo"
 	x:Name="UserControl"
-	Width="478" Height="288.56" xmlns:Custom="http://schemas.microsoft.com/surface/2008" Background="{x:Null}">
+	Width="478" Height="288.56" Background="{x:Null}">
+
+	<UserControl.Resources>
+		<Style x:Key="FingersDance.Control.RadioButton" TargetType="{x:Type Custom:SurfaceRadioButton}">
+			<Setter Property="HorizontalContentAlignment" Value="Left"/>
+			<Setter Property="Background" Value="Transparent"/>
+			<Setter Property="Foreground" Value="Black"/>
+			<Setter Property="BorderBrush" Value="Transparent"/>
+			<Setter Property="Padding" Value="5,0,0,0"/>
+			<Setter Property="Template">
+				<Setter.Value>
+					<ControlTemplate TargetType="{x:Type Custom:SurfaceRadioButton}">
+						<ControlTemplate.Resources>
+							<Storyboard x:Key="ThreeStateExit">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
+								</DoubleAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Press">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+								</DoubleAnimationUsingKeyFrames>
+								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+									<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
+								</ThicknessAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Checked">
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+							</Storyboard>
+							<Storyboard x:Key="Release">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+									<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+								</DoubleAnimationUsingKeyFrames>
+								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+									<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
+									<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+								</ThicknessAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Unchecked">
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+							</Storyboard>
+							<Storyboard x:Key="ThreeStateEnter">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
+								</DoubleAnimationUsingKeyFrames>
+							</Storyboard>
+						</ControlTemplate.Resources>
+						<BulletDecorator x:Name="bulletDecorator" MinHeight="30" MinWidth="30" Height="Auto" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
+							<BulletDecorator.Bullet>
+								<Grid MinHeight="30" MinWidth="30" Width="30" Height="30" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="Transparent" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+									<Rectangle x:Name="Button" Fill="{x:Null}" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RenderTransformOrigin="0.5,0.5">
+										<Rectangle.RenderTransform>
+											<TransformGroup>
+												<ScaleTransform/>
+												<SkewTransform/>
+												<RotateTransform Angle="91.179"/>
+												<TranslateTransform/>
+											</TransformGroup>
+										</Rectangle.RenderTransform>
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#33000000" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
+												<GradientStop Color="#7FFFFFFF" Offset="0"/>
+												<GradientStop Color="#0CFFFFFF" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+										<Rectangle.Fill>
+											<RadialGradientBrush GradientOrigin="0.5,0.072">
+												<RadialGradientBrush.RelativeTransform>
+													<TransformGroup>
+														<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="-2.281" ScaleY="-1.484"/>
+														<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
+														<RotateTransform Angle="359.337" CenterX="0.5" CenterY="0.5"/>
+														<TranslateTransform X="-0.001" Y="-0.126"/>
+													</TransformGroup>
+												</RadialGradientBrush.RelativeTransform>
+												<GradientStop Color="Transparent" Offset="0.205"/>
+												<GradientStop Color="#26EEE2E2" Offset="0.652"/>
+											</RadialGradientBrush>
+										</Rectangle.Fill>
+									</Rectangle>
+									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" Margin="2" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}" OpacityMask="{x:Null}"/>
+									<Rectangle x:Name="Checkmark" Fill="{x:Null}" StrokeThickness="7" RadiusX="6" RadiusY="6" Margin="8" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
+												<GradientStop Color="#FF292929" Offset="1"/>
+												<GradientStop Color="#FF1B1B1B" Offset="0.276"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Rectangle x:Name="ThreeStateMark" StrokeThickness="1" RadiusX="13" RadiusY="13" Margin="6" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#33000000" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+										<Rectangle.Fill>
+											<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
+												<GradientStop Color="#FF292929" Offset="0.5"/>
+												<GradientStop Color="#FF1B1B1B" Offset="0.196"/>
+											</LinearGradientBrush>
+										</Rectangle.Fill>
+									</Rectangle>
+								</Grid>
+							</BulletDecorator.Bullet>
+							<Grid HorizontalAlignment="Stretch" Margin="5,0,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+								<Grid x:Name="ContentBox" HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
+									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ClipToBounds="False" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
+								</Grid>
+							</Grid>
+						</BulletDecorator>
+						<ControlTemplate.Triggers>
+							<MultiTrigger>
+								<MultiTrigger.Conditions>
+									<Condition Property="IsThreeState" Value="True"/>
+									<Condition Property="IsChecked" Value="{x:Null}"/>
+								</MultiTrigger.Conditions>
+								<MultiTrigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
+											</DoubleAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.ExitActions>
+								<MultiTrigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
+											</DoubleAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.EnterActions>
+							</MultiTrigger>
+							<Trigger Property="IsChecked" Value="False">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsChecked" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsPressed" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+											</DoubleAnimationUsingKeyFrames>
+											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+												<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
+											</ThicknessAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+												<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+											</DoubleAnimationUsingKeyFrames>
+											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+												<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
+												<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+											</ThicknessAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsEnabled" Value="False">
+								<Setter Property="Fill" TargetName="Button" Value="#00000000"/>
+								<Setter Property="Stroke" TargetName="Button" Value="#33000000"/>
+								<Setter Property="Foreground" Value="#A5333333"/>
+								<Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/>
+								<Setter Property="Stroke" TargetName="Checkmark" Value="#33000000"/>
+								<Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/>
+							</Trigger>
+						</ControlTemplate.Triggers>
+					</ControlTemplate>
+				</Setter.Value>
+			</Setter>
+			<Style.BasedOn>
+				<Style TargetType="{x:Type ButtonBase}">
+					<Setter Property="SnapsToDevicePixels" Value="True"/>
+					<Setter Property="FocusVisualStyle">
+						<Setter.Value>
+							<Style>
+								<Setter Property="Control.Template">
+									<Setter.Value>
+										<ControlTemplate/>
+									</Setter.Value>
+								</Setter>
+							</Style>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="FontFamily" Value="Segoe UI"/>
+					<Setter Property="FontSize" Value="10"/>
+					<Setter Property="Foreground" Value="Black"/>
+					<Setter Property="Background" Value="#33A4B4BD"/>
+					<Setter Property="BorderBrush">
+						<Setter.Value>
+							<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
+								<GradientStop Color="#7FFFFFFF" Offset="0"/>
+								<GradientStop Color="#0CFFFFFF" Offset="1"/>
+							</LinearGradientBrush>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="BorderThickness" Value="1"/>
+					<Setter Property="HorizontalContentAlignment" Value="Center"/>
+					<Setter Property="VerticalContentAlignment" Value="Center"/>
+					<Setter Property="Padding" Value="15,6"/>
+					<Setter Property="IsTabStop" Value="False"/>
+					<Setter Property="Focusable" Value="False"/>
+					<Setter Property="MinWidth" Value="30"/>
+					<Setter Property="MinHeight" Value="30"/>
+					<Setter Property="Template">
+						<Setter.Value>
+							<ControlTemplate TargetType="{x:Type ButtonBase}">
+								<ControlTemplate.Resources>
+									<Storyboard x:Key="Press">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+									<Storyboard x:Key="Release">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+								</ControlTemplate.Resources>
+								<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+									<Border x:Name="Shadow" Margin="1,1,1,0" BorderBrush="#33000000" BorderThickness="0,0,0,1" CornerRadius="6" Padding="1"/>
+									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" StrokeThickness="1" RadiusX="5" RadiusY="5" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#33000000" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Rectangle x:Name="RenderOverlay" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" RadiusX="4" RadiusY="4" Margin="2" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Fill>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#26000000" Offset="0"/>
+												<GradientStop Color="#4CFFFFFF" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Fill>
+									</Rectangle>
+									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Margin="1" Opacity="0" Color="White" CornerRadius="4"/>
+									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
+										<ContentPresenter.RenderTransform>
+											<TranslateTransform X="0" Y="-1"/>
+										</ContentPresenter.RenderTransform>
+									</ContentPresenter>
+								</Grid>
+								<ControlTemplate.Triggers>
+									<Trigger Property="IsPressed" Value="True">
+										<Trigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.EnterActions>
+										<Trigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+														<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+														<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.ExitActions>
+									</Trigger>
+									<Trigger Property="IsEnabled" Value="True"/>
+									<Trigger Property="IsEnabled" Value="False">
+										<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
+										<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
+										<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
+										<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
+										<Setter Property="Foreground" Value="#A5333333"/>
+										<Setter Property="Background" Value="Transparent"/>
+									</Trigger>
+								</ControlTemplate.Triggers>
+							</ControlTemplate>
+						</Setter.Value>
+					</Setter>
+				</Style>
+			</Style.BasedOn>
+		</Style>
+	</UserControl.Resources>
 
 	<Grid x:Name="LayoutRoot">
-		<Custom:SurfaceListBox IsSynchronizedWithCurrentItem="True" Background="{x:Null}" ScrollViewer.VerticalScrollBarVisibility="Disabled" x:Name="ListBoxVideos" VerticalAlignment="Top" Height="167.56" Margin="8,0" ScrollViewer.HorizontalScrollBarVisibility="Hidden">
+		<Custom:SurfaceListBox IsSynchronizedWithCurrentItem="True" Background="{x:Null}" ScrollViewer.VerticalScrollBarVisibility="Disabled" x:Name="ListBoxVideos" VerticalAlignment="Top" Height="167.56" Margin="8,0" ScrollViewer.HorizontalScrollBarVisibility="Hidden" BorderBrush="#4CFFFFFF">
 			<StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="stackPanel" RenderTransformOrigin="0.5,0.5">
 				<StackPanel.RenderTransform>
 					<TransformGroup>
@@ -21,9 +367,12 @@
 				</StackPanel.RenderTransform>
 			</StackPanel>
 		</Custom:SurfaceListBox>
-		<Custom:SurfaceTextBox x:Name="PathImporter" Margin="152,0,186.4,71.81" VerticalAlignment="Bottom" TextWrapping="Wrap" Height="20" d:LayoutOverrides="VerticalAlignment"/>
-		<Label x:Name="LabelImporter" HorizontalAlignment="Left" Margin="14,0,0,67.81" VerticalAlignment="Bottom" Width="122" Height="28" Content="Importer une vidéo :" d:LayoutOverrides="VerticalAlignment"/>
-		<Custom:SurfaceButton x:Name="ButtonImporter" HorizontalAlignment="Right" Margin="0,0,98,66" VerticalAlignment="Bottom" Width="76" Height="17.96" Content="Importer" d:LayoutOverrides="VerticalAlignment" ContactDown="ButtonImporter_ContactDown" Click="ButtonImporter_Click"/>
-		<Custom:SurfaceButton x:Name="RefreshButton" HorizontalAlignment="Right" Margin="0,0,18,66" VerticalAlignment="Bottom" Width="76" Height="21" Content="Actualiser" ContactDown="RefreshButton_ContactDown" Click="RefreshButton_Click"/>
+		<Grid x:Name="Import_video_Container" Margin="14,0,18,21" VerticalAlignment="Bottom" Height="30" Visibility="Collapsed">
+			<Custom:SurfaceTextBox x:Name="PathImporter" Margin="138,0,168.4,5.81" VerticalAlignment="Bottom" TextWrapping="Wrap" Height="20"/>
+			<Label x:Name="LabelImporter" HorizontalAlignment="Left" Margin="0,0,0,1.81" VerticalAlignment="Bottom" Width="122" Height="28" Content="Importer une vidéo :" Foreground="White"/>
+			<Custom:SurfaceButton x:Name="ButtonImporter" HorizontalAlignment="Right" Margin="0,0,80,0" VerticalAlignment="Bottom" Width="76" Height="17.96" Content="Importer" ContactDown="ButtonImporter_ContactDown" Click="ButtonImporter_Click" Foreground="White"/>
+			<Custom:SurfaceButton x:Name="RefreshButton" HorizontalAlignment="Right" Width="76" Height="21" Content="Actualiser" ContactDown="RefreshButton_ContactDown" Click="RefreshButton_Click" Foreground="White"/>
+		</Grid>
+		<Custom:SurfaceRadioButton HorizontalAlignment="Right" Margin="0,0,18,87" Style="{DynamicResource FingersDance.Control.RadioButton}" VerticalAlignment="Bottom" Content="Impoter une video" Foreground="#FFF8F6F6" ContactDown="SurfaceRadioButton_ContactDown" Click="SurfaceRadioButton_Click"/>
 	</Grid>
 </UserControl>
\ No newline at end of file
--- a/src/FingersDance.Control.ListVideo/UserControlListVideo.xaml.cs	Thu Sep 24 18:11:52 2009 +0200
+++ b/src/FingersDance.Control.ListVideo/UserControlListVideo.xaml.cs	Thu Sep 24 18:13:36 2009 +0200
@@ -202,5 +202,33 @@
                 { }
             }
         }
+
+        private void SurfaceRadioButton_ContactDown(object sender, Microsoft.Surface.Presentation.ContactEventArgs e)
+        {
+            if (Import_video_Container.Visibility == Visibility.Collapsed)
+            {
+                Import_video_Container.Visibility = Visibility.Visible;
+            }
+
+            else if (Import_video_Container.Visibility == Visibility.Visible)
+            {
+                Import_video_Container.Visibility = Visibility.Collapsed;
+            }
+			// TODO: Add event handler implementation here.
+        }
+
+        private void SurfaceRadioButton_Click(object sender, System.Windows.RoutedEventArgs e)
+        {
+            if (Import_video_Container.Visibility == Visibility.Collapsed)
+            {
+                Import_video_Container.Visibility = Visibility.Visible;
+            }
+
+            else if (Import_video_Container.Visibility == Visibility.Visible)
+            {
+                Import_video_Container.Visibility = Visibility.Collapsed;
+            }
+			// TODO: Add event handler implementation here.
+        }
     }
 }
\ No newline at end of file