diff --git a/Correlator/UserControlPage/NoiseUserControl.xaml b/Correlator/UserControlPage/NoiseUserControl.xaml
index ac31b48..63daa5f 100644
--- a/Correlator/UserControlPage/NoiseUserControl.xaml
+++ b/Correlator/UserControlPage/NoiseUserControl.xaml
@@ -4,7 +4,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:converter="clr-namespace:Correlator.Converter"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     d:DesignHeight="768"
     d:DesignWidth="1366"
@@ -12,7 +12,6 @@
     mc:Ignorable="d">
 
     <UserControl.Resources>
-        <converter:FilterConverter x:Key="FilterConverter" />
         <converter:SignalIntensityImageConverter x:Key="SignalImageConverter" />
     </UserControl.Resources>
 
@@ -91,15 +90,8 @@
                         BorderThickness="0"
                         FontSize="22"
                         Foreground="#545454"
-                        IsEnabled="False">
-                        <TextBox.Text>
-                            <MultiBinding Converter="{StaticResource FilterConverter}" ConverterParameter="2">
-                                <MultiBinding.Bindings>
-                                    <Binding Path="LowValue" />
-                                </MultiBinding.Bindings>
-                            </MultiBinding>
-                        </TextBox.Text>
-                    </TextBox>
+                        IsEnabled="False"
+                        Text="{Binding Path=Value, ElementName=LowPreviewSlider, StringFormat=0}" />
                 </Border>
                 <TextBlock
                     FontSize="30"
@@ -126,15 +118,8 @@
                         BorderThickness="0"
                         FontSize="22"
                         Foreground="#545454"
-                        IsEnabled="False">
-                        <TextBox.Text>
-                            <MultiBinding Converter="{StaticResource FilterConverter}" ConverterParameter="2">
-                                <MultiBinding.Bindings>
-                                    <Binding Path="HighValue" />
-                                </MultiBinding.Bindings>
-                            </MultiBinding>
-                        </TextBox.Text>
-                    </TextBox>
+                        IsEnabled="False"
+                        Text="{Binding Path=Value, ElementName=HighPreviewSlider, StringFormat=0}" />
                 </Border>
                 <TextBlock
                     FontSize="30"
@@ -161,158 +146,77 @@
                 <RowDefinition Height="200" />
                 <RowDefinition />
             </Grid.RowDefinitions>
-            <Grid Grid.Row="0">
-                <!--  传感器图标  -->
-                <Image
-                    Width="30"
-                    Height="88"
-                    Margin="30,0,0,0"
-                    HorizontalAlignment="Left"
-                    VerticalAlignment="Bottom"
-                    Source="{Binding SensorASignalIntensity, Converter={StaticResource SignalImageConverter}, ConverterParameter=5}" />
 
-                <!--  波形图  -->
-                <Grid Width="1100">
-                    <Grid.Background>
-                        <ImageBrush ImageSource="/Correlator;component/Image/background_08.png" />
-                    </Grid.Background>
+            <!--  传感器图标  -->
+            <Image
+                Width="30"
+                Height="88"
+                Margin="30,0,0,0"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Bottom"
+                Source="{Binding SensorASignalIntensity, Converter={StaticResource SignalImageConverter}, ConverterParameter=5}" />
 
-                    <Grid.Clip>
-                        <PathGeometry>
-                            <PathFigure IsClosed="False">
-                                <LineSegment Point="1085,0" />
-                                <ArcSegment
-                                    Point="1100,15"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="1100,185" />
-                                <ArcSegment
-                                    Point="1085,200"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="15,200" />
-                                <ArcSegment
-                                    Point="0,185"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="0,15" />
-                                <ArcSegment
-                                    Point="15,0"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                            </PathFigure>
-                        </PathGeometry>
-                    </Grid.Clip>
+            <!--  波形图  -->
+            <Grid Grid.Row="0" Width="1100">
+                <Grid.Clip>
+                    <PathGeometry>
+                        <PathFigure IsClosed="False">
+                            <LineSegment Point="1085,0" />
+                            <ArcSegment
+                                Point="1100,15"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="1100,185" />
+                            <ArcSegment
+                                Point="1085,200"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="15,200" />
+                            <ArcSegment
+                                Point="0,185"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="0,15" />
+                            <ArcSegment
+                                Point="15,0"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                        </PathFigure>
+                    </PathGeometry>
+                </Grid.Clip>
 
