Mini Kabibi Habibi
<Button x:Class="EditorsDemo.Map" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" x:Name="map" Foreground="White" 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" xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" xmlns:dxet="http://schemas.devexpress.com/winfx/2008/xaml/editors/themekeys" xmlns:local="clr-namespace:EditorsDemo" xmlns:sys="clr-namespace:System;assembly=mscorlib">
<Button.Resources>
<ImageBrush x:Key="imageBrush" ImageSource="../Images/Map/Shd.png" Stretch="Fill" Opacity="0.5" />
<dx:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" />
<dxe:GridLengthConverter x:Key="GridLengthConverter" />
<local:MapDataToTextConverter x:Key="mapDataToTextConverter" />
<ControlTemplate x:Key="TrackBarEditThemeKey_HorizontalBackgroundTemplate" TargetType="ContentControl">
<Grid Margin="6,0,6,0">
<Border Background="#FF16161D" CornerRadius="5,5,5,5" VerticalAlignment="Center" Height="11" Opacity="0.75">
<Border VerticalAlignment="Center" Grid.Column="0" Background="White" Height="1" Margin="6,0,6,0" />
</Border>
</Grid>
</ControlTemplate>
<ControlTemplate x:Key="TrackBarEditThemeKey_HorizontalSelectionRangeBackgroundTemplate" TargetType="ContentControl">
<Border Background="#FFFFB002" Height="1" />
</ControlTemplate>
<Style x:Key="TrackBarEditThumbThemeKey_LeftHorizontalThumbStyle" TargetType="Thumb">
<Setter Property="Background" Value="#FF1F3B53" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="BorderBrush">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFA3AEB9" Offset="0" />
<GradientStop Color="#FF8399A9" Offset="0.375" />
<GradientStop Color="#FF718597" Offset="0.375" />
<GradientStop Color="#FF617584" Offset="1" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Thumb">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.5" To="MouseOver" />
<VisualTransition From="MouseOver" GeneratedDuration="0:0:0.5" />
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<ColorAnimation Duration="0" To="#FFFFBD00" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" />
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ColorAnimation Duration="0" To="#FFDE7D07" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" />
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled" />
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused" />
<VisualState x:Name="Unfocused" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ToolTipService.ToolTip>
<ToolTip Placement="Top" Foreground="White">
<ToolTip.Content>
<Binding Path="MapData" ElementName="map" />
</ToolTip.Content>
<ToolTip.Template>
<ControlTemplate TargetType="ToolTip">
<Grid VerticalAlignment="Bottom" HorizontalAlignment="Left" Opacity="0.75" Margin="11,0,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="64" />
</Grid.RowDefinitions>
<Border Padding="3,1,3,3" Background="{StaticResource imageBrush}" Margin="0,3,0,-3">
<Grid>
<Border x:Name="border1" Background="Black" CornerRadius="3">
<Border Background="#FF595959" Margin="4" CornerRadius="2">
<Border Background="#FF16161D" Margin="1" CornerRadius="1" />
</Border>
</Border>
<Grid x:Name="grid3" Margin="12">
<TextBlock Grid.Row="1" Text="{Binding Path=Content, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource mapDataToTextConverter}, ConverterParameter=Start}" />
</Grid>
</Grid>
</Border>
<Path x:Name="pathBottom1" Stretch="Fill" Fill="Black" Data="F1 M196,174 L162,238 L178,238 L196,174 z" HorizontalAlignment="Left" UseLayoutRounding="False" Width="34" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Height="64" Margin="0">
<Path.RenderTransform>
<ScaleTransform ScaleY="-1" ScaleX="-1" />
</Path.RenderTransform>
</Path>
</Grid>
</ControlTemplate>
</ToolTip.Template>
</ToolTip>
</ToolTipService.ToolTip>
<Path Data="M0.5,0.5 L0.5,399.5614" HorizontalAlignment="Right" Margin="0,-195" Stroke="Black" StrokeMiterLimit="1" UseLayoutRounding="False" Width="1" StrokeDashArray="2 2" VerticalAlignment="Center" Opacity="0.75" />
<Grid Height="25" VerticalAlignment="Center" Width="11" Margin="-1,0,1,0">
<Path Stretch="Fill" Fill="#FF474747" Data="F1 M 276,334L 276,340L 276,346L 276,352L 276,357L 287,346L 287,345L 276,334" Margin="0" UseLayoutRounding="False" />
<Path Stretch="Fill" Fill="#FF474747" Data="F1 M 276,334L 276,340L 276,346L 276,352L 276,357L 287,346L 287,345L 276,334" Margin="0" UseLayoutRounding="False" />
<Path x:Name="path" Stretch="Fill" Fill="#FFEDF5E7" Data="F1 M 277,336L 277,342L 277,348L 277,354L 277,355L 286,346L 286,345L 277,336" Margin="1,2" UseLayoutRounding="False" />
</Grid>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="TrackBarEditThumbThemeKey_RightHorizontalThumbStyle" TargetType="Thumb">
<Setter Property="Background" Value="#FF1F3B53" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="BorderBrush">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFA3AEB9" Offset="0" />
<GradientStop Color="#FF8399A9" Offset="0.375" />
<GradientStop Color="#FF718597" Offset="0.375" />
<GradientStop Color="#FF617584" Offset="1" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Thumb">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.5" To="MouseOver" />
<VisualTransition From="MouseOver" GeneratedDuration="0:0:0.5" />
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<ColorAnimation Duration="0" To="#FFFFBD00" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" />
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ColorAnimation Duration="0" To="#FFDE7D07" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" />
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled" />
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused" />
<VisualState x:Name="Unfocused" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ToolTipService.ToolTip>
<ToolTip Placement="Left" Foreground="White">
<ToolTip.Content>
<Binding Path="MapData" ElementName="map" />
</ToolTip.Content>
<ToolTip.Template>
<ControlTemplate TargetType="ToolTip">
<Grid VerticalAlignment="Center" HorizontalAlignment="Center" Opacity="0.75" Margin="0,25,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="64" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Border Padding="3,1,3,3" Grid.Row="1" Background="{StaticResource imageBrush}" Margin="0,-1,0,1">
<Grid>
<Border x:Name="border" Background="Black" CornerRadius="3" Grid.Row="1">
<Border Background="#FF595959" Margin="4" CornerRadius="2">
<Border Background="#FF16161D" Margin="1" CornerRadius="1" />
</Border>
</Border>
<Grid x:Name="grid1" Margin="12" Grid.Row="1">
<TextBlock Text="{Binding Path=Content, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource mapDataToTextConverter}, ConverterParameter=End}" />
</Grid>
</Grid>
</Border>
<Path x:Name="pathTop" Stretch="Fill" Fill="Black" Data="F1 M196,174 L162,238 L178,238 L196,174 z" HorizontalAlignment="Right" UseLayoutRounding="False" Width="34" RenderTransformOrigin="0.5,0.5" Height="64" VerticalAlignment="Top" Margin="0" />
</Grid>
</ControlTemplate>
</ToolTip.Template>
</ToolTip>
</ToolTipService.ToolTip>
<Path Data="M0.5,0.5 L0.5,399.5614" HorizontalAlignment="Left" Margin="0,-195" Stroke="Black" StrokeMiterLimit="1" UseLayoutRounding="False" Width="1" StrokeDashArray="2 2" VerticalAlignment="Center" Opacity="0.75" />
<Grid HorizontalAlignment="Right" Height="25" VerticalAlignment="Center" Width="11" Margin="1,0,-1,0">
<Path Stretch="Fill" Fill="#FF474747" Data="F1 M 307,334L 307,340L 307,346L 307,352L 307,357L 296,346L 296,345L 307,334" Margin="0" UseLayoutRounding="False" />
<Path Stretch="Fill" Fill="#FF474747" Data="F1 M 307,334L 307,340L 307,346L 307,352L 307,357L 296,346L 296,345L 307,334" Margin="0" UseLayoutRounding="False" />
<Path x:Name="path" Stretch="Fill" Fill="#FFEDF5E7" Data="F1 M 306,336L 306,342L 306,348L 306,354L 306,355L 297,346L 297,345L 306,336" Margin="1,2" UseLayoutRounding="False" />
</Grid>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<ControlTemplate x:Key="RangePanelHorizontalTemplate" TargetType="dxe:RangeEditBasePanel">
<Grid x:Name="root">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition x:Name="leftButton" Width="Auto" />
<ColumnDefinition x:Name="leftColumn" Width="{Binding (dxe:RangeEditBaseInfo.LayoutInfo).LeftSidePosition, Converter={StaticResource GridLengthConverter}}" />
<ColumnDefinition x:Name="leftThumb" Width="Auto" />
<ColumnDefinition x:Name="centerColumn" Width="{Binding (dxe:RangeEditBaseInfo.LayoutInfo).SelectionLength, Converter={StaticResource GridLengthConverter}}" />
<ColumnDefinition x:Name="rightThumb" Width="Auto" />
<ColumnDefinition x:Name="rightColumn" Width="{Binding (dxe:RangeEditBaseInfo.LayoutInfo).RightSidePosition, Converter={StaticResource GridLengthConverter}}" />
<ColumnDefinition x:Name="rightButton" Width="Auto" />
</Grid.ColumnDefinitions>
<ContentControl x:Name="back" Grid.Row="1" Grid.ColumnSpan="5" Grid.Column="1" Template="{StaticResource TrackBarEditThemeKey_HorizontalBackgroundTemplate}" />
<ContentControl Grid.Column="3" Grid.Row="1" Template="{StaticResource TrackBarEditThemeKey_HorizontalSelectionRangeBackgroundTemplate}" />
<Thumb x:Name="PART_LeftThumb" Grid.Column="2" Grid.Row="1" Style="{StaticResource TrackBarEditThumbThemeKey_LeftHorizontalThumbStyle}" />
<Thumb x:Name="PART_RightThumb" Grid.Column="4" Grid.Row="1" Style="{StaticResource TrackBarEditThumbThemeKey_RightHorizontalThumbStyle}" />
</Grid>
</ControlTemplate>
</Button.Resources>
<Button.Template>
<ControlTemplate TargetType="Button">
<Grid VerticalAlignment="Top" HorizontalAlignment="Center" Width="481" Height="411">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:1" To="MouseOver">
<VisualTransition.GeneratedEasingFunction>
<CircleEase EasingMode="EaseOut" />
</VisualTransition.GeneratedEasingFunction>
</VisualTransition>
<VisualTransition From="MouseOver" GeneratedDuration="0:0:1">
<VisualTransition.GeneratedEasingFunction>
<CircleEase EasingMode="EaseOut" />
</VisualTransition.GeneratedEasingFunction>
</VisualTransition>
</VisualStateGroup.Transitions>
<VisualState x:Name="Disabled" />
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="InfoScreen" />
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<dx:PixelSnapper>
<Grid>
<Grid Margin="-2,-2,-2,-3" Opacity="0.5">
<Grid.Background>
<ImageBrush Stretch="Fill" ImageSource="../Images/Map/main_shadow.png" />
</Grid.Background>
</Grid>
<Border BorderBrush="#FF9A9AA8" BorderThickness="1" Background="White">
<Grid Margin="4">
<Image Source="../Images/Map/RangeBar_16red.png" Grid.RowSpan="3" Grid.ColumnSpan="3" Stretch="Uniform" Width="471" Height="401" />
<Border x:Name="tbBorder" Opacity="0.75" VerticalAlignment="Center" Padding="0,2,0,0" UseLayoutRounding="True">
<dxe:TrackBarEdit x:Name="tb" EditValueChanged="TrackBarEdit_EditValueChanged" VerticalAlignment="Center" HorizontalAlignment="Stretch" Grid.Row="1" Grid.RowSpan="3" Minimum="0" Maximum="8" SmallStep="1" LargeStep="1" Margin="16,0,17,0" SelectionEnd="8" FlowDirection="LeftToRight">
<dxe:TrackBarEdit.StyleSettings>
<dxe:TrackBarRangeStyleSettings />
</dxe:TrackBarEdit.StyleSettings>
<dxe:TrackBarEdit.Resources>
<Style x:Key="TrackBarEditStyleThemeKey_RangeTrackBarEditPanelHorizontalStyle" TargetType="dxe:RangeEditBasePanel">
<Setter Property="Template" Value="{StaticResource RangePanelHorizontalTemplate}" />
</Style>
</dxe:TrackBarEdit.Resources>
</dxe:TrackBarEdit>
</Border>
<Grid x:Name="InfoScreen" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="4" Opacity="0">
<Grid Margin="-2,-2,-2,-3" Opacity="0.5">
<Grid.Background>
<ImageBrush ImageSource="../Images/Map/sh.png" Stretch="Fill" />
</Grid.Background>
</Grid>
<Border x:Name="border" Background="Black">
<Border Background="#FF595959" Margin="4">
<Border Background="#FF16161D" Margin="1" />
</Border>
</Border>
<Grid Margin="8">
<TextBlock Grid.Row="1" Text="{Binding Path=MapData, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource mapDataToTextConverter}, ConverterParameter=Total}" />
</Grid>
</Grid>
</Grid>
</Border>
</Grid>
</dx:PixelSnapper>
</Grid>
</ControlTemplate>
</Button.Template>
</Button>