MARKUS

<UserControl x:Class="KCOM.Controls.AdornerFinal"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 

             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

     xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

    mc:Ignorable="d"  xmlns:behavior="clr-namespace:KCOM.Common"

    d:DesignHeight="300" d:DesignWidth="400">

    <Canvas x:Name="LayoutRoot">

        <Canvas.Resources>

            <Style TargetType="Thumb" x:Key="ThumbMoveStyle">

                <!--<Setter Property="Margin" Value="10" />-->

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <Grid >

                                <Rectangle x:Name="RectThumb" Width="{TemplateBinding  Width}" Height="{TemplateBinding Height}" Fill="#ffcfcfce"  

                                           Opacity="0.6" Stroke="#ff6a6b68" StrokeDashArray="2 2" MouseLeftButtonDown="RectThumb_MouseLeftButtonDown">

                                </Rectangle>

                                <telerik:RadDropDownButton DropDownIndicatorVisibility="Collapsed" IsHitTestVisible="False" x:Name="Date_Drop" Opacity="0.01" 

                                                           Loaded="RadDropDownButton_Loaded" VerticalAlignment="Bottom"

                                                           Width="{Binding ElementName=RectThumb, Path=Width}" Height="{Binding ElementName=RectThumb, Path=Height}">

                                    <telerik:RadDropDownButton.DropDownContent>

                                        <telerik:RadCalendar x:Name="Date_Calendar"  Width="{Binding ElementName=RectThumb, Path=Width}" 

                                                             MinHeight="300" MinWidth="300" telerik:StyleManager.Theme="Windows8"

                                                             Height="{Binding ElementName=RectThumb, Path=Height}" Loaded="Date_Calendar_Loaded"/>

                                    </telerik:RadDropDownButton.DropDownContent>

                                </telerik:RadDropDownButton>

                            </Grid>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbTextStyle">

                <Setter Property="Width" Value="20" />

                <Setter Property="Opacity" Value="0.7" />

                <Setter Property="Height" Value="20" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                                <!--<TextBox Text="" x:Name="testText" Loaded="testText_Loaded"  Width="{Binding Width, ElementName=Self}" Height="{Binding Height, ElementName=Self}"/>-->

                                <Rectangle Fill="#ff8ef814" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"

                                                            Opacity="0.6" MouseLeftButtonDown="RectThumb_MouseLeftButtonDown"/>                                

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbResizeStyle">

                <!--<Setter Property="Cursor" Value="None" />-->

                <Setter Property="Margin" Value="-10" />

                <Setter Property="Width" Value="20" />

                <Setter Property="Cursor" Value="Hand"/>

                <Setter Property="Opacity" Value="1" />

                <Setter Property="Height" Value="20" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <Ellipse Stroke="#ff2e3436"  StrokeThickness="2"

                                     HorizontalAlignment="Center" Width="16"  Height="16" Margin="0,0,0,0" Canvas.ZIndex="1">

                                <Ellipse.Fill>

                                    <SolidColorBrush Color="#ff8ef814" Opacity="0.6"/>

                                </Ellipse.Fill>

                                <i:Interaction.Behaviors>

                                    <behavior:ExpandingMouseOver ScaleFactor="2"/>

                                </i:Interaction.Behaviors>

                            </Ellipse>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbArcControlStyle">

                <!--<Setter Property="Cursor" Value="None" />-->

                <Setter Property="Margin" Value="-10" />

                <Setter Property="Width" Value="20" />

                <Setter Property="Opacity" Value="0.6" />

                <Setter Property="Cursor" Value="Hand"/>

                <Setter Property="Height" Value="20" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <Ellipse Stroke="#ff2e3436"  StrokeThickness="2" MouseLeftButtonDown="ControlPointMouseLeftButtonDown"

                                     HorizontalAlignment="Center" Width="20"  Height="20" Margin="0,0,0,0" Canvas.ZIndex="1">

                                <Ellipse.Fill>

                                    <SolidColorBrush Color="#fff814df" Opacity="0.6"/>

                                </Ellipse.Fill>

                                <i:Interaction.Behaviors>

                                    <behavior:ExpandingMouseOver ScaleFactor="2"/>

                                </i:Interaction.Behaviors>

                            </Ellipse>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbResizeNoEdgeStyle">

                <!--<Setter Property="Cursor" Value="None" />-->

                <Setter Property="Width" Value="15" />

                <Setter Property="Opacity" Value="0.7" />

                <Setter Property="Height" Value="15" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" BorderBrush="Black" Background="#FF312C2C" BorderThickness="1">

                                <Rectangle Fill="#ae8237f3"/>

                            </Border>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbRotateStyle">

                <!--<Setter Property="Cursor" Value="None" />-->

                <Setter Property="Margin" Value="-15" />

                <Setter Property="Width" Value="30" />

                <Setter Property="Height" Value="30" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" BorderBrush="Black" Background="#FF312C2C" BorderThickness="1">

                                <Rectangle Fill="#FF07B4FF">

                                    <i:Interaction.Behaviors>

                                        <behavior:ExpandingMouseOver ScaleFactor="2"/>

                                    </i:Interaction.Behaviors>

                                </Rectangle>

                            </Border>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <Style TargetType="Thumb" x:Key="ThumbSingleRotateStyle">

                <!--<Setter Property="Cursor" Value="None" />-->

                <Setter Property="Margin" Value="-15" />

                <Setter Property="Width" Value="20" />

                <Setter Property="Height" Value="30" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Thumb">

                            <!--</Border>-->

                            <!--<Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" BorderBrush="Black" Background="#FF312C2C" BorderThickness="1">-->

                            <StackPanel x:Name="RotateThumb">

                                <Ellipse Stroke="#ff2e3436" Fill="#ff18b7fc" StrokeThickness="2"

                                                HorizontalAlignment="Center" Width="16"  Height="15" Margin="0,5,0,0" Canvas.ZIndex="99">

                                    <i:Interaction.Behaviors>

                                        <behavior:ExpandingMouseOver ScaleFactor="1.5"/>

                                    </i:Interaction.Behaviors></Ellipse>

                                <Rectangle Fill="#ff2e3436" Width="2"  Height="40" HorizontalAlignment="Center" Canvas.ZIndex="99"/>

                            </StackPanel>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

        </Canvas.Resources>

        <Canvas x:Name="ContainerContent" Background="Transparent" Canvas.ZIndex="82">

            <!--<Thumb Style="{StaticResource ThumbArcControlStyle}"/>-->

            <Thumb x:Name="DragThumb" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  BorderThickness="1"  Opacity="1"

                   DragStarted="drag_DragStarted" DragCompleted="drag_DragCompleted" Loaded="DragThumb_Loaded"  MouseDoubleClick="DragThumb_MouseDoubleClick"

                   DragDelta="DragThumb_DragDelta" Canvas.ZIndex="81" Style="{StaticResource ThumbMoveStyle}" RenderTransformOrigin="0,0">

                <Thumb.RenderTransform>

                    <TransformGroup>

                        <!--<CompositeTransform x:Name="trRotate"/>-->

                        <RotateTransform x:Name="trRotateThumb"/>

                    </TransformGroup>

                </Thumb.RenderTransform>

            </Thumb>

        </Canvas>

        <Grid x:Name="AdornerBorder" Background="Transparent" RenderTransformOrigin="0,0" Canvas.ZIndex="80">

            <Grid.RowDefinitions>

                <RowDefinition Height="0"/>

                <RowDefinition/>

                <RowDefinition Height="0"/>

            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="0"/>

                <ColumnDefinition/>

                <ColumnDefinition Width="0"/>

            </Grid.ColumnDefinitions>

            <Grid.RenderTransform>

                <RotateTransform x:Name="trRotate"/>

            </Grid.RenderTransform>

            <Thumb x:Name="rotateTop" Style="{StaticResource ThumbSingleRotateStyle}"  Grid.Column="1" HorizontalAlignment="Stretch" 

                                VerticalAlignment="Top" Margin="0,-30"  Grid.ColumnSpan="3" Grid.RowSpan="3"  Canvas.ZIndex="99" 

                                Width="30" Height="30" DragStarted="rotate_DragStarted" MouseMove="rotate_MouseMove" DragDelta="rotate_DragDelta"

                    DragCompleted="rotate_DragCompleted">

            </Thumb>

        </Grid>

    </Canvas>

</UserControl>