关于Slider拖动条并与TextBox之间的数据绑定

---

前言

Slider拖动条在生活中很常用，并且需要数据的显示，这里使用TextBox来显示Slider的滑块位置即定义的拖动条的数值，并且可以通过改变TextBox的数值来直接改变Slider滑动条的位置从而做到精准定位

---

一、Slider拖动条是什么？

示例：Slider是visual studio的一种工具，该工具是为了拖动改变数值而设计的

二、使用步骤

1.页面XAML设计代码

1、这里用调光跟冷暖色调做举例（Binging是数据绑定）
代码如下（示例）：

<!--调光拖动条-->
<Slider x:Name="tiaoguang" Value="{Binding ElementName=TGSZ,Path=Text}" Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="9" VerticalAlignment="Center" Margin="37,0" LargeChange="0" Maximum="100" IsSnapToTickEnabled="True"/>
<Label Content="调光" FontSize="23" Foreground="Black" Grid.Column="3" Grid.Row="3" Grid.ColumnSpan="3" HorizontalAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" />
<TextBox x:Name="TGSZ" FontSize="{Binding ElementName=slider,Path=Value}" Grid.Column="8" Grid.Row="3" Background="{x:Null}" BorderBrush="{x:Null}" 
                        Text="{Binding ElementName=slider,Path=Value,UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" Margin="15,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" />

<!--冷暖拖动条-->
 <Slider x:Name="lengnuan" Value="{Binding ElementName=LNSZ,Path=Text}" Grid.Column="0" Grid.Row="4" Grid.ColumnSpan="9" VerticalAlignment="Center" Margin="37,0" Maximum="6500" Minimum="2200" IsSnapToTickEnabled="True"/>
<Label Content="暖" FontSize="23" Foreground="Black" Grid.Column="0" Grid.Row="4"  HorizontalAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Bottom"/>
<Label Content="冷" FontSize="23" Foreground="Black" Grid.Column="8" Grid.Row="4"  HorizontalAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Bottom"/>
<TextBox x:Name="LNSZ" FontSize="{Binding ElementName=slider,Path=Value}" Grid.Column="8" Grid.Row="4" Background="{x:Null}" BorderBrush="{x:Null}" 
                        Text="{Binding ElementName=slider,Path=Value,UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" Margin="15,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" />

总结

以上就是今天要讲的内容，本文仅仅简单介绍了slider的使用，仅仅是slider与textbox之间的数据绑定