How to Fade an Image

[TJ_on_Launchbox]

Need help Guys.
I embedded an Image in my Vertical View. The Image is the Arcade Cabinet for selected Game.

How can i fade this Image?
it should appear after about 2 Seconds when i select a Game and not immediately.

Here is my code:

                <TextBlock x:Name="Prop_Image1_X" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="X;208;2194"/>
                            <Binding Path="ActualWidth" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_Y" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="Y;50;1234"/>
                            <Binding Path="ActualHeight" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_W" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="W;821;2194"/>
                            <Binding Path="ActualWidth" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_H" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="H;1094;1234"/>
                            <Binding Path="ActualHeight" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_Angle" Text="360" Visibility="Collapsed" />
                <TextBlock x:Name="Prop_Image1_CenterX" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource CenterOf}">
                            <Binding Path="Text" ElementName="Prop_Image1_X"/>
                            <Binding Path="Text" ElementName="Prop_Image1_W"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_CenterY" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource CenterOf}">
                            <Binding Path="Text" ElementName="Prop_Image1_Y"/>
                            <Binding Path="Text" ElementName="Prop_Image1_H"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_SkewAngleX" Text="0" Visibility="Collapsed" />
                <TextBlock x:Name="Prop_Image1_SkewAngleY" Text="0" Visibility="Collapsed" />
                <TextBlock x:Name="Prop_Image1_EffectShadowDepth" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="EffectShadowDepth;2;1234"/>
                            <Binding Path="ActualHeight" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Prop_Image1_OpacityMaskFileName" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource GetMediaFileName}">
                            <Binding Path="." Source="OpacityMaskFileName;paper.png;;pack://siteoforigin:,,,/Themes/Neon Deluxe Arcade Final/Media/images"/>
                            <Binding Path="." Source=" "/>
                            <Binding Path="." Source=" "/>
                            <Binding Path="." Source=" "/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
            <Grid x:Name="Properties">
                <TextBlock x:Name="Prop_SelectedItemVideo_X" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ScalePropertyValue}">
                            <Binding Path="." Source="X;935;2194"/>
                            <Binding Path="ActualWidth" ElementName="Canvas"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>

 

 

 

<!-- Image Arcade Cabinet -->
            <Grid x:Name="Image1" Visibility="Visible" Panel.ZIndex="90" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                    
                    
                <TextBlock x:Name="Image1imagepath" Visibility="Collapsed">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource FileFallbackWithSearch}">
                            <Binding Path="." Source=""/>
                            <Binding Path="ActiveGame.ArcadeCabinetImagePath"/>
                            <Binding Path="." Source=""/>
                            <Binding Path="." Source=""/>
                            <Binding Path="." Source=""/>
                            <Binding Path="." Source=".png"/>
                            <Binding Path="." Source="Exact"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
                <TextBlock x:Name="Image1imgfound" Text="{Binding ElementName=Image1imagepath, Path=Text, Converter={StaticResource FileExists}}" Visibility="Collapsed"/>
                <Image x:Name="Image1img" Grid.Row="0" Grid.Column="0" Source="{Binding ElementName=Image1imagepath, Path=Text}"
                    Width="{Binding ElementName=Prop_Image1_W, Path=Text}"
                    Height="{Binding ElementName=Prop_Image1_H, Path=Text}"
                    Stretch="Uniform" HorizontalAlignment="Center"
                    VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality" Opacity="1"
                    RenderTransformOrigin=".5,.5" >
                    <Image.RenderTransform>
                        <TransformGroup>
                            <RotateTransform Angle="0" />
                            <ScaleTransform ScaleX="1" ScaleY="1" />
                            <SkewTransform  AngleX="0" AngleY="0" />
                        </TransformGroup>
                    </Image.RenderTransform>
                    <Image.Effect>
                        <DropShadowEffect BlurRadius="10" Color="Black" Direction="315" Opacity="1" ShadowDepth="{Binding ElementName=Prop_Image1_EffectShadowDepth, Path=Text}" RenderingBias="Performance"  />
                    </Image.Effect>
                    <Image.OpacityMask>
                        <ImageBrush ImageSource="{Binding ElementName=Prop_Image1_OpacityMaskFileName, Path=Text}" Stretch="Fill"/>
                    </Image.OpacityMask>
                </Image>
                <Grid.RenderTransform>
                    <TransformGroup>
                        <TranslateTransform X="{Binding ElementName=Prop_Image1_X, Path=Text}" Y="{Binding ElementName=Prop_Image1_Y, Path=Text}"/>
                        <RotateTransform CenterX="{Binding ElementName=Prop_Image1_CenterX, Path=Text}" CenterY="{Binding ElementName=Prop_Image1_CenterY, Path=Text}"  Angle="{Binding ElementName=Prop_Image1_Angle, Path=Text}" />
                        <SkewTransform   CenterX="{Binding ElementName=Prop_Image1_X, Path=Text}" CenterY="{Binding ElementName=Prop_Image1_Y, Path=Text}" AngleX="{Binding ElementName=Prop_Image1_SkewAngleX, Path=Text}" AngleY="{Binding ElementName=Prop_Image1_SkewAngleY, Path=Text}" />
                    </TransformGroup>
                </Grid.RenderTransform>

[faeran]

curious, did you use the CTC to create this theme?

[TJ_on_Launchbox]

No, i used a public Theme and modified it.
Everything is set. It´s only that i want to Fade In slowly the Image when a Game is shown in the Game Wheel.