• Win10系列:C#应用控件基础7


    Slider控件

    Slider控件包含一个滑动条、一个滑动块和一个取值范围,沿滑动条移动滑动块可以在取值范围内改变Slider控件的值。Slider控件的用途很广泛,例如可以使用Slider控件来设置和表示音响的音量、屏幕的对比度等。

    在XAML文件中,Slider控件的用法如下所示:

    <Slider .../>

    下面介绍一下Slider控件的常用属性:

    • Value属性,获取或设置Slider控件滑块当前位置的值。
    • Minimum属性,获取或设置Slider控件的Value属性能接受的最小值,默认值为0。
    • Maximun属性,获取或设置Slider控件的Value属性能接受的最大值,默认值为100。
    • Orientation属性,获取或设置Slider控件的方向。

    介绍完常用属性后,接着来看一下Slider控件的常用事件:

    • ValueChanged事件,当Value属性值发生改变时触发。
    • Tapped事件,当单击Slider控件所在区域时触发。

    接下来使用Slider控件设计一个显示Value属性值变化的应用示例。

    新建一个名为"SliderDemo"的Windows应用商店的空白应用程序项目,在MainPage.xaml文件的Grid元素中添加如下代码。

    <Slider HorizontalAlignment="Left" Margin="256,103,0,0" Minimum="0" Maximum="10" VerticalAlignment="Top" Width="186" Height="51" ValueChanged="Slider_ValueChanged"/>

    <!--"移动滑块改变显示数值"文本块-->

    <TextBlock HorizontalAlignment="Left" Margin="256,51,0,0" TextWrapping="Wrap" Text="移动滑块改变显示数值" FontSize="18" VerticalAlignment="Top" Width="186" Height="17"/>

    <!--"显示数值:0"文本块-->

    <TextBlock HorizontalAlignment="Left" Name="ShowNumber" Margin="256,142,0,0" Text="显示数值:0" FontSize="15" TextWrapping="Wrap" VerticalAlignment="Top" Width="107" Height="22"/>

    在上面的代码中,添加了一个Slider控件并为其ValueChanged事件注册处理方法Slider_ValueChanged,用于移动滑动条时获得Value属性的值。接着设置Slider控件的Minimum属性值为0,Maximum属性值为10。然后再添加两个TextBlock文本块分别用于显示"移动滑块改变显示数值"和"显示数值:0"文本信息。

    双击打开MainPage.xaml.cs文件,为Slider控件的ValueChanged事件添加处理方法Slider_ValueChanged,用于移动滑块时改变"显示数值:0"文本内容,代码如下所示:

    //改变"显示数值:0"文本信息

    private void Slider_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)

    {

    string selectMessage = String.Format("显示数值: {0}", e.NewValue);

    ShowNumber.Text = selectMessage;

    }

    在上面的代码中,通过参数e的NewValue属性获取移动滑块时产生的值,并用Format方法格式化此值,接着赋值给string类型的变量selectedMessage。最后将selectedMessage变量显示在前台界面的ShowNumber控件中。

    运行程序,在界面上显示两个文本信息和一个滑动条,两个文本信息分别为"移动滑块改变显示数值"和"显示数值:0",效果如图4-13所示。使用鼠标或手指移动滑块到"3"的位置,"显示数值:0"文本信息变为"显示数值:3",效果如图4-14所示。

    图4-13 移动滑动块前效果 图4-14 移动滑动块后的效果

  • 相关阅读:
    good查询
    vue js缓存 清除
    go 项目环境
    flask 多线程 使用数据库报错 No application found. Either work inside a view function or push an application context.
    python 查看文件最新的几行
    go sync.Once
    elselect 多选数据回显id,需要回显label(数据类型对应上了还回显id)
    uniapp微信小程序图片、视频之外的类型的其他文件上传
    fmpeg 多张图片转视频,视频转gif,截取视频,截取视频里的帧
    Mac 下使用 ffmpeg 制作 gif
  • 原文地址:https://www.cnblogs.com/finehappy/p/6648448.html
Copyright © 2020-2023  润新知