Separate version

Net40/HandyControlDemo_Net40/UserControl/Basic/Avatar.xaml

@@ -0,0 +1,22 @@
+<UserControl x:Class="HandyControlDemo.UserControl.Avatar"
+             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" 
+             Margin="16"
+             Effect="{StaticResource EffectShadow5}" 
+             Cursor="Hand"
+             mc:Ignorable="d">
+    <Button Style="{StaticResource ButtonCustom}" Click="ButtonAvatar_OnClick">
+        <Border Background="{DynamicResource SecondaryRegionBrush}" CornerRadius="10">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition/>
+                    <RowDefinition Height="Auto"/>
+                </Grid.RowDefinitions>
+                <Image Source="{Binding Source,RelativeSource={RelativeSource AncestorType=UserControl}}" Height="120" Width="120" Stretch="Uniform" Margin="10"/>
+                <TextBlock TextTrimming="CharacterEllipsis" TextWrapping="NoWrap" Margin="0,0,0,10" Grid.Row="1" Style="{StaticResource TextBlockDefault}" Text="{Binding UserName,RelativeSource={RelativeSource AncestorType=UserControl}}"></TextBlock>
+            </Grid>
+        </Border>
+    </Button>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Basic/Avatar.xaml.cs

@@ -0,0 +1,44 @@
+using System.Diagnostics;
+using System.Windows;
+using System.Windows.Media.Imaging;
+
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class Avatar
+    {
+        public Avatar()
+        {
+            InitializeComponent();
+        }
+
+        public static readonly DependencyProperty SourceProperty = DependencyProperty.Register(
+            "Source", typeof(BitmapFrame), typeof(Avatar), new PropertyMetadata(default(BitmapFrame)));
+
+        public BitmapFrame Source
+        {
+            get => (BitmapFrame) GetValue(SourceProperty);
+            set => SetValue(SourceProperty, value);
+        }
+
+        public static readonly DependencyProperty UserNameProperty = DependencyProperty.Register(
+            "UserName", typeof(string), typeof(Avatar), new PropertyMetadata(default(string)));
+
+        public string UserName
+        {
+            get => (string) GetValue(UserNameProperty);
+            set => SetValue(UserNameProperty, value);
+        }
+
+        public static readonly DependencyProperty LinkProperty = DependencyProperty.Register(
+            "Link", typeof(string), typeof(Avatar), new PropertyMetadata(default(string)));
+
+        public string Link
+        {
+            get => (string) GetValue(LinkProperty);
+            set => SetValue(LinkProperty, value);
+        }
+
+        private void ButtonAvatar_OnClick(object sender, RoutedEventArgs e) => Process.Start(Link);
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/AnimationPathDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.AnimationPathDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:AnimationPath  VerticalAlignment="Center" Margin="32" PathLength="400" Duration="0:0:4" Stretch="Uniform" Width="200" Height="200" StrokeThickness="2" Stroke="{DynamicResource PrimaryBrush}" Data="M40.493382,19.001303 C36.637875,19.06448 33.938568,21.421986 33.948524,25.271919 L34.068279,71.56765 34.066906,71.598007 34.068745,71.747833 34.18895,118.21758 C34.202225,123.35083 39.026951,129.19344 44.965271,131.2674 50.903587,133.34137 55.706783,130.86133 55.693504,125.72808 L55.589508,85.524513 93.866371,85.524513 93.950943,118.21758 C93.964218,123.35083 98.788948,129.19344 104.72726,131.2674 110.66558,133.34137 115.46878,130.86133 115.4555,125.72808 L115.33575,79.432381 115.33712,79.401993 115.33528,79.252007 115.21507,32.782413 C115.2018,27.64917 110.37708,21.806566 104.43876,19.732603 98.500435,17.658638 93.697243,20.138674 93.710518,25.271919 L93.814514,65.475487 55.537647,65.475487 55.453079,32.782413 C55.439804,27.64917 50.615082,21.806566 44.676762,19.732603 43.192181,19.214111 41.778549,18.980244 40.493382,19.001303 z M9.999999,0 L140,0 C145.52284,0 150,4.4771523 150,9.999999 L150,140 C150,145.52284 145.52284,150 140,150 L9.999999,150 C4.4771523,150 0,145.52284 0,140 L0,9.999999 C0,4.4771523 4.4771523,0 9.999999,0 z"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/AnimationPathDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class AnimationPathDemoCtl
+    {
+        public AnimationPathDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CalendarWithClockDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CalendarWithClockDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+         <controls:CalendarWithClock Margin="32"/>   
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CalendarWithClockDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class CalendarWithClockDemoCtl
+    {
+        public CalendarWithClockDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CarouselDemoCtl.xaml

@@ -0,0 +1,18 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CarouselDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:Carousel Margin="32" IsCenter="True" AutoRun="True" Width="600" Height="330" VerticalAlignment="Center">
+            <Image Width="600" Stretch="UniformToFill" Source="/HandyControlDemo;component/Resources/Img/1.jpg"/>
+            <Image Width="300" Stretch="UniformToFill" Source="/HandyControlDemo;component/Resources/Img/2.jpg"/>
+            <Grid Width="600">
+                <Image Stretch="UniformToFill" Source="/HandyControlDemo;component/Resources/Img/3.jpg"/>
+                <TextBlock Text="示例文本" Style="{StaticResource TextBlockDefault}" FontSize="100" FontWeight="Bold" Foreground="White"/>
+            </Grid>
+            <Image Width="600" Stretch="UniformToFill" Source="/HandyControlDemo;component/Resources/Img/4.jpg"/>
+            <Image Width="600" Stretch="UniformToFill" Source="/HandyControlDemo;component/Resources/Img/5.jpg"/>
+        </controls:Carousel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CarouselDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CarouselDemoCtl
+    {
+        public CarouselDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CirclePanelDemoCtl.xaml

@@ -0,0 +1,18 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CirclePanelDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:CirclePanel Margin="64" Diameter="170">
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+            <Button Style="{StaticResource CirclePanelButton}"/>
+        </controls:CirclePanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CirclePanelDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class CirclePanelDemoCtl
+    {
+        public CirclePanelDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CircleProgressBarDemoCtl.xaml

@@ -0,0 +1,16 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CircleProgressBarDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Orientation="Horizontal" Margin="32">
+            <controls:CircleProgressBar Value="50"/>
+            <controls:CircleProgressBar Value="80" FontSize="30" Margin="16,0,0,0"/>
+            <controls:CircleProgressBar Value="10" Margin="16,0,0,0" ShowText="False" Width="20" Height="20" ArcThickness="2" Style="{StaticResource ProgressBarSuccessCircle}"/>
+            <controls:CircleProgressBar Value="20" Margin="16,0,0,0" ShowText="False" Width="30" Height="30" ArcThickness="6" Style="{StaticResource ProgressBarInfoCircle}"/>
+            <controls:CircleProgressBar Value="40" Margin="16,0,0,0" ShowText="False" Width="40" Height="40" ArcThickness="10" Style="{StaticResource ProgressBarWarningCircle}"/>
+            <controls:CircleProgressBar Value="80" Margin="16,0,0,0" Width="50" Height="50" Style="{StaticResource ProgressBarDangerCircle}"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CircleProgressBarDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CircleProgressBarDemoCtl
+    {
+        public CircleProgressBarDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ClockDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ClockDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:Clock Margin="32"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ClockDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class ClockDemoCtl
+    {
+        public ClockDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ColorPickerDemoCtl.xaml

@@ -0,0 +1,8 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ColorPickerDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:ColorPicker Name="ColorPicker" Margin="32"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ColorPickerDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class ColorPickerDemoCtl
+    {
+        public ColorPickerDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ComboBoxDemoCtl.xaml

@@ -0,0 +1,27 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ComboBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             DataContext="{Binding ComboBoxDemo,Source={StaticResource Locator}}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <ScrollViewer>
+            <StackPanel Margin="32">
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" SelectedIndex="0"/>
+                <controls:ComboBox ItemsSource="{Binding DataList}" Margin="0,16,0,0" SelectedIndex="0" IsEnabled="False"/>
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" SelectedIndex="0" Margin="0,16,0,0" IsEditable="True"/>
+
+                <controls:ComboBox ItemsSource="{Binding DataList}" SelectedIndex="0" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+                <controls:ComboBox ItemsSource="{Binding DataList}" IsEditable="True" SelectedIndex="0" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" IsEditable="True" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+
+                <controls:ComboBox ItemsSource="{Binding DataList}" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+                <controls:ComboBox ItemsSource="{Binding DataList}" IsEditable="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+                <controls:ComboBox ShowClearButton="True" ItemsSource="{Binding DataList}" IsEditable="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+            </StackPanel>
+        </ScrollViewer>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ComboBoxDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class ComboBoxDemoCtl
+    {
+        public ComboBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CompareSliderDemoCtl.xaml

@@ -0,0 +1,44 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CompareSliderDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:ScrollViewer VerticalAlignment="Center">
+            <WrapPanel ItemHeight="384" ItemWidth="632">
+                <controls:CompareSlider Value="5" Width="600" Height="352">
+                    <controls:CompareSlider.TargetContent>
+                        <Border>
+                            <Border.Background>
+                                <ImageBrush ImageSource="/HandyControlDemo;component/Resources/Img/b1.jpg"/>
+                            </Border.Background>
+                        </Border>
+                    </controls:CompareSlider.TargetContent>
+                    <controls:CompareSlider.SourceContent>
+                        <Border>
+                            <Border.Background>
+                                <ImageBrush ImageSource="/HandyControlDemo;component/Resources/Img/b2.jpg"/>
+                            </Border.Background>
+                        </Border>
+                    </controls:CompareSlider.SourceContent>
+                </controls:CompareSlider>
+                <controls:CompareSlider Orientation="Vertical" Value="5" Width="600" Height="352">
+                    <controls:CompareSlider.TargetContent>
+                        <Border>
+                            <Border.Background>
+                                <ImageBrush ImageSource="/HandyControlDemo;component/Resources/Img/b1.jpg"/>
+                            </Border.Background>
+                        </Border>
+                    </controls:CompareSlider.TargetContent>
+                    <controls:CompareSlider.SourceContent>
+                        <Border>
+                            <Border.Background>
+                                <ImageBrush ImageSource="/HandyControlDemo;component/Resources/Img/b2.jpg"/>
+                            </Border.Background>
+                        </Border>
+                    </controls:CompareSlider.SourceContent>
+                </controls:CompareSlider>
+            </WrapPanel>
+        </controls:ScrollViewer>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CompareSliderDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CompareSliderDemoCtl
+    {
+        public CompareSliderDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CoverFlowDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CoverFlowDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:CoverFlow x:Name="CoverFlowMain" Margin="32" Width="500" Height="300"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CoverFlowDemoCtl.xaml.cs

@@ -0,0 +1,28 @@
+using System;
+using System.Collections.Generic;
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CoverFlowDemoCtl
+    {
+        public CoverFlowDemoCtl()
+        {
+            InitializeComponent();
+
+            CoverFlowMain.AddRange(new List<Uri>
+            {
+                new Uri(@"pack://application:,,,/Resources/Img/Album/1.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/2.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/3.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/4.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/5.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/6.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/7.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/8.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/9.jpg"),
+                new Uri(@"pack://application:,,,/Resources/Img/Album/10.jpg")
+            });
+            CoverFlowMain.JumpTo(2);
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/CoverViewDemoCtl.xaml

@@ -0,0 +1,91 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CoverViewDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:CoverView Margin="27" Width="880" Height="432" ItemWidth="160" ItemHeight="160">
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/1.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource SuccessBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/2.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource PrimaryBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/3.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource WarningBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/4.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource DangerBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/5.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource SuccessBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/6.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource PrimaryBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/7.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource InfoBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/8.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource WarningBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/9.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource PrimaryBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+            <controls:CoverViewItem>
+                <controls:CoverViewItem.Header>
+                    <Image Source="/HandyControlDemo;component/Resources/Img/Album/10.jpg"/>
+                </controls:CoverViewItem.Header>
+                <Border Margin="10" Height="300" Background="{DynamicResource DangerBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </controls:CoverViewItem>
+        </controls:CoverView>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/CoverViewDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class CoverViewDemoCtl
+    {
+        public CoverViewDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/DatePickerDemoCtl.xaml

@@ -0,0 +1,21 @@
+<UserControl x:Class="HandyControlDemo.UserControl.DatePickerDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:system="clr-namespace:System;assembly=mscorlib"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32">
+            <controls:DatePicker ShowClearButton="True" SelectedDate="{x:Static system:DateTime.Now}"/>
+            <controls:DatePicker Margin="0,16,0,0" IsEnabled="False" SelectedDate="{x:Static system:DateTime.Now}"/>
+
+            <controls:DatePicker ShowClearButton="True" SelectedDate="{x:Static system:DateTime.Now}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0"/>
+            <controls:DatePicker SelectedDate="{x:Static system:DateTime.Now}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+            <controls:DatePicker ShowClearButton="True" SelectedDate="{x:Static system:DateTime.Now}" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0"/>
+            <controls:DatePicker Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/DatePickerDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class DatePickerDemoCtl
+    {
+        public DatePickerDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/DateTimePickerDemoCtl.xaml

@@ -0,0 +1,31 @@
+<UserControl x:Class="HandyControlDemo.UserControl.DateTimePickerDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" Orientation="Horizontal">
+            <StackPanel>
+                <controls:DateTimePicker ShowClearButton="True"/>
+                <controls:DateTimePicker Margin="0,16,0,0" IsEnabled="False"/>
+
+                <controls:DateTimePicker ShowClearButton="True" Style="{StaticResource DateTimePickerExtend}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0"/>
+                <controls:DateTimePicker controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" Style="{StaticResource DateTimePickerExtend}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+                <controls:DateTimePicker ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" Style="{StaticResource DateTimePickerExtend}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0"/>
+                <controls:DateTimePicker Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource DateTimePickerExtend}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+            </StackPanel>
+            <StackPanel Margin="32,0,0,0">
+                <controls:DateTimePicker ShowClearButton="True" Style="{StaticResource DateTimePickerPlus}"/>
+                <controls:DateTimePicker Margin="0,16,0,0" IsEnabled="False" Style="{StaticResource DateTimePickerPlus}"/>
+
+                <controls:DateTimePicker ShowClearButton="True" Style="{StaticResource DateTimePickerPlus}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0"/>
+                <controls:DateTimePicker controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" Style="{StaticResource DateTimePickerPlus}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+                <controls:DateTimePicker ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" Style="{StaticResource DateTimePickerPlus}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0"/>
+                <controls:DateTimePicker Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource DateTimePickerPlus}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+            </StackPanel>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/DateTimePickerDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class DateTimePickerDemoCtl
+    {
+        public DateTimePickerDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/FlipClockDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.FlipClockDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:FlipClock Margin="32"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/FlipClockDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class FlipClockDemoCtl
+    {
+        public FlipClockDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/GifImageDemoCtl.xaml

@@ -0,0 +1,13 @@
+<UserControl x:Class="HandyControlDemo.UserControl.GifImageDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+           <controls:GifImage x:Name="GifImageMain" Margin="32" Width="400" Height="300">
+               <controls:GifImage.Source>
+                <BitmapImage UriSource="/HandyControlDemo;component/Resources/Img/car_chase.gif"/>
+               </controls:GifImage.Source>
+           </controls:GifImage>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/GifImageDemoCtl.xaml.cs

@@ -0,0 +1,17 @@
+using System;
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class GifImageDemoCtl : IDisposable
+    {
+        public GifImageDemoCtl()
+        {
+            InitializeComponent();
+        }
+
+        public void Dispose()
+        {
+            GifImageMain.Dispose();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/GrowlDemoCtl.xaml

@@ -0,0 +1,19 @@
+<UserControl x:Class="HandyControlDemo.UserControl.GrowlDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             DataContext="{Binding GrowlDemo,Source={StaticResource Locator}}"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <WrapPanel Margin="32" VerticalAlignment="Center">
+            <Button Command="{Binding InfoCmd}" Content="{x:Static langs:Lang.Info}" Margin="0,5,5,5" Style="{StaticResource ButtonInfo}"/>
+            <Button Command="{Binding SuccessCmd}" Content="{x:Static langs:Lang.Success}" Margin="5" Style="{StaticResource ButtonSuccess}"/>
+            <Button Command="{Binding WarningCmd}" Content="{x:Static langs:Lang.Warning}" Margin="5" Style="{StaticResource ButtonWarning}"/>
+            <Button Command="{Binding ErrorCmd}" Content="{x:Static langs:Lang.Error}" Margin="5" Style="{StaticResource ButtonDanger}"/>
+            <Button Command="{Binding AskCmd}" Content="{x:Static langs:Lang.Ask}" Margin="5" Background="BlueViolet" Foreground="White"/>
+            <Button Command="{Binding FatalCmd}" Content="{x:Static langs:Lang.Fatal}" Margin="5,0"/>
+            <Button Command="{Binding ClearCmd}" Content="{x:Static langs:Lang.Clear}" Margin="5,0,0,0" Style="{StaticResource ButtonPrimary}"/>
+        </WrapPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/GrowlDemoCtl.xaml.cs

@@ -0,0 +1,14 @@
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    /// GrowlDemoGrid.xaml 的交互逻辑
+    /// </summary>
+    public partial class GrowlDemoCtl
+    {
+        public GrowlDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ImageBrowserDemoCtl.xaml

@@ -0,0 +1,14 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ImageBrowserDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             DataContext="{Binding ImageBrowserDemo,Source={StaticResource Locator}}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32">
+            <controls:ImageViewer Background="{DynamicResource BackgroundBrush}" Width="600" Height="330" ImageSource="/HandyControlDemo;component/Resources/Img/1.jpg"/>
+            <Button Margin="0,32,0,0" Command="{Binding OpenImgCmd}" Content="{x:Static langs:Lang.OpenImageBrowser}" Style="{StaticResource ButtonPrimary}" HorizontalAlignment="Center"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ImageBrowserDemoCtl.xaml.cs

@@ -0,0 +1,14 @@
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    /// ImageBrowserDemoCtl.xaml 的交互逻辑
+    /// </summary>
+    public partial class ImageBrowserDemoCtl
+    {
+        public ImageBrowserDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/LoadingDemoCtl.xaml

@@ -0,0 +1,18 @@
+<UserControl x:Class="HandyControlDemo.UserControl.LoadingDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <StackPanel Width="600" Margin="32" VerticalAlignment="Center">
+            <controls:LoadingLine/>
+            <controls:LoadingLine Margin="0,30" Foreground="BlueViolet" Style="{StaticResource LoadingLineLarge}"/>
+            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                <controls:LoadingCircle/>
+                <Border VerticalAlignment="Center" Margin="32,0,0,0" Background="{DynamicResource PrimaryBrush}" CornerRadius="10">
+                    <controls:LoadingCircle Style="{StaticResource LoadingCircleLight}" Margin="10"/>
+                </Border>
+            </StackPanel>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/LoadingDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class LoadingDemoCtl
+    {
+        public LoadingDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/NumericUpDownDemoCtl.xaml

@@ -0,0 +1,29 @@
+<UserControl x:Class="HandyControlDemo.UserControl.NumericUpDownDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" Orientation="Horizontal">
+            <StackPanel>
+                <controls:NumericUpDown/>
+                <controls:NumericUpDown Margin="0,32,0,0" IsEnabled="False"/>
+
+                <controls:NumericUpDown controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Style="{StaticResource NumericUpDownExtend}"/>
+                <controls:NumericUpDown controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" controls:InfoElement.Necessary="True" Style="{StaticResource NumericUpDownExtend}"/>
+                <controls:NumericUpDown Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource NumericUpDownExtend}" Margin="0,32,0,0"/>
+                <controls:NumericUpDown Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource NumericUpDownExtend}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+            </StackPanel>
+            <StackPanel Margin="32,0,0,0">
+                <controls:NumericUpDown Name="NumericUpDownCustomVerify" ShowClearButton="True" Style="{StaticResource NumericUpDownPlus}"/>
+                <controls:NumericUpDown Margin="0,32,0,0" IsEnabled="False" Style="{StaticResource NumericUpDownPlus}"/>
+
+                <controls:NumericUpDown ShowClearButton="True" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Style="{StaticResource NumericUpDownPlus}"/>
+                <controls:NumericUpDown controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" controls:InfoElement.Necessary="True" Style="{StaticResource NumericUpDownPlus}"/>
+                <controls:NumericUpDown Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource NumericUpDownPlus}" Margin="0,32,0,0"/>
+                <controls:NumericUpDown DecimalPlaces="2" ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource NumericUpDownPlus}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+            </StackPanel>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/NumericUpDownDemoCtl.xaml.cs

@@ -0,0 +1,19 @@
+using HandyControl.Data;
+
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class NumericUpDownDemoCtl
+    {
+        public NumericUpDownDemoCtl()
+        {
+            InitializeComponent();
+
+            NumericUpDownCustomVerify.VerifyFunc = str => double.TryParse(str, out var v)
+                ? v % 2 < 1e-06 
+                    ? OperationResult.Failed(Properties.Langs.Lang.Error) 
+                    : OperationResult.Success()
+                : OperationResult.Failed(Properties.Langs.Lang.Error);
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/OutlineTextDemoCtl.xaml

@@ -0,0 +1,16 @@
+<UserControl x:Class="HandyControlDemo.UserControl.OutlineTextDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" Width="400">
+            <controls:OutlineText TextWrapping="Wrap" Text="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=20}"/>
+            <controls:OutlineText Margin="0,10,0,0" FontSize="30" Fill="{DynamicResource SuccessBrush}" Text="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=8}"/>
+            <controls:OutlineText Margin="0,10,0,0" FontSize="30" FontStyle="Italic" Text="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=8}"/>
+            <controls:OutlineText Margin="0,10,0,0" TextWrapping="Wrap" TextTrimming="CharacterEllipsis" FontSize="50" StrokeThickness="2" Fill="{DynamicResource DangerBrush}" Stroke="{DynamicResource PrimaryBrush}" Text="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=5}"/>
+            <controls:OutlineText Margin="0,10,0,0" FontSize="80" FontWeight="Bold" StrokeThickness="4" Fill="{DynamicResource PrimaryBrush}" Stroke="{DynamicResource DangerBrush}" Text="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=2}"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/OutlineTextDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class OutlineTextDemoCtl
+    {
+        public OutlineTextDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/PaginationDemoCtl.xaml

@@ -0,0 +1,45 @@
+<UserControl x:Class="HandyControlDemo.UserControl.PaginationDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             DataContext="{Binding PaginationDemo,Source={StaticResource Locator}}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:i="clr-namespace:HandyControl.Interactivity;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <Grid Margin="32">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <controls:Pagination MaxPageCount="10" PageIndex="{Binding PageIndex}">
+                <i:Interaction.Triggers>
+                    <i:EventTrigger EventName="PageUpdated">
+                        <i:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                    </i:EventTrigger>
+                </i:Interaction.Triggers>
+            </controls:Pagination>
+            <DataGrid IsReadOnly="True" Width="600" Margin="0,16,0,0" Grid.Row="1" HeadersVisibility="All" RowHeaderWidth="60" AutoGenerateColumns="False" ItemsSource="{Binding DataList}">
+                <DataGrid.RowHeaderTemplate>
+                    <DataTemplate>
+                        <CheckBox IsChecked="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=DataGridRow}}"/>
+                    </DataTemplate>
+                </DataGrid.RowHeaderTemplate>
+                <DataGrid.Columns>
+                    <DataGridTextColumn IsReadOnly="True" Width="80" CanUserResize="False" Binding="{Binding Index}" Header="{x:Static langs:Lang.Index}"/>
+                    <DataGridTemplateColumn Width="50" CanUserResize="False">
+                        <DataGridTemplateColumn.CellTemplate>
+                            <DataTemplate>
+                                <Image Source="{Binding ImgPath}" Width="32" Height="32" Stretch="Uniform"/>
+                            </DataTemplate>
+                        </DataGridTemplateColumn.CellTemplate>
+                    </DataGridTemplateColumn>
+                    <DataGridTextColumn Width="1*" Binding="{Binding Name}" Header="{x:Static langs:Lang.Name}"/>
+                    <DataGridCheckBoxColumn Width="100" CanUserResize="False" Binding="{Binding IsSelected}" Header="{x:Static langs:Lang.Selected}"/>
+                    <DataGridComboBoxColumn ItemsSource="{Binding Source={StaticResource DemoTypes}}" Width="100" CanUserResize="False" SelectedValueBinding="{Binding Type}" Header="{x:Static langs:Lang.Type}"/>
+                    <DataGridTextColumn Width="1*" Binding="{Binding Remark}" Header="{x:Static langs:Lang.Remark}"/>
+                </DataGrid.Columns>
+            </DataGrid>
+        </Grid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/PaginationDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class PaginationDemoCtl
+    {
+        public PaginationDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/PasswordBoxDemoCtl.xaml

@@ -0,0 +1,20 @@
+<UserControl x:Class="HandyControlDemo.UserControl.PasswordBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32">
+            <controls:PasswordBox ShowClearButton="True" Password="123456"/>
+            <controls:PasswordBox Password="123456" IsEnabled="False" Margin="0,16,0,0"/>
+
+            <controls:PasswordBox ShowClearButton="True" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Password="123456" Margin="0,32,0,0"/>
+            <controls:PasswordBox controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+
+            <controls:PasswordBox ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0" Password="123456"/>
+            <controls:PasswordBox Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/PasswordBoxDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class PasswordBoxDemoCtl
+    {
+        public PasswordBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/PreviewSliderDemoCtl.xaml

@@ -0,0 +1,13 @@
+<UserControl x:Class="HandyControlDemo.UserControl.PreviewSliderDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:PreviewSlider Name="PreviewSlider" Width="800" Value="500" Maximum="1000" VerticalAlignment="Center" Margin="32">
+            <controls:PreviewSlider.PreviewContent>
+                <Label Style="{StaticResource LabelPrimary}" Content="{Binding PreviewPosition,ElementName=PreviewSlider}" ContentStringFormat="{}{0:#0.0}"/>
+            </controls:PreviewSlider.PreviewContent>
+        </controls:PreviewSlider>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/PreviewSliderDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class PreviewSliderDemoCtl
+    {
+        public PreviewSliderDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/RateDemoCtl.xaml

@@ -0,0 +1,15 @@
+<UserControl x:Class="HandyControlDemo.UserControl.RateDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" HorizontalAlignment="Center" VerticalAlignment="Center" Width="170">
+            <controls:Rate Value="2"/>
+            <controls:Rate Value="5" Count="6" Margin="0,16,0,0" Foreground="{DynamicResource SuccessBrush}"/>
+            <controls:Rate DefaultValue="3" IsReadOnly="True" AllowHalf="True" Margin="0,16,0,0" Foreground="{DynamicResource WarningBrush}"/>
+            <controls:Rate DefaultValue="1" AllowClear="False" AllowHalf="True" Margin="0,16,0,0" Foreground="{DynamicResource DangerBrush}" Icon="{StaticResource LoveGeometry}"/>
+            <controls:Rate Value="4.5" AllowHalf="True" ShowText="True" Margin="0,16,0,0" Foreground="{DynamicResource DangerBrush}" Icon="{StaticResource LoveGeometry}"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/RateDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class RateDemoCtl
+    {
+        public RateDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ScrollViewerDemoCtl.xaml

@@ -0,0 +1,79 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ScrollViewerDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}"
+             Width="550"
+             Height="600">
+    <controls:TransitioningContentControl>
+        <Grid Margin="32">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <Border BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+                <controls:ScrollViewer Orientation="Horizontal" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Hidden" IsEnableInertia="True">
+                    <StackPanel Orientation="Horizontal">
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                    </StackPanel>
+                </controls:ScrollViewer>
+            </Border>
+            <Border Grid.Row="1" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Margin="0,16,0,0">
+                <controls:ScrollViewer IsEnableInertia="True">
+                    <WrapPanel Orientation="Horizontal">
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                            <Border Background="{DynamicResource PrimaryBrush}">
+                                <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                            </Border>
+                        </Border>
+                    </WrapPanel>
+                </controls:ScrollViewer>
+            </Border>
+        </Grid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ScrollViewerDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class ScrollViewerDemoCtl
+    {
+        public ScrollViewerDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/SearchBarDemoCtl.xaml

@@ -0,0 +1,29 @@
+<UserControl x:Class="HandyControlDemo.UserControl.SearchBarDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" Orientation="Horizontal">
+            <StackPanel>
+                <controls:SearchBar/>
+                <controls:SearchBar Margin="0,32,0,0" IsEnabled="False"/>
+
+                <controls:SearchBar controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Style="{StaticResource SearchBarExtend}"/>
+                <controls:SearchBar controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" controls:InfoElement.Necessary="True" Style="{StaticResource SearchBarExtend}"/>
+                <controls:SearchBar Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource SearchBarExtend}" Margin="0,32,0,0"/>
+                <controls:SearchBar Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource SearchBarExtend}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+            </StackPanel>
+            <StackPanel Margin="32,0,0,0">
+                <controls:SearchBar Name="SearchBarCustomVerify" ShowClearButton="True" Style="{StaticResource SearchBarPlus}"/>
+                <controls:SearchBar Margin="0,32,0,0" IsEnabled="False" Style="{StaticResource SearchBarPlus}"/>
+
+                <controls:SearchBar ShowClearButton="True" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Style="{StaticResource SearchBarPlus}"/>
+                <controls:SearchBar TextType="Mail" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterEmail}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" controls:InfoElement.Necessary="True" Style="{StaticResource SearchBarPlus}"/>
+                <controls:SearchBar Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource SearchBarPlus}" Margin="0,32,0,0"/>
+                <controls:SearchBar ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Necessary="True" Margin="0,32,0,0"/>
+            </StackPanel>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/SearchBarDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class SearchBarDemoCtl
+    {
+        public SearchBarDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/ShieldDemoCtl.xaml

@@ -0,0 +1,16 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ShieldDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:interactivity="clr-namespace:HandyControl.Interactivity;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Orientation="Horizontal" Margin="32">
+            <controls:Shield Subject=".net" Status=">=4.0" Color="#1182c3"/>
+            <controls:Shield Subject="c#" Status="7.0" Margin="4,0,0,0" Color="#1182c3"/>
+            <controls:Shield Subject="IDE" Status="2017" Margin="4,0,0,0" Color="#1182c3"/>
+            <controls:Shield Subject="chat" Status="on gitter" Margin="4,0,0,0" Color="#4eb899" Command="interactivity:ControlCommands.OpenLink" controls:LinkElement.Link="https://gitter.im/HandyControl/Lobby?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge&amp;utm_content=badge"/>
+            <controls:Shield Subject="qq" Status="714704041" Margin="4,0,0,0" Color="#d8624c" Command="interactivity:ControlCommands.OpenLink" controls:LinkElement.Link="http://shang.qq.com/wpa/qunwpa?idkey=a571e5553c9d41e49c4f22f3a8b2865451497a795ff281fedf3285def247efc1"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/ShieldDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class ShieldDemoCtl
+    {
+        public ShieldDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/StepBarDemoCtl.xaml

@@ -0,0 +1,59 @@
+<UserControl x:Class="HandyControlDemo.UserControl.StepBarDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             DataContext="{Binding StepBarDemo,Source={StaticResource Locator}}"
+             FocusManager.FocusedElement="{Binding RelativeSource={x:Static RelativeSource.Self}, Mode=OneTime}"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <Grid Margin="32" Name="PanelMain">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+            </Grid.ColumnDefinitions>
+            <controls:StepBar Grid.ColumnSpan="2">
+                <controls:StepBarItem Content="{x:Static langs:Lang.Register}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.BasicInfo}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.UploadFile}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.Complete}"/>
+            </controls:StepBar>
+            <StackPanel Margin="0,32" Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Center">
+                <Button Command="{Binding PrevCmd}" CommandParameter="{Binding ElementName=PanelMain}" Width="180" Content="{x:Static langs:Lang.Prev}" Style="{StaticResource ButtonPrimary}"/>
+                <Button Command="{Binding NextCmd}" CommandParameter="{Binding ElementName=PanelMain}" Width="180" Margin="0,16,0,0" Content="{x:Static langs:Lang.Next}" Style="{StaticResource ButtonPrimary}"/>
+            </StackPanel>
+            <controls:StepBar Margin="0,0,0,32" Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" Dock="Bottom">
+                <controls:StepBarItem Content="{x:Static langs:Lang.Register}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.BasicInfo}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.UploadFile}"/>
+                <controls:StepBarItem Content="{x:Static langs:Lang.Complete}"/>
+            </controls:StepBar>
+            <controls:StepBar Grid.Column="0" Grid.Row="3" ItemsSource="{Binding DataList}" Dock="Left">
+                <controls:StepBar.ItemTemplate>
+                    <DataTemplate>
+                        <StackPanel>
+                            <TextBlock Text="{Binding Header}" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left"/>
+                            <TextBlock Margin="0,4,0,0" Text="{Binding Content}"/>
+                        </StackPanel>
+                    </DataTemplate>
+                </controls:StepBar.ItemTemplate>
+            </controls:StepBar>
+            <controls:StepBar Grid.Column="1" Grid.Row="3" ItemsSource="{Binding DataList}" Dock="Right">
+                <controls:StepBar.ItemTemplate>
+                    <DataTemplate>
+                        <StackPanel>
+                            <TextBlock Text="{Binding Header}" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left"/>
+                            <TextBlock Margin="0,4,0,0" Text="{Binding Content}"/>
+                        </StackPanel>
+                    </DataTemplate>
+                </controls:StepBar.ItemTemplate>
+            </controls:StepBar>
+        </Grid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/StepBarDemoCtl.xaml.cs

@@ -0,0 +1,14 @@
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    /// StepBarDemoCtl.xaml 的交互逻辑
+    /// </summary>
+    public partial class StepBarDemoCtl
+    {
+        public StepBarDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/TabControlDemoCtl.xaml

@@ -0,0 +1,65 @@
+<UserControl x:Class="HandyControlDemo.UserControl.TabControlDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:ScrollViewer HorizontalScrollBarVisibility="Auto">
+            <StackPanel>
+                <Label Style="{StaticResource LabelPrimary}" Content="Default" Margin="32,32,0,0" HorizontalAlignment="Left"/>
+                <controls:TabControl Margin="32,16,32,0" Width="800" Height="300">
+                    <controls:TabItem Header="TabItem1">
+                        <Grid Background="White"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem2">
+                        <Grid Background="{DynamicResource DarkDangerBrush}"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem3" IsSelected="True">
+                        <Grid Background="{DynamicResource PrimaryBrush}"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem4">
+                        <Grid Background="{DynamicResource DarkInfoBrush}"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem5">
+                        <Grid Background="{DynamicResource DarkSuccessBrush}"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem6">
+                        <Grid Background="{DynamicResource DarkWarningBrush}"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem7">
+                        <Grid Background="{DynamicResource DarkAccentBrush}"/>
+                    </controls:TabItem>
+                </controls:TabControl>
+                <StackPanel Orientation="Horizontal" Margin="32,32,32,16">
+                    <Label Style="{StaticResource LabelPrimary}" Margin="0" Content="IsEnableTabFill = True"/>
+                    <Label Style="{StaticResource LabelPrimary}" Margin="16,0,0,0" Content="ShowCloseButton = True"/>
+                    <Label Style="{StaticResource LabelPrimary}" Margin="16,0,0,0" Content="IsDraggable = True"/>
+                    <Label Style="{StaticResource LabelPrimary}" Margin="16,0,0,0" Content="IsEnableAnimation = True"/>
+                </StackPanel>
+                <controls:TabControl IsEnableAnimation="True" ShowCloseButton="True" IsDraggable="True" IsEnableTabFill="True" Margin="32,0,32,32" Width="800" Height="300">
+                    <controls:TabItem Header="TabItem1">
+                        <Grid Background="White"/>
+                    </controls:TabItem>
+                    <controls:TabItem IsSelected="True" Header="TabItem2">
+                        <Grid Background="#FFE8563F"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem3">
+                        <Grid Background="#FF3F4EE8"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem4">
+                        <Grid Background="#FFE83F6D"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem5">
+                        <Grid Background="#FFB23FE8"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem6">
+                        <Grid Background="#FF3FE8E8"/>
+                    </controls:TabItem>
+                    <controls:TabItem Header="TabItem7">
+                        <Grid Background="#FFE8E03F"/>
+                    </controls:TabItem>
+                </controls:TabControl>
+            </StackPanel>
+        </controls:ScrollViewer>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/TabControlDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class TabControlDemoCtl
+    {
+        public TabControlDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/TagDemoCtl.xaml

@@ -0,0 +1,21 @@
+<UserControl x:Class="HandyControlDemo.UserControl.TagDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <controls:TagPanel AddTagButtonClick="TagPanel_OnAddTagButtonClick" Margin="32" Orientation="Horizontal" MaxWidth="400" VerticalAlignment="Center" ShowAddButton="True">
+            <controls:Tag ShowCloseButton="False" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=2}"/>
+            <controls:Tag Selectable="True" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=3}"/>
+            <controls:Tag ShowCloseButton="False" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=4}"/>
+            <controls:Tag Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=5}"/>
+            <controls:Tag IsSelected="True" Selectable="True" ShowCloseButton="False" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=4}"/>
+            <controls:Tag Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=3}"/>
+            <controls:Tag ShowCloseButton="False" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=2}"/>
+            <controls:Tag IsSelected="True" Selectable="True" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=3}"/>
+            <controls:Tag ShowCloseButton="False" Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=4}"/>
+            <controls:Tag Content="{Binding Source={x:Static langs:Lang.Text}, Converter={StaticResource StringRepeatConverter}, ConverterParameter=5}"/>
+        </controls:TagPanel>   
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/TagDemoCtl.xaml.cs

@@ -0,0 +1,24 @@
+using System;
+using HandyControl.Controls;
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class TagDemoCtl
+    {
+        public TagDemoCtl()
+        {
+            InitializeComponent();
+        }
+
+        private void TagPanel_OnAddTagButtonClick(object sender, EventArgs e)
+        {
+            if (sender is TagPanel panel)
+            {
+                panel.Children.Add(new Tag
+                {
+                    Content = Properties.Langs.Lang.SubTitle
+                });
+            }
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/TextBoxDemoCtl.xaml

@@ -0,0 +1,18 @@
+<UserControl x:Class="HandyControlDemo.UserControl.TextBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32">
+            <controls:TextBox ShowClearButton="True" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+            <controls:TextBox Text="{x:Static langs:Lang.ContentDemoStr}" Margin="0,16,0,0" IsEnabled="False"/>
+
+            <controls:TextBox ShowClearButton="True" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+            <controls:TextBox TextType="Mail" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterEmail}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+            <controls:TextBox Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0" Text="{x:Static langs:Lang.ContentDemoStr}"/>
+            <controls:TextBox ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/TextBoxDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class TextBoxDemoCtl
+    {
+        public TextBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/TimeBarDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.TimeBarDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:TimeBar BorderThickness="0" Margin="32" Width="600"  VerticalAlignment="Center"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/TimeBarDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class TimeBarDemoCtl
+    {
+        public TimeBarDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/TimePickerDemoCtl.xaml

@@ -0,0 +1,31 @@
+<UserControl x:Class="HandyControlDemo.UserControl.TimePickerDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" Orientation="Horizontal">
+            <StackPanel>
+                <controls:TimePicker ShowClearButton="True"/>
+                <controls:TimePicker Margin="0,16,0,0" IsEnabled="False"/>
+
+                <controls:TimePicker ShowClearButton="True" Style="{StaticResource TimePickerExtend}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0"/>
+                <controls:TimePicker controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" Style="{StaticResource TimePickerExtend}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+                <controls:TimePicker ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" Style="{StaticResource TimePickerExtend}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0"/>
+                <controls:TimePicker Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource TimePickerExtend}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+            </StackPanel>
+            <StackPanel Margin="32,0,0,0">
+                <controls:TimePicker ShowClearButton="True" Style="{StaticResource TimePickerPlus}"/>
+                <controls:TimePicker Margin="0,16,0,0" IsEnabled="False" Style="{StaticResource TimePickerPlus}"/>
+
+                <controls:TimePicker ShowClearButton="True" Style="{StaticResource TimePickerPlus}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr1}" Margin="0,32,0,0"/>
+                <controls:TimePicker controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr2}" Style="{StaticResource TimePickerPlus}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+
+                <controls:TimePicker ShowClearButton="True" Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" Style="{StaticResource TimePickerPlus}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Margin="0,32,0,0"/>
+                <controls:TimePicker Width="380" controls:InfoElement.TitleWidth="140" controls:InfoElement.TitleAlignment="Left" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterContent}" controls:InfoElement.Title="{x:Static langs:Lang.TitleDemoStr3}" Style="{StaticResource TimePickerPlus}" controls:InfoElement.Necessary="True" Margin="0,16,0,0"/>
+            </StackPanel>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/TimePickerDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class TimePickerDemoCtl
+    {
+        public TimePickerDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/WaterfallPanelDemoCtl.xaml

@@ -0,0 +1,57 @@
+<UserControl x:Class="HandyControlDemo.UserControl.WaterfallPanelDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:interactivity="clr-namespace:HandyControl.Interactivity;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <ContentControl>
+        <Grid Margin="32">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <controls:NumericUpDown x:Name="UpDownGroups" HorizontalAlignment="Center" Value="2" Minimum="1" Maximum="3" Width="200" Style="{StaticResource NumericUpDownExtend}" controls:TitleElement.Title="{x:Static langs:Lang.Groups}" controls:TitleElement.TitleWidth="50" controls:TitleElement.TitleAlignment="Left"/>
+            <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="0,16,0,0">
+                <controls:ScrollViewer MaxHeight="300">
+                    <controls:WaterfallPanel VerticalAlignment="Center" Width="300" Groups="{Binding Value,ElementName=UpDownGroups}" controls:PanelElement.FluidMoveBehavior="{StaticResource BehaviorXY200}">
+                        <Border Height="100" Background="{DynamicResource PrimaryBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Height="140" Background="{DynamicResource DangerBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Height="100" Background="{DynamicResource SuccessBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Height="170" Background="{DynamicResource InfoBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Height="100" Background="{DynamicResource WarningBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                    </controls:WaterfallPanel>
+                </controls:ScrollViewer>
+                <controls:ScrollViewer Margin="32,0,0,0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Hidden" Orientation="Horizontal" MaxWidth="300">
+                    <controls:WaterfallPanel VerticalAlignment="Center" Height="300" Orientation="Vertical" Groups="{Binding Value,ElementName=UpDownGroups}" controls:PanelElement.FluidMoveBehavior="{StaticResource BehaviorXY200}">
+                        <Border Width="100" Background="{DynamicResource PrimaryBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Width="140" Background="{DynamicResource DangerBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Width="100" Background="{DynamicResource SuccessBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Width="170" Background="{DynamicResource InfoBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                        <Border Width="100" Background="{DynamicResource WarningBrush}" Effect="{StaticResource EffectShadow1}" Margin="5">
+                            <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                        </Border>
+                    </controls:WaterfallPanel>
+                </controls:ScrollViewer>
+            </StackPanel>
+        </Grid>
+    </ContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/WaterfallPanelDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class WaterfallPanelDemoCtl
+    {
+        public WaterfallPanelDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Controls/WindowDemoCtl.xaml

@@ -0,0 +1,20 @@
+<UserControl x:Class="HandyControlDemo.UserControl.WindowDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:data="clr-namespace:HandyControlDemo.Data"
+             DataContext="{Binding WindowDemo,Source={StaticResource Locator}}"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <UniformGrid Margin="32" Columns="3" Rows="3" Height="200">
+            <Button Command="{Binding OpenWindowCmd}" CommandParameter="{x:Static data:MessageToken.CommonWindow}" Content="{x:Static langs:Lang.OpenCommonWindow}"/>
+            <Button Command="{Binding OpenWindowCmd}" CommandParameter="{x:Static data:MessageToken.BlurWindow}" Content="{x:Static langs:Lang.OpenBlurWindow}"/>
+            <Button Command="{Binding OpenWindowCmd}" CommandParameter="{x:Static data:MessageToken.CustomNonClientAreaWindow}" Content="{x:Static langs:Lang.OpenCustomNonClientAreaWindow}"/>
+            <Button Click="ButtonMessage_OnClick" Content="{x:Static langs:Lang.OpenMessageWindow}"/>
+            <Button Click="ButtonCustomContent_OnClick" Content="{x:Static langs:Lang.OpenCustomContentWindow}"/>
+            <Button Name="ButtonMouseFollow" Click="ButtonMouseFollow_OnClick" Content="{x:Static langs:Lang.OpenMouseFollowWindow}"/>
+            <Button Command="{Binding OpenWindowCmd}" CommandParameter="{x:Static data:MessageToken.NoNonClientAreaDragableWindow}" Content="{x:Static langs:Lang.OpenNoNonClientAreaDragableWindow}"/>
+        </UniformGrid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Controls/WindowDemoCtl.xaml.cs

@@ -0,0 +1,51 @@
+using System.Windows;
+using HandyControl.Controls;
+using HandyControl.Tools;
+using MessageBox = HandyControl.Controls.MessageBox;
+
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class WindowDemoCtl
+    {
+        public WindowDemoCtl()
+        {
+            InitializeComponent();
+        }
+
+        private void ButtonMessage_OnClick(object sender, RoutedEventArgs e)
+        {
+            MessageBox.Show(Properties.Langs.Lang.GrowlAsk, Properties.Langs.Lang.Title, MessageBoxButton.YesNo, MessageBoxImage.Question);
+        }
+
+        private void ButtonMouseFollow_OnClick(object sender, RoutedEventArgs e)
+        {
+            var picker = SingleOpenHelper.CreateControl<ColorPicker>();
+            var window = new PopupWindow
+            {
+                PopupElement = picker
+            };
+            picker.SelectedColorChanged += delegate { window.Close(); };
+            picker.Canceled += delegate { window.Close(); };
+            window.Show(ButtonMouseFollow, false);
+        }
+
+        private void ButtonCustomContent_OnClick(object sender, RoutedEventArgs e)
+        {
+            var picker = SingleOpenHelper.CreateControl<ColorPicker>();
+            var window = new PopupWindow
+            {
+                PopupElement = picker,
+                WindowStartupLocation = WindowStartupLocation.CenterScreen,
+                AllowsTransparency = true,
+                WindowStyle = WindowStyle.None,
+                MinWidth = 0,
+                MinHeight = 0,
+                Title = Properties.Langs.Lang.ColorPicker
+            };
+            picker.SelectedColorChanged += delegate { window.Close(); };
+            picker.Canceled += delegate { window.Close(); };
+            window.Show();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Main/ContributorsView.xaml

@@ -0,0 +1,14 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ContributorsView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:userControl="clr-namespace:HandyControlDemo.UserControl"
+             DataContext="{Binding ContributorsView,Source={StaticResource Locator}}"
+             Background="{DynamicResource SecondaryRegionBrush}">
+    <ListBox Background="{DynamicResource GitHubDrawingBrush}" ItemContainerStyle="{StaticResource ListBoxItemStyle}" BorderThickness="0" ItemsSource="{Binding DataList}" ItemsPanel="{StaticResource FluidMoveBehaviorWrapPanelItemsPanelTemplate}">
+        <ListBox.ItemTemplate>
+            <DataTemplate>
+                <userControl:Avatar UserName="{Binding UserName}" Link="{Binding Link}" Source="{Binding AvatarUri}"/>
+            </DataTemplate>
+        </ListBox.ItemTemplate>
+    </ListBox>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Main/ContributorsView.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class ContributorsView
+    {
+        public ContributorsView()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Main/LeftMainContent.xaml

@@ -0,0 +1,364 @@
+<Border controls:ScrollViewer.IsEnableInertia="True"
+        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
+        xmlns:command="http://www.galasoft.ch/mvvmlight"
+        x:Class="HandyControlDemo.UserControl.LeftMainContent"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:data="clr-namespace:HandyControlDemo.Data"
+        Background="{Binding Background,RelativeSource={RelativeSource AncestorType=Window}}"
+        xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+        xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
+    <TabControl SelectionChanged="TabControl_OnSelectionChanged" Style="{StaticResource TabControlInLine}" Background="Transparent" >
+        <i:Interaction.Triggers>
+            <i:EventTrigger EventName="SelectionChanged">
+                <command:EventToCommand Command="{Binding SwitchDemoCmd}" PassEventArgsToCommand="True" />
+            </i:EventTrigger>
+        </i:Interaction.Triggers>
+        <TabItem Background="Transparent" Header="{x:Static langs:Lang.Styles}">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition Width="Auto"/>
+                </Grid.ColumnDefinitions>
+                <controls:SearchBar x:Name="SearchBarStyle" SearchStarted="SearchBarStyle_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
+                <ToggleButton Name="ButtonStyleAscending" Click="ButtonStyleAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
+                    <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
+                        <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
+                    </Border>
+                    <controls:StatusSwitchElement.CheckedElement>
+                        <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
+                    </controls:StatusSwitchElement.CheckedElement>
+                </ToggleButton>
+                <ListBox Name="listStyle" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single" Style="{StaticResource ListBoxTransparent}">
+                    <ListBoxItem Tag="{x:Static data:MessageToken.BrushDemoCtl}" Content="{x:Static langs:Lang.Brush}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Brush_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ButtonDemoCtl}" Content="{x:Static langs:Lang.Button}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ButtonClick_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ToggleButtonDemoCtl}" Content="{x:Static langs:Lang.ToggleButton}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Toggle_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.RadioButtonDemoCtl}" Content="{x:Static langs:Lang.RadioButton}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/RadioButton_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CheckBoxDemoCtl}" Content="{x:Static langs:Lang.CheckBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/CheckBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaiveScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.SliderDemoCtl}" Content="{x:Static langs:Lang.Slider}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Slider_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TextBlockDemoCtl}" Content="{x:Static langs:Lang.TextBlock}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaiveTextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaiveComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaivePasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ExpanderDemoCtl}" Content="{x:Static langs:Lang.Expander}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Expander_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ProgressBarDemoCtl}" Content="{x:Static langs:Lang.ProgressBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ProgressBar_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CalendarDemoCtl}" Content="{x:Static langs:Lang.Calendar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaiveDatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NaiveTabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.DataGridDemoCtl}" Content="{x:Static langs:Lang.DataGrid}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/DataGrid_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TreeViewDemoCtl}" Content="{x:Static langs:Lang.TreeView}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TreeView_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ListBoxDemoCtl}" Content="{x:Static langs:Lang.ListBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ListBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ListViewDemoCtl}" Content="{x:Static langs:Lang.ListView}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ListView_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.GroupBoxDemoCtl}" Content="{x:Static langs:Lang.GroupBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/GroupBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.MenuDemoCtl}" Content="{x:Static langs:Lang.Menu}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ContextMenu_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.RichTextBoxDemoCtl}" Content="{x:Static langs:Lang.RichTextBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/RichTextBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ToolBarDemoCtl}" Content="{x:Static langs:Lang.ToolBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ToolBar_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.BorderDemoCtl}" Content="{x:Static langs:Lang.Border1}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/BorderElement_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                </ListBox>
+            </Grid>
+        </TabItem>
+        <TabItem Background="Transparent" Header="{x:Static langs:Lang.Controls}">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition Width="Auto"/>
+                </Grid.ColumnDefinitions>
+                <controls:SearchBar SearchStarted="SearchBarControl_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
+                <ToggleButton Name="ButtonControlAscending" Click="ButtonControlAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
+                    <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
+                        <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
+                    </Border>
+                    <controls:StatusSwitchElement.CheckedElement>
+                        <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
+                    </controls:StatusSwitchElement.CheckedElement>
+                </ToggleButton>
+                <ListBox Name="listControl" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single"  Style="{StaticResource ListBoxTransparent}">
+                    <ListBoxItem Tag="{x:Static data:MessageToken.NumericUpDownDemoCtl}" Content="{x:Static langs:Lang.NumericUpDown}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/NumericListBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.PasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.DatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ClockDemoCtl}" Content="{x:Static langs:Lang.Clock}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Time_color_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TimePickerDemoCtl}" Content="{x:Static langs:Lang.TimePicker}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TimePicker_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CalendarWithClockDemoCtl}" Content="{x:Static langs:Lang.CalendarWithClock}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.DateTimePickerDemoCtl}" Content="{x:Static langs:Lang.DateTimePicker}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.FlipClockDemoCtl}" Content="{x:Static langs:Lang.FlipClock}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/FlipVertical_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.RateDemoCtl}" Content="{x:Static langs:Lang.Rate}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Star.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.ShieldDemoCtl}" Content="{x:Static langs:Lang.Shield}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Shield_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.SearchBarDemoCtl}" Content="{x:Static langs:Lang.SearchBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Search_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TagDemoCtl}" Content="{x:Static langs:Lang.Tag}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Tag_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.GifImageDemoCtl}" Content="{x:Static langs:Lang.GifImage}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Animation_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.OutlineTextDemoCtl}" Content="{x:Static langs:Lang.OutlineText}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CirclePanelDemoCtl}" Content="{x:Static langs:Lang.CirclePanel}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ColorWheel_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.WaterfallPanelDemoCtl}" Content="{x:Static langs:Lang.WaterfallPanel}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Panel_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.CoverViewDemoCtl}" Content="{x:Static langs:Lang.CoverView}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/DetailDataView_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.CoverFlowDemoCtl}" Content="{x:Static langs:Lang.CoverFlow}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/LinearCarousel_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CircleProgressBarDemoCtl}" Content="{x:Static langs:Lang.CircleProgressBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ShapeArcRing_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.StepBarDemoCtl}" Content="{x:Static langs:Lang.StepBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Flow_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.GrowlDemoCtl}" Content="{x:Static langs:Lang.Growl}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Message_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.LoadingDemoCtl}" Content="{x:Static langs:Lang.Loading}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Loading_Blue_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ImageBrowserDemoCtl}" Content="{x:Static langs:Lang.ImageBrowser}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ImageBrowser_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ColorPickerDemoCtl}" Content="{x:Static langs:Lang.ColorPicker}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ColorPalette_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CarouselDemoCtl}" Content="{x:Static langs:Lang.Carousel}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Carousel_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.CompareSliderDemoCtl}" Content="{x:Static langs:Lang.CompareSlider}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/SplitterControl_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.PreviewSliderDemoCtl}" Content="{x:Static langs:Lang.PreviewSlider}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/HoverMenu_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TimeBarDemoCtl}" Content="{x:Static langs:Lang.TimeBar}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Timeline_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.PaginationDemoCtl}" Content="{x:Static langs:Lang.Pagination}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Paginator_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.AnimationPathDemoCtl}" Content="{x:Static langs:Lang.AnimationPath}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/Path_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.TabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Tag="{x:Static data:MessageToken.ScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.WindowDemoCtl}" Content="{x:Static langs:Lang.Window}">
+                        <controls:EdgeElement.LeftContent>
+                            <Image Source="../../Resources/Img/LeftMainContent/WindowsForm_16x.png"/>
+                        </controls:EdgeElement.LeftContent>
+                    </ListBoxItem>
+                </ListBox>
+            </Grid>
+        </TabItem>
+    </TabControl>
+</Border>

Net40/HandyControlDemo_Net40/UserControl/Main/LeftMainContent.xaml.cs

@@ -0,0 +1,79 @@
+using System.ComponentModel;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using HandyControl.Data;
+using HandyControl.Tools.Extension;
+
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    ///     左侧主内容
+    /// </summary>
+    public partial class LeftMainContent
+    {
+        public LeftMainContent()
+        {
+            InitializeComponent();
+        }
+
+        private void TabControl_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            if (e.AddedItems.Count == 0) return;
+            if (e.AddedItems[0] is TabItem tabItem && tabItem.Content is ListBox listBox)
+            {
+                if (listBox.SelectedItem != null)
+                {
+                    var item = listBox.SelectedItem;
+                    listBox.SelectedIndex = -1;
+                    listBox.SelectedItem = item;
+                }
+            }
+        }
+
+        private void ButtonStyleAscending_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (ButtonStyleAscending.IsChecked == true)
+            {
+                listStyle.Items.SortDescriptions.Add(new SortDescription("Content", ListSortDirection.Ascending));
+            }
+            else
+            {
+                listStyle.Items.SortDescriptions.Clear();
+            }
+        }
+
+        private void ButtonControlAscending_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (ButtonControlAscending.IsChecked == true)
+            {
+                listControl.Items.SortDescriptions.Add(new SortDescription("Content", ListSortDirection.Ascending));
+            }
+            else
+            {
+                listControl.Items.SortDescriptions.Clear();
+            }
+        }
+
+        private void SearchBarStyle_OnSearchStarted(object sender, FunctionEventArgs<string> e)
+        {
+            if (e.Info == null) return;
+
+            foreach (var listBoxItem in listStyle.Items.OfType<ListBoxItem>())
+            {
+                listBoxItem.Show(listBoxItem.Content.ToString().ToLower().Contains(e.Info.ToLower()));
+            }
+        }
+
+        private void SearchBarControl_OnSearchStarted(object sender, FunctionEventArgs<string> e)
+        {
+            if (e.Info == null) return;
+
+            foreach (var listBoxItem in listControl.Items.OfType<ListBoxItem>())
+            {
+                listBoxItem.Show(listBoxItem.Content.ToString().ToLower().Contains(e.Info.ToLower()));
+            }
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Main/MainContent.xaml

@@ -0,0 +1,20 @@
+<Border xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        x:Class="HandyControlDemo.UserControl.MainContent"
+        Background="{DynamicResource MainContentBackgroundBrush}">
+    <Border Background="{DynamicResource MainContentForegroundDrawingBrush}">
+        <Grid Name="GridMain" MinHeight="300" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="16">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <Border Name="BorderEffect" Grid.RowSpan="2" Background="{DynamicResource RegionBrush}" CornerRadius="10" Effect="{StaticResource EffectShadow4}"/>
+            <Border Height="32" Name="BorderTitle" Grid.Row="0" CornerRadius="10,10,0,0" Background="{DynamicResource TitleBrush}">
+                <TextBlock Style="{StaticResource TextBlockDefault}" Foreground="White" Text="{Binding ContentTitle}"/>
+            </Border>
+            <Border Grid.Row="1" ClipToBounds="True">
+                <ContentPresenter Name="PresenterMain" Margin="0,0,0,10" Content="{Binding SubContent}"/>
+            </Border>
+        </Grid>
+    </Border>
+</Border>

Net40/HandyControlDemo_Net40/UserControl/Main/MainContent.xaml.cs

@@ -0,0 +1,47 @@
+using System.Windows;
+using GalaSoft.MvvmLight.Messaging;
+using HandyControl.Tools.Extension;
+using HandyControlDemo.Data;
+
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    ///     主内容
+    /// </summary>
+    public partial class MainContent
+    {
+        private bool _isFull;
+
+        public MainContent()
+        {
+            InitializeComponent();
+
+            Messenger.Default.Register<bool>(this, MessageToken.FullSwitch, FullSwitch);
+        }
+
+        private void FullSwitch(bool isFull)
+        {
+            if (_isFull == isFull) return;
+            _isFull = isFull;
+            if (_isFull)
+            {
+                BorderEffect.Collapse();
+                BorderTitle.Collapse();
+                GridMain.HorizontalAlignment = HorizontalAlignment.Stretch;
+                GridMain.VerticalAlignment = VerticalAlignment.Stretch;
+                GridMain.Margin = new Thickness();
+                PresenterMain.Margin = new Thickness();
+            }
+            else
+            {
+                BorderEffect.Show();
+                BorderTitle.Show();
+                GridMain.HorizontalAlignment = HorizontalAlignment.Center;
+                GridMain.VerticalAlignment = VerticalAlignment.Center;
+                GridMain.Margin = new Thickness(16);
+                PresenterMain.Margin = new Thickness(0, 0, 0, 10);
+            }
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Main/NoUserContent.xaml

@@ -0,0 +1,99 @@
+<Grid x:Class="HandyControlDemo.UserControl.NoUserContent"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:interactivity="clr-namespace:HandyControl.Interactivity;assembly=HandyControl"
+      xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+      Height="29"
+      xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+      xmlns:enum="clr-namespace:HandyControl.Data;assembly=HandyControl"
+      xmlns:shell="http://schemas.microsoft.com/winfx/2006/xaml/presentation/shell">
+    <Grid.ColumnDefinitions>
+        <ColumnDefinition/>
+        <ColumnDefinition Width="Auto"/>
+    </Grid.ColumnDefinitions>
+    <StackPanel VerticalAlignment="Stretch" Orientation="Horizontal">
+        <Button Margin="4,0,0,0" Width="28" Height="29" Style="{StaticResource ButtonCustom}">
+            <interactivity:Interaction.Triggers>
+                <interactivity:EventTrigger EventName="Click">
+                    <interactivity:InvokeCommandAction Command="{x:Static shell:SystemCommands.ShowSystemMenuCommand}" />
+                </interactivity:EventTrigger>
+                <interactivity:EventTrigger EventName="MouseDoubleClick">
+                    <interactivity:InvokeCommandAction Command="{x:Static shell:SystemCommands.CloseWindowCommand}" />
+                </interactivity:EventTrigger>
+            </interactivity:Interaction.Triggers>
+            <Path Height="16" Fill="White" Stretch="Uniform" Data="{StaticResource LogoGeometry}"/>
+        </Button>
+        <Menu MenuItem.Click="MenuItemLinks_OnClick"  Margin="10,0,0,0" Background="Transparent">
+            <MenuItem Foreground="White" Header="{x:Static langs:Lang.Repository}">
+                <MenuItem Tag="https://github.com/NaBian/HandyControl" Header="GitHub">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource GithubGeometry}" Fill="{DynamicResource PrimaryTextBrush}"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+                <MenuItem Tag="https://www.nuget.org/packages/HandyControl" Header="NuGet">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource NugetGeometry}" Fill="#30a5dd"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+            </MenuItem>
+            <MenuItem Foreground="White" Header="{x:Static langs:Lang.About}">
+                <MenuItem Click="MenuItemQQGroup_OnClick" Header="{x:Static langs:Lang.QQGroup}">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource QqGeometry}" Fill="{DynamicResource PrimaryBrush}"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+                <MenuItem Tag="mailto:836904362@qq.com" Header="{x:Static langs:Lang.Email}">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource EmailGeometry}" Fill="{DynamicResource WarningBrush}"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+                <MenuItem Tag="https://gitter.im/HandyControl/Lobby" Header="{x:Static langs:Lang.Chatroom}">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource GitterGeometry}" Fill="#e52e64"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+                <MenuItem Tag="https://www.cnblogs.com/nabian" Header="{x:Static langs:Lang.Blog}">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource CnblogsGeometry}" Fill="{DynamicResource PrimaryTextBrush}"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+                <MenuItem Header="{x:Static langs:Lang.About}" Click="MenuAbout_OnClick">
+                    <MenuItem.Icon>
+                        <Path Data="{StaticResource InfoGeometry}" Fill="{DynamicResource SuccessBrush}"/>
+                    </MenuItem.Icon>
+                </MenuItem>
+            </MenuItem>
+            <MenuItem Click="MenuItemContributors_OnClick" Foreground="White" Header="{x:Static langs:Lang.Contributors}">
+                <MenuItem.Icon>
+                    <Path Data="{StaticResource ContributorsGeometry}" Fill="#ef6c00"/>
+                </MenuItem.Icon>
+            </MenuItem>
+        </Menu>
+    </StackPanel>
+    <Button Grid.Column="1" Click="ButtonConfig_OnClick" Name="ButtonConfig" Style="{StaticResource ButtonIcon}" controls:IconElement.Geometry="{StaticResource ConfigGeometry}"/>
+    <Popup AllowsTransparency="True" Grid.Column="1" PlacementTarget="{Binding ElementName=ButtonConfig}" HorizontalOffset="-25" Name="PopupConfig" VerticalOffset="6" StaysOpen="False">
+        <Border Background="{DynamicResource SecondaryRegionBrush}" CornerRadius="4" Margin="16" Effect="{StaticResource EffectShadow2}">
+            <StackPanel Orientation="Horizontal">
+                <StackPanel Button.Click="ButtonLangs_OnClick" Margin="10,10,0,10">
+                    <Button Tag="zh-cn" Style="{StaticResource ButtonCustom}">
+                        <Image Width="32" Source="/HandyControlDemo;component/Resources/Img/Flag/cn.png"/>
+                    </Button>
+                    <Button Tag="en" Style="{StaticResource ButtonCustom}" Margin="0,10,0,0">
+                        <Image Width="32" Source="/HandyControlDemo;component/Resources/Img/Flag/en.png"/>
+                    </Button>
+                </StackPanel>
+                <StackPanel Button.Click="ButtonSkins_OnClick"  Margin="10,10,10,10">
+                    <Button Tag="{x:Static enum:SkinType.Default}" Style="{StaticResource ButtonCustom}">
+                        <Border Background="White" Width="32" Height="21" CornerRadius="2" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}"/>
+                    </Button>
+                    <Button Tag="{x:Static enum:SkinType.Dark}" Style="{StaticResource ButtonCustom}" Margin="0,10,0,0">
+                        <Border Background="Black" Width="32" Height="21" CornerRadius="2" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}"/>
+                    </Button>
+                    <Button Tag="{x:Static enum:SkinType.Violet}" Style="{StaticResource ButtonCustom}" Margin="0,10,0,0">
+                        <Border Background="DarkViolet" Width="32" Height="21" CornerRadius="2" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}"/>
+                    </Button>
+                </StackPanel>
+            </StackPanel>
+        </Border>
+    </Popup>
+</Grid>

Net40/HandyControlDemo_Net40/UserControl/Main/NoUserContent.xaml.cs

@@ -0,0 +1,85 @@
+using System;
+using System.Diagnostics;
+using System.Reflection;
+using System.Windows;
+using System.Windows.Controls;
+using GalaSoft.MvvmLight.Messaging;
+using HandyControl.Controls;
+using HandyControl.Data;
+using HandyControlDemo.Data;
+using HandyControlDemo.Tools;
+using HandyControlDemo.Window;
+
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class NoUserContent
+    {
+        public NoUserContent()
+        {
+            InitializeComponent();
+        }
+
+        private void ButtonLangs_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (e.OriginalSource is Button button && button.Tag is string tag)
+            {
+                PopupConfig.IsOpen = false;
+                if (tag.Equals(GlobalData.Config.Lang)) return;
+                Growl.Ask(Properties.Langs.Lang.ChangeLangAsk, b =>
+                {
+                    if (!b) return true;
+                    GlobalData.Config.Lang = tag;
+                    GlobalData.Save();
+                    Process.Start(Assembly.GetExecutingAssembly().Location);
+                    Environment.Exit(0);
+                    return true;
+                });
+            }
+        }
+
+        private void ButtonConfig_OnClick(object sender, RoutedEventArgs e) => PopupConfig.IsOpen = true;
+
+        private void ButtonSkins_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (e.OriginalSource is Button button && button.Tag is SkinType tag)
+            {
+                PopupConfig.IsOpen = false;
+                if (tag.Equals(GlobalData.Config.Skin)) return;
+                GlobalData.Config.Skin = tag;
+                GlobalData.Save();
+                ((App)Application.Current).UpdateSkin(tag);
+            }
+        }
+
+        private void MenuItemLinks_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (e.OriginalSource is MenuItem menuItem && menuItem.Tag is string tag)
+            {
+                Process.Start(tag);
+            }
+        }
+
+        private void MenuItemQQGroup_OnClick(object sender, RoutedEventArgs e)
+        {
+            Messenger.Default.Send<object>(null, MessageToken.ClearLeftSelected);
+            Messenger.Default.Send(true, MessageToken.FullSwitch);
+            Messenger.Default.Send(AssemblyHelper.CreateInternalInstance($"UserControl.{MessageToken.QQGroupView}"), MessageToken.LoadShowContent);
+        }
+
+        private void MenuItemContributors_OnClick(object sender, RoutedEventArgs e)
+        {
+            Messenger.Default.Send<object>(null, MessageToken.ClearLeftSelected);
+            Messenger.Default.Send(true, MessageToken.FullSwitch);
+            Messenger.Default.Send(AssemblyHelper.CreateInternalInstance($"UserControl.{MessageToken.ContributorsView}"), MessageToken.LoadShowContent);
+        }
+
+        private void MenuAbout_OnClick(object sender, RoutedEventArgs e)
+        {
+            new AboutWindow
+            {
+                Owner = Application.Current.MainWindow
+            }.ShowDialog();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Main/QQGroupView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="HandyControlDemo.UserControl.QQGroupView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource SecondaryRegionBrush}">
+    <Border Background="{DynamicResource QqDrawingBrush}">
+        <Border Height="274" Effect="{StaticResource EffectShadow5}" Width="200" CornerRadius="10">
+            <Border.Background>
+                <ImageBrush ImageSource="/HandyControlDemo;component/Resources/Img/qq-group.jpg"/>
+            </Border.Background>
+        </Border>
+    </Border>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Main/QQGroupView.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class QQGroupView
+    {
+        public QQGroupView()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/BorderDemoCtl.xaml

@@ -0,0 +1,41 @@
+<UserControl x:Class="HandyControlDemo.UserControl.BorderDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <UniformGrid Margin="32,32,0,0" Columns="3" Rows="2">
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32">
+                <Border Background="{DynamicResource PrimaryBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </Border>
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow1}">
+                <Border Background="{DynamicResource InfoBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </Border>
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow2}">
+                <Border Background="{DynamicResource WarningBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </Border>
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow3}">
+                <Border Background="{DynamicResource DangerBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </Border>
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow4}">
+                <Border Background="{DynamicResource AccentBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                </Border>
+            </Border>
+            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow5}">
+                <Border Background="{DynamicResource BorderBrush}">
+                    <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
+                </Border>
+            </Border>
+        </UniformGrid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/BorderDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class BorderDemoCtl
+    {
+        public BorderDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/BrushDemoCtl.xaml

@@ -0,0 +1,43 @@
+<UserControl x:Class="HandyControlDemo.UserControl.BrushDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <UniformGrid Margin="24" VerticalAlignment="Center" Columns="4" Rows="7">
+            <Label Content="PrimaryBrush" Style="{StaticResource LabelPrimary}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkPrimaryBrush" Background="{DynamicResource DarkPrimaryBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+
+            <Label Content="DangerBrush" Style="{StaticResource LabelDanger}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkDangerBrush" Background="{DynamicResource DarkDangerBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+
+            <Label Content="WarningBrush" Style="{StaticResource LabelWarning}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkWarningBrush" Background="{DynamicResource DarkWarningBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+
+            <Label Content="InfoBrush" Style="{StaticResource LabelInfo}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkInfoBrush" Background="{DynamicResource DarkInfoBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+
+            <Label Content="SuccessBrush" Style="{StaticResource LabelSuccess}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkSuccessBrush" Background="{DynamicResource DarkSuccessBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+
+            <Label Content="AccentBrush" Background="{DynamicResource AccentBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkAccentBrush" Background="{DynamicResource DarkAccentBrush}" Foreground="White" BorderThickness="0" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="PrimaryTextBrush" Background="{DynamicResource PrimaryTextBrush}" Foreground="{DynamicResource ThirdlyTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="SecondaryTextBrush" BorderThickness="0" Background="{DynamicResource SecondaryTextBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="ThirdlyTextBrush" BorderThickness="0" Background="{DynamicResource ThirdlyTextBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="ReverseTextBrush" BorderThickness="0" Background="{DynamicResource ReverseTextBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="TextIconBrush" Background="{DynamicResource TextIconBrush}" Foreground="{DynamicResource ReverseTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="BorderBrush" BorderThickness="0" Background="{DynamicResource BorderBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="SecondaryBorderBrush" BorderThickness="0" Background="{DynamicResource SecondaryBorderBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="BackgroundBrush" BorderThickness="0" Background="{DynamicResource BackgroundBrush}" Foreground="{DynamicResource ReverseTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="RegionBrush" Background="{DynamicResource RegionBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="SecondaryRegionBrush" BorderThickness="0" Background="{DynamicResource SecondaryRegionBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="ThirdlyRegionBrush" Background="{DynamicResource ThirdlyRegionBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="TitleBrush" BorderThickness="0" Background="{DynamicResource TitleBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DefaultBrush" Background="{DynamicResource DefaultBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkDefaultBrush" BorderThickness="0" Background="{DynamicResource DarkDefaultBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkMaskBrush" BorderThickness="0" Background="{DynamicResource DarkMaskBrush}" Foreground="{DynamicResource PrimaryTextBrush}" Margin="8" HorizontalAlignment="Stretch"/>
+            <Label Content="DarkOpacityBrush" BorderThickness="0" Background="{DynamicResource DarkOpacityBrush}" Foreground="White" Margin="8" HorizontalAlignment="Stretch"/>
+        </UniformGrid>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/BrushDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class BrushDemoCtl
+    {
+        public BrushDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/ButtonDemoCtl.xaml

@@ -0,0 +1,88 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ButtonDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <controls:ScrollViewer IsEnableInertia="True">
+            <StackPanel Margin="32">
+                <WrapPanel ItemWidth="160" ItemHeight="130">
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Default}" Margin="5"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Default}" Margin="5"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Primary}" Margin="5" Style="{StaticResource ButtonPrimary}"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Primary}" Margin="5" Style="{StaticResource ButtonPrimary}"/>
+                        <TextBlock TextAlignment="Center" Style="{StaticResource TextBlockDefault}" Text="ButtonPrimary"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Success}" Margin="5" Style="{StaticResource ButtonSuccess}"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Success}" Margin="5" Style="{StaticResource ButtonSuccess}"/>
+                        <TextBlock TextAlignment="Center" Style="{StaticResource TextBlockDefault}" Text="ButtonSuccess"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Info}" Margin="5" Style="{StaticResource ButtonInfo}"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Info}" Margin="5" Style="{StaticResource ButtonInfo}"/>
+                        <TextBlock TextAlignment="Center" Style="{StaticResource TextBlockDefault}" Text="ButtonInfo"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Warning}" Margin="5" Style="{StaticResource ButtonWarning}"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Warning}" Margin="5" Style="{StaticResource ButtonWarning}"/>
+                        <TextBlock TextAlignment="Center" Style="{StaticResource TextBlockDefault}" Text="ButtonWarning"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Danger}" Margin="5" Style="{StaticResource ButtonDanger}"/>
+                        <Button IsEnabled="False" Content="{x:Static langs:Lang.Danger}" Margin="5" Style="{StaticResource ButtonDanger}"/>
+                        <TextBlock TextAlignment="Center" Style="{StaticResource TextBlockDefault}" Text="ButtonDanger"/>
+                    </StackPanel>
+                </WrapPanel>
+                <WrapPanel ItemWidth="160" ItemHeight="130">
+                    <StackPanel>
+                        <Button Width="50" Padding="16,8" Margin="5" controls:IconElement.Geometry="{StaticResource DeleteGeometry}"/>
+                        <Button Width="50" Padding="16,8" IsEnabled="False" Margin="5" controls:IconElement.Geometry="{StaticResource DeleteGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="Default（DeleteGeometry）"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Clock}" Margin="5" Style="{StaticResource ButtonPrimary}" controls:IconElement.Geometry="{StaticResource ClockGeometry}"/>
+                        <Button Content="{x:Static langs:Lang.Clock}" IsEnabled="False" Margin="5" Style="{StaticResource ButtonPrimary}" controls:IconElement.Geometry="{StaticResource ClockGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonPrimary（ClockGeometry）"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Content="{x:Static langs:Lang.Calendar}" Margin="5" Style="{StaticResource ButtonSuccess}" controls:IconElement.Geometry="{StaticResource CalendarGeometry}"/>
+                        <Button Content="{x:Static langs:Lang.Calendar}" IsEnabled="False" Margin="5" Style="{StaticResource ButtonSuccess}" controls:IconElement.Geometry="{StaticResource CalendarGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonSuccess（CalendarGeometry）"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Width="50" Padding="16,8" Margin="5" Style="{StaticResource ButtonInfo}" controls:IconElement.Geometry="{StaticResource DownGeometry}"/>
+                        <Button Width="50" Padding="16,8" IsEnabled="False" Margin="5" Style="{StaticResource ButtonInfo}" controls:IconElement.Geometry="{StaticResource DownGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonInfo（DownGeometry）"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Width="50" Margin="5" Style="{StaticResource ButtonWarning}" controls:IconElement.Geometry="{StaticResource LeftGeometry}"/>
+                        <Button Width="50" IsEnabled="False" Margin="5" Style="{StaticResource ButtonWarning}" controls:IconElement.Geometry="{StaticResource LeftGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonWarning（LeftGeometry）"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Width="50" Padding="16,8" Margin="5" Style="{StaticResource ButtonDanger}" controls:IconElement.Geometry="{StaticResource DeleteGeometry}"/>
+                        <Button Width="50" Padding="16,8" IsEnabled="False" Margin="5" Style="{StaticResource ButtonDanger}" controls:IconElement.Geometry="{StaticResource DeleteGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonDanger（DeleteGeometry）"/>
+                    </StackPanel>
+                </WrapPanel>
+                <WrapPanel ItemWidth="160" ItemHeight="130">
+                    <StackPanel>
+                        <Button Margin="5" Height="28" Padding="10,0" Background="#24292e" Foreground="White" Content="{x:Static langs:Lang.ButtonOpacity}" Style="{StaticResource ButtonCustom}" controls:BackgroundSwitchElement.MouseHoverBackground="Red" controls:BackgroundSwitchElement.MouseDownBackground="PaleVioletRed"/>
+                        <Button Margin="5" Height="28" IsEnabled="False" Padding="10,0" Background="#24292e" Foreground="White" Content="{x:Static langs:Lang.ButtonOpacity}" Style="{StaticResource ButtonCustom}" controls:BackgroundSwitchElement.MouseHoverBackground="Red" controls:BackgroundSwitchElement.MouseDownBackground="PaleVioletRed"/>
+                        <TextBlock TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonCustom"/>
+                    </StackPanel>
+                    <StackPanel>
+                        <Button Width="50" Padding="16,8" Margin="5" Style="{StaticResource ButtonIcon}" Foreground="{DynamicResource PrimaryTextBrush}" controls:IconElement.Geometry="{StaticResource UpDownGeometry}"/>
+                        <Button Width="50" Padding="16,8" IsEnabled="False" Margin="5" Style="{StaticResource ButtonIcon}" Foreground="{DynamicResource PrimaryTextBrush}"  controls:IconElement.Geometry="{StaticResource UpDownGeometry}"/>
+                        <TextBlock TextAlignment="Center" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Style="{StaticResource TextBlockDefault}" Text="ButtonIcon（UpDownGeometry）"/>
+                    </StackPanel>
+                </WrapPanel>
+            </StackPanel>
+        </controls:ScrollViewer>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/ButtonDemoCtl.xaml.cs

@@ -0,0 +1,14 @@
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    /// ButtonDemoCtl.xaml 的交互逻辑
+    /// </summary>
+    public partial class ButtonDemoCtl
+    {
+        public ButtonDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/CalendarDemoCtl.xaml

@@ -0,0 +1,9 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CalendarDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+        <Calendar Margin="32" SelectionMode="MultipleRange"/>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/CalendarDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CalendarDemoCtl
+    {
+        public CalendarDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/CheckBoxDemoCtl.xaml

@@ -0,0 +1,18 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CheckBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             Background="{DynamicResource RegionBrush}"
+             Width="400">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" HorizontalAlignment="Center" VerticalAlignment="Center">
+            <CheckBox Content="{x:Static langs:Lang.CheckBox}" IsChecked="True"/>
+            <CheckBox Margin="0,16,0,0" Content="{x:Static langs:Lang.CheckBox}" IsChecked="True" IsEnabled="False"/>
+            <CheckBox Margin="0,16,0,0" Content="{x:Static langs:Lang.CheckBox}"/>
+            <CheckBox Margin="0,16,0,0" Content="{x:Static langs:Lang.CheckBox}" IsEnabled="False"/>
+            <CheckBox Margin="0,16,0,0" Content="{x:Static langs:Lang.CheckBox}" IsChecked="{x:Null}"/>
+            <CheckBox Margin="0,16,0,0" Content="{x:Static langs:Lang.CheckBox}" IsChecked="{x:Null}" IsEnabled="False"/>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/CheckBoxDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class CheckBoxDemoCtl
+    {
+        public CheckBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/DataGridDemoCtl.xaml

@@ -0,0 +1,52 @@
+<UserControl x:Class="HandyControlDemo.UserControl.DataGridDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             MaxWidth="800"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <TabControl Style="{StaticResource TabControlInLine}">
+            <TabItem Header="{x:Static langs:Lang.Common}">
+                <DataGrid HeadersVisibility="All" RowHeaderWidth="60" AutoGenerateColumns="False" ItemsSource="{Binding DataList}">
+                    <DataGrid.RowHeaderTemplate>
+                        <DataTemplate>
+                            <CheckBox IsChecked="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=DataGridRow}}"/>
+                        </DataTemplate>
+                    </DataGrid.RowHeaderTemplate>
+                    <DataGrid.Columns>
+                        <DataGridTextColumn IsReadOnly="True" Width="80" CanUserResize="False" Binding="{Binding Index}" Header="{x:Static langs:Lang.Index}"/>
+                        <DataGridTemplateColumn Width="50" CanUserResize="False">
+                            <DataGridTemplateColumn.CellTemplate>
+                                <DataTemplate>
+                                    <Image Source="{Binding ImgPath}" Width="32" Height="32" Stretch="Uniform"/>
+                                </DataTemplate>
+                            </DataGridTemplateColumn.CellTemplate>
+                        </DataGridTemplateColumn>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Name}" Header="{x:Static langs:Lang.Name}"/>
+                        <DataGridCheckBoxColumn Width="100" CanUserResize="False" Binding="{Binding IsSelected}" Header="{x:Static langs:Lang.Selected}"/>
+                        <DataGridComboBoxColumn ItemsSource="{Binding Source={StaticResource DemoTypes}}" Width="100" CanUserResize="False" SelectedValueBinding="{Binding Type}" Header="{x:Static langs:Lang.Type}"/>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Remark}" Header="{x:Static langs:Lang.Remark}"/>
+                    </DataGrid.Columns>
+                </DataGrid>
+            </TabItem>
+            <TabItem Header="{x:Static langs:Lang.ShowRowNumber}">
+                <DataGrid HeadersVisibility="All" RowHeaderWidth="60" AutoGenerateColumns="False" ItemsSource="{Binding DataList}" controls:DataGridAttach.ShowRowNumber="True">
+                    <DataGrid.Columns>
+                        <DataGridTemplateColumn Width="50" CanUserResize="False">
+                            <DataGridTemplateColumn.CellTemplate>
+                                <DataTemplate>
+                                    <Image Source="{Binding ImgPath}" Width="32" Height="32" Stretch="Uniform"/>
+                                </DataTemplate>
+                            </DataGridTemplateColumn.CellTemplate>
+                        </DataGridTemplateColumn>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Name}" Header="{x:Static langs:Lang.Name}"/>
+                        <DataGridCheckBoxColumn Width="100" CanUserResize="False" Binding="{Binding IsSelected}" Header="{x:Static langs:Lang.Selected}"/>
+                        <DataGridComboBoxColumn ItemsSource="{Binding Source={StaticResource DemoTypes}}" Width="100" CanUserResize="False" SelectedValueBinding="{Binding Type}" Header="{x:Static langs:Lang.Type}"/>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Remark}" Header="{x:Static langs:Lang.Remark}"/>
+                    </DataGrid.Columns>
+                </DataGrid>
+            </TabItem>
+        </TabControl>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/DataGridDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class DataGridDemoCtl
+    {
+        public DataGridDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/ExpanderDemoCtl.xaml

@@ -0,0 +1,23 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ExpanderDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <StackPanel Margin="32" VerticalAlignment="Center">
+            <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}" Width="240" HorizontalAlignment="Left">
+                <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+            </Expander>
+            <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}" Width="240" HorizontalAlignment="Left">
+                <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+            </Expander>
+            <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}" Width="240" HorizontalAlignment="Left">
+                <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+            </Expander>
+            <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Width="240" HorizontalAlignment="Left">
+                <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+            </Expander>
+        </StackPanel>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/ExpanderDemoCtl.xaml.cs

@@ -0,0 +1,15 @@
+
+
+namespace HandyControlDemo.UserControl
+{
+    /// <summary>
+    /// ExpanderDemoCtl.xaml 的交互逻辑
+    /// </summary>
+    public partial class ExpanderDemoCtl
+    {
+        public ExpanderDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/GroupBoxDemoCtl.xaml

@@ -0,0 +1,49 @@
+<UserControl x:Class="HandyControlDemo.UserControl.GroupBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+    <controls:TransitioningContentControl>
+        <ScrollViewer>
+            <Grid Margin="32">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="Auto"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition/>
+                </Grid.ColumnDefinitions>
+                <GroupBox Grid.Row="0" Grid.Column="0" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" Margin="16">
+                    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
+                        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
+                </GroupBox>
+                <GroupBox Grid.Row="0" Grid.Column="1" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" Margin="16" controls:TitleElement.TitleAlignment="Left">
+                    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
+                        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
+                </GroupBox>
+                <GroupBox Grid.Row="1" Grid.Column="0" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" Margin="16" Style="{StaticResource GroupBoxTab}">
+                    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
+                        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
+                </GroupBox>
+                <GroupBox Grid.Row="1" Grid.Column="1" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" Margin="16" Style="{StaticResource GroupBoxTab}" controls:TitleElement.TitleAlignment="Left">
+                    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
+                        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
+                </GroupBox>
+                <GroupBox Grid.Row="2" Grid.Column="0" Width="300" Header="{x:Static langs:Lang.TitleDemoStr1}" Margin="16" Style="{StaticResource GroupBoxOriginal}" HorizontalContentAlignment="Left">
+                    <TextBox/>
+                </GroupBox>
+                <GroupBox Grid.Row="2" VerticalAlignment="Bottom" Grid.Column="1" Width="300" controls:TitleElement.TitleWidth="100" Header="{x:Static langs:Lang.TitleDemoStr1}" Margin="16" Style="{StaticResource GroupBoxOriginal}" HorizontalContentAlignment="Left" controls:TitleElement.TitleAlignment="Left">
+                    <ComboBox DataContext="{Binding ComboBoxDemo,Source={StaticResource Locator}}" ItemsSource="{Binding DataList}"/>
+                </GroupBox>
+            </Grid>
+        </ScrollViewer>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/GroupBoxDemoCtl.xaml.cs

@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class GroupBoxDemoCtl
+    {
+        public GroupBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}

Net40/HandyControlDemo_Net40/UserControl/Styles/ListBoxDemoCtl.xaml

@@ -0,0 +1,15 @@
+<UserControl x:Class="HandyControlDemo.UserControl.ListBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             Background="{DynamicResource RegionBrush}">
+    <controls:TransitioningContentControl>
+          <ListBox Width="200" Margin="32" ItemsSource="{Binding DataList}">
+              <ListBox.ItemTemplate>
+                  <DataTemplate>
+                      <TextBlock Text="{Binding Name}"/>
+                  </DataTemplate>
+              </ListBox.ItemTemplate>
+          </ListBox>
+    </controls:TransitioningContentControl>
+</UserControl>

Net40/HandyControlDemo_Net40/UserControl/Styles/ListBoxDemoCtl.xaml.cs

@@ -0,0 +1,11 @@
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class ListBoxDemoCtl
+    {
+        public ListBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}