-                    <lvc:CartesianChart IsEnabled="False">
-                        <lvc:CartesianChart.Series>
-                            <lvc:LineSeries
-                                Fill="Transparent"
-                                LineSmoothness="0"
-                                PointGeometrySize="0"
-                                Stroke="#319724"
-                                StrokeThickness="1.5"
-                                Values="{Binding ColumnValuesA}" />
-                        </lvc:CartesianChart.Series>
+                <WpfPlot
+                    x:Name="RedScottplotView"
+                    Margin="-80,-30,-50,-50"
+                    IsEnabled="False" />
 
-                        <!--  设置X轴  -->
-                        <lvc:CartesianChart.AxisX>
-                            <lvc:Axis ShowLabels="False" />
-                        </lvc:CartesianChart.AxisX>
-
-                        <!--  设置Y轴  -->
-                        <lvc:CartesianChart.AxisY>
-                            <lvc:Axis MinValue="0" ShowLabels="False" />
-                        </lvc:CartesianChart.AxisY>
-                    </lvc:CartesianChart>
-                </Grid>
-
-                <!--  滑块划过之后的红色区域  -->
-                <Grid x:Name="gridContainerRed" Width="1100">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="17*" />
-                        <ColumnDefinition Width="1083*" />
-                    </Grid.ColumnDefinitions>
-
-                    <!--  Y中轴线  -->
-                    <Grid
-                        x:Name="gridChartContainerRed"
-                        Grid.ColumnSpan="2"
-                        Width="1100"
-                        ClipToBounds="True">
-                        <Line
-                            Stroke="Black"
-                            StrokeThickness="1"
-                            Visibility="{Binding LineRedVisibility}"
-                            X1="0"
-                            X2="1100"
-                            Y1="100"
-                            Y2="100" />
-                    </Grid>
-
-                    <Canvas
-                        x:Name="CanvasMouseMoveRed"
-                        Grid.Column="0"
-                        Grid.ColumnSpan="2"
-                        Width="{Binding ElementName=gridContainer, Path=ActualWidth}"
-                        Height="{Binding ElementName=gridContainer, Path=ActualHeight}"
-                        Background="Transparent">
-
-                        <Grid Height="200" Background="#7fe04246">
-
-                            <!--  左边滑块  -->
-                            <Image
-                                Margin="-10,0,0,0"
-                                HorizontalAlignment="Left"
-                                Source="/Correlator;component/Image/slider_left.png" />
-
-                            <!--  右边滑块  -->
-                            <Image
-                                Margin="176,0,-10,0"
-                                HorizontalAlignment="Right"
-                                Source="/Correlator;component/Image/slider_right.png" />
-
-                            <Canvas.Left>
-                                <MultiBinding
-                                    Converter="{StaticResource FilterConverter}"
-                                    ConverterParameter="0"
-                                    Mode="OneWay">
-                                    <MultiBinding.Bindings>
-                                        <Binding Path="LowValue" />
-                                        <Binding Path="MinValue" />
-                                        <Binding Path="MaxValue" />
-                                        <Binding ElementName="gridContainerRed" Path="Width" />
-                                    </MultiBinding.Bindings>
-                                </MultiBinding>
-                            </Canvas.Left>
-                            <Grid.Width>
-                                <MultiBinding
-                                    Converter="{StaticResource FilterConverter}"
-                                    ConverterParameter="1"
-                                    Mode="OneWay">
-                                    <MultiBinding.Bindings>
-                                        <Binding Path="HighValue" />
-                                        <Binding Path="LowValue" />
-                                        <Binding Path="MinValue" />
-                                        <Binding Path="MaxValue" />
-                                        <Binding ElementName="gridContainerRed" Path="Width" />
-                                    </MultiBinding.Bindings>
-                                </MultiBinding>
-                            </Grid.Width>
-                        </Grid>
-                    </Canvas>
-                </Grid>
+                <hc:PreviewSlider
+                    x:Name="LowPreviewSlider"
+                    Width="1100"
+                    HorizontalAlignment="Center"
+                    Maximum="3000"
+                    Minimum="20"
+                    Orientation="Horizontal"
+                    Value="{Binding MinCurrentValue}">
+                    <hc:PreviewSlider.PreviewContent>
+                        <Label
+                            Background="Red"
+                            Content="{Binding Path=(hc:PreviewSlider.PreviewPosition), RelativeSource={RelativeSource Self}}"
+                            ContentStringFormat="#0"
+                            Style="{StaticResource LabelPrimary}" />
+                    </hc:PreviewSlider.PreviewContent>
+                </hc:PreviewSlider>
             </Grid>
 
             <Grid
                 Grid.Row="1"
                 Width="1100"
                 Margin="0,10">
