Bind the IsActive property on the SideSheet to the Visibility property

Author: ScottHaney

WPFCustomControls/SideSheet.cs

@@ -26,36 +26,11 @@ public bool IsActive
         }
 
         public static readonly DependencyProperty IsActiveProperty =
-            DependencyProperty.Register("IsActive", typeof(bool), typeof(SideSheet), new PropertyMetadata(false, IsActiveChanged));
+            DependencyProperty.Register("IsActive", typeof(bool), typeof(SideSheet), new PropertyMetadata(false));
 
         static SideSheet()
         {
             DefaultStyleKeyProperty.OverrideMetadata(typeof(SideSheet), new FrameworkPropertyMetadata(typeof(SideSheet)));
         }
-
-        public SideSheet()
-        {
-            Loaded += SideSheet_Loaded;
-        }
-
-        private void SideSheet_Loaded(object sender, RoutedEventArgs e)
-        {
-            RenderTransform = new TranslateTransform(ActualWidth, 0);
-        }
-
-        private static void IsActiveChanged(DependencyObject o, DependencyPropertyChangedEventArgs args)
-        {
-            var sideSheet = (SideSheet)o;
-            var isActive = (bool)args.NewValue;
-
-            sideSheet.RenderTransform = new TranslateTransform(isActive ? 0 : sideSheet.ActualWidth, 0);
-
-            /*sideSheet.SetValue(WidthProperty, DependencyProperty.UnsetValue);
-
-            var targetValue = isActive ? sideSheet.DesiredSize.Width : 0;
-
-            var animation = new DoubleAnimation() { To = targetValue, Duration = new Duration(TimeSpan.FromSeconds(2)) };
-            sideSheet.BeginAnimation(WidthProperty, animation);*/
-        }
     }
 }

WPFCustomControls/Themes/Generic.xaml

@@ -1,14 +1,19 @@
 <ResourceDictionary
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="clr-namespace:WPFCustomControls">
+    xmlns:local="clr-namespace:WPFCustomControls"
+    xmlns:converters="clr-namespace:WPFCustomControls.TypeConverters">
     <Style TargetType="{x:Type local:SideSheet}">
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="{x:Type local:SideSheet}">
+                    <ControlTemplate.Resources>
+                        <converters:BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter"/>
+                    </ControlTemplate.Resources>
                     <Border Background="{TemplateBinding Background}"
                             BorderBrush="{TemplateBinding BorderBrush}"
-                            BorderThickness="{TemplateBinding BorderThickness}">
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            Visibility="{TemplateBinding IsActive, Converter={StaticResource booleanToVisibilityConverter}}">
                         <ScrollViewer HorizontalScrollBarVisibility="Disabled"
                                       VerticalScrollBarVisibility="Auto">
                             <ContentPresenter></ContentPresenter>

WPFCustomControls/TypeConverters/BooleanToVisibilityConverter.cs

@@ -0,0 +1,25 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Data;
+
+namespace WPFCustomControls.TypeConverters
+{
+    public class BooleanToVisibilityConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            var val = (bool)value;
+            return val ? Visibility.Visible : Visibility.Collapsed;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}