| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 | <UserControl x:Class="MECF.Framework.UI.Client.Ctrlib.UnitControls.Door"             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"              mc:Ignorable="d"              d:DesignHeight="20" d:DesignWidth="100">    <UserControl.Resources>         <Storyboard x:Key="Door_Open">            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" >                <EasingDoubleKeyFrame KeyTime="0" Value="55"/>                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="15"/>            </DoubleAnimationUsingKeyFrames>        </Storyboard>        <Storyboard x:Key="Door_Close">            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" >                <EasingDoubleKeyFrame KeyTime="0" Value="15"/>                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="55"/>            </DoubleAnimationUsingKeyFrames>        </Storyboard>        <Style TargetType="{x:Type Rectangle}" x:Key="Door_Animation" >            <Style.Triggers>                <DataTrigger Binding="{Binding IsDoorOpen, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" Value="true">                    <DataTrigger.EnterActions>                        <BeginStoryboard Storyboard="{StaticResource Door_Open}"/>                    </DataTrigger.EnterActions>                    <DataTrigger.ExitActions>                        <BeginStoryboard Storyboard="{StaticResource Door_Close}"/>                    </DataTrigger.ExitActions>                </DataTrigger>            </Style.Triggers>        </Style>      </UserControl.Resources>    <Grid>        <Grid.ColumnDefinitions>            <ColumnDefinition></ColumnDefinition>            <ColumnDefinition></ColumnDefinition>        </Grid.ColumnDefinitions>        <Rectangle x:Name="Door_Left" Style="{StaticResource Door_Animation}" HorizontalAlignment="Left" Width="55" Fill="DimGray"   />        <Rectangle x:Name="Door_Right" Grid.Column="1" Style="{StaticResource Door_Animation}" HorizontalAlignment="Right" Width="55" Fill="DimGray"  />    </Grid></UserControl>
 |