-                <TextBlock FontSize="14" Text="{Binding MinValue, StringFormat={}{0}Hz}" />
+                <TextBlock FontSize="14" Text="{Binding Path=Minimum, ElementName=LowPreviewSlider, StringFormat=0Hz}" />
                 <TextBlock
                     HorizontalAlignment="Right"
                     FontSize="14"
-                    Text="{Binding MaxValue, StringFormat={}{0}Hz}" />
+                    Text="{Binding Path=Maximum, ElementName=LowPreviewSlider, StringFormat=0Hz}" />
             </Grid>
         </Grid>
 
@@ -321,163 +225,76 @@
                 <RowDefinition Height="200" />
                 <RowDefinition />
             </Grid.RowDefinitions>
-            <Grid Grid.Row="0">
-                <!--  传感器图标  -->
-                <Image
-                    Width="30"
-                    Height="88"
-                    Margin="30,0,0,0"
-                    HorizontalAlignment="Left"
-                    VerticalAlignment="Bottom"
-                    Source="{Binding SensorBSignalIntensity, Converter={StaticResource SignalImageConverter}, ConverterParameter=4}" />
 
-                <!--  波形图  -->
-                <Grid Width="1100" Height="200">
-                    <Grid.Background>
-                        <ImageBrush ImageSource="/Correlator;component/Image/background_08.png" />
-                    </Grid.Background>
+            <!--  传感器图标  -->
+            <Image
+                Width="30"
+                Height="88"
+                Margin="30,0,0,0"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Bottom"
+                Source="{Binding SensorBSignalIntensity, Converter={StaticResource SignalImageConverter}, ConverterParameter=4}" />
 
-                    <Grid.Clip>
-                        <PathGeometry>
-                            <PathFigure IsClosed="False">
-                                <LineSegment Point="1085,0" />
-                                <ArcSegment
-                                    Point="1100,15"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="1100,185" />
-                                <ArcSegment
-                                    Point="1085,200"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="15,200" />
-                                <ArcSegment
-                                    Point="0,185"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                                <LineSegment Point="0,15" />
-                                <ArcSegment
-                                    Point="15,0"
-                                    Size="15,15"
-                                    SweepDirection="Clockwise" />
-                            </PathFigure>
-                        </PathGeometry>
-                    </Grid.Clip>
+            <!--  波形图  -->
+            <Grid Grid.Row="0" Width="1100">
+                <Grid.Clip>
+                    <PathGeometry>
+                        <PathFigure IsClosed="False">
+                            <LineSegment Point="1085,0" />
+                            <ArcSegment
+                                Point="1100,15"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="1100,185" />
+                            <ArcSegment
+                                Point="1085,200"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="15,200" />
+                            <ArcSegment
+                                Point="0,185"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                            <LineSegment Point="0,15" />
+                            <ArcSegment
+                                Point="15,0"
+                                Size="15,15"
+                                SweepDirection="Clockwise" />
+                        </PathFigure>
+                    </PathGeometry>
+                </Grid.Clip>
 
-                    <lvc:CartesianChart IsEnabled="False">
-                        <lvc:CartesianChart.Series>
-                            <lvc:LineSeries
-                                Fill="Transparent"
-                                LineSmoothness="0"
-                                PointGeometrySize="0"
-                                Stroke="#319724"
-                                StrokeThickness="1.5"
-                                Values="{Binding ColumnValuesB}" />
-                        </lvc:CartesianChart.Series>
+                <WpfPlot
+                    x:Name="BlueScottplotView"
+                    Margin="-80,-30,-50,-50"
+                    IsEnabled="False" />
 
-                        <!--  设置X轴  -->
-                        <lvc:CartesianChart.AxisX>
-                            <lvc:Axis ShowLabels="False" />
-                        </lvc:CartesianChart.AxisX>
-
-                        <!--  设置Y轴  -->
-                        <lvc:CartesianChart.AxisY>
-                            <lvc:Axis MinValue="0" ShowLabels="False" />
-                        </lvc:CartesianChart.AxisY>
-                    </lvc:CartesianChart>
-                </Grid>
-
-                <!--  滑块划过之后的蓝色区域  -->
-                <Grid
-                    x:Name="gridContainerBlue"
+                <hc:PreviewSlider
+                    x:Name="HighPreviewSlider"
                     Width="1100"
