Slider:表示一种控件,该控件使用户可以通过沿着一条轨道移动 Thumb 控件来从一个值范围中进行选择。(官方文档上面写的很难懂,其实就是一个可以用鼠标拖拉来改变值的条)
<Window x:Class="MaterialStorage.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <!--在这里给网格定义了三行一列 第一行高20 第三行高20 其余的自适应--> <Grid.RowDefinitions> <RowDefinition Height="20"></RowDefinition> <RowDefinition Height="*"></RowDefinition> <RowDefinition Height="20"></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" ></ColumnDefinition> </Grid.ColumnDefinitions> <Button Grid.Row="0">按钮1</Button> <!-- Border 被单独拿出来,用于为一些容器绘制边框--> <Border BorderThickness="3" BorderBrush="Black" Grid.Row="1"> <StackPanel x:Name="LayoutRoot" Margin="10,10,10,10"> <TextBlock Text="Basic Slider:" /> <Slider Margin="0,5,0,20" x:Name="slider1" Minimum="0" Maximum="10" /> <TextBlock Text="Slider with ValueChanged event handler:" /> <Slider Margin="0,5,0,0" x:Name="slider2" Minimum="0" Maximum="10" ValueChanged="slider2_ValueChanged" /> <TextBlock Margin="0,5,0,20" x:Name="textBlock1" Text="Current value: 0" /> <TextBlock Text="Slider with vertical orientation:" /> <Slider Margin="0,5,0,20" x:Name="slider3" Minimum="0" Maximum="10" Height="20" Orientation="Vertical"/> <TextBlock Text="Slider with reversed direction:" /> <Slider Margin="0,5,0,20" x:Name="slider4" Minimum="0" Maximum="10" IsDirectionReversed="true"/> </StackPanel> </Border> <Button Grid.Row="2">按钮3</Button> </Grid> </Window>
--------------------------------------------------------------------------------------------------------------------------------------------
顺势而为
顺势而为