-                    Height="200">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="17*" />
-                        <ColumnDefinition Width="1083*" />
-                    </Grid.ColumnDefinitions>
-
-                    <!--  Y中轴线  -->
-                    <Grid
-                        Grid.ColumnSpan="2"
-                        Width="1100"
-                        Height="200"
-                        ClipToBounds="True">
-                        <Line
-                            Stroke="Black"
-                            StrokeThickness="1"
-                            Visibility="{Binding LineBlueVisibility}"
-                            X1="0"
-                            X2="1100"
-                            Y1="100"
-                            Y2="100" />
-                    </Grid>
-
-                    <Canvas
-                        x:Name="cvsMouseMoveBlue"
-                        Grid.Column="0"
-                        Grid.ColumnSpan="2"
-                        Width="{Binding ElementName=gridContainer, Path=ActualWidth}"
-                        Height="{Binding ElementName=gridContainer, Path=ActualHeight}"
-                        Background="Transparent">
-
-                        <Grid Height="200" Background="#7f0787d6">
-
-                            <!--  左边滑块  -->
-                            <Image
-                                Margin="-10,0,0,0"
-                                HorizontalAlignment="Left"
-                                Source="/Correlator;component/Image/slider_left.png" />
-
-                            <!--  右边滑块  -->
-                            <Image
-                                Margin="0,0,-10,0"
-                                HorizontalAlignment="Right"
-                                Source="/Correlator;component/Image/slider_right.png" />
-
-                            <Canvas.Left>
-                                <MultiBinding
-                                    Converter="{StaticResource FilterConverter}"
-                                    ConverterParameter="0"
-                                    Mode="OneWay">
-                                    <MultiBinding.Bindings>
-                                        <Binding Path="LowValue" />
-                                        <Binding Path="MinValue" />
-                                        <Binding Path="MaxValue" />
-                                        <Binding ElementName="gridContainerBlue" Path="Width" />
-                                    </MultiBinding.Bindings>
-                                </MultiBinding>
-                            </Canvas.Left>
-
-                            <Grid.Width>
-                                <MultiBinding
-                                    Converter="{StaticResource FilterConverter}"
-                                    ConverterParameter="1"
-                                    Mode="OneWay">
-                                    <MultiBinding.Bindings>
-                                        <Binding Path="HighValue" />
-                                        <Binding Path="LowValue" />
-                                        <Binding Path="MinValue" />
-                                        <Binding Path="MaxValue" />
-                                        <Binding ElementName="gridContainerBlue" Path="Width" />
-                                    </MultiBinding.Bindings>
-                                </MultiBinding>
-                            </Grid.Width>
-                        </Grid>
-                    </Canvas>
-                </Grid>
+                    HorizontalAlignment="Center"
+                    Maximum="3000"
+                    Minimum="20"
+                    Orientation="Horizontal"
+                    Value="{Binding MaxCurrentValue}">
+                    <hc:PreviewSlider.PreviewContent>
+                        <Label
+                            Content="{Binding Path=(hc:PreviewSlider.PreviewPosition), RelativeSource={RelativeSource Self}}"
+                            ContentStringFormat="#0"
+                            Style="{StaticResource LabelPrimary}" />
+                    </hc:PreviewSlider.PreviewContent>
+                </hc:PreviewSlider>
             </Grid>
 
             <Grid
                 Grid.Row="1"
                 Width="1100"
                 Margin="0,10">
-                <TextBlock FontSize="14" Text="{Binding MinValue, StringFormat={}{0}Hz}" />
+                <TextBlock FontSize="14" Text="{Binding Path=Minimum, ElementName=HighPreviewSlider, StringFormat=0Hz}" />
                 <TextBlock
                     HorizontalAlignment="Right"
                     FontSize="14"
-                    Text="{Binding MaxValue, StringFormat={}{0}Hz}" />
+                    Text="{Binding Path=Maximum, ElementName=HighPreviewSlider, StringFormat=0Hz}" />
             </Grid>
         </Grid>
     </Grid>