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 移动滑动块后的效果

时间: 2024-12-30 10:11:58

Win10系列:C#应用控件基础7的相关文章

Win10系列:JavaScript 控件的使用

向页面中添加的控件可分为两种类型:标准的HTML控件和WinJS库控件.其中标准的HTML控件是指HTML标准中定义的基本控件,如按钮和复选框:WinJS库控件是为开发基于JavaScript 的Windows应用商店应用提供的新控件,如ListView.HtmlControl和PageControl等.下面首先介绍如何添加这两种类型的控件,然后介绍如何为控件注册事件处理函数和设计控件的样式. (1)添加标准的HTML控件 向页面中添加标准的HTML控件可以通过定义相应的HTML元素来实现.例如

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

Button控件 在Windows应用商店应用的开发中,Button控件是使用比较频繁的控件之一,当用户单击Button控件时,会触发相应的单击事件并在定义好的事件处理方法中执行指定的功能.下面将介绍Button控件的使用方法. 在XAML文件中,Button控件的用法如下所示: <Button?.../> -或- <Button?...> <!--添加子元素--> </Button> -或- <Button?...> <!--添加字符串-

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

HyperlinkButton控件 HyperlinkButton控件是以超链接文本形式显示的按钮,可以为其NavigateUri属性设置一个URI地址,当单击超链接文本按钮时,将会使用浏览器打开在HyperlinkButton控件中定义的URI地址页面. 在XAML文件中,HyperlinkButton控件的用法如下所示: <HyperlinkButton?.../> -或- <HyperlinkButton?...> <!--添加子元素--> </Hyperl

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

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

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

ListBox控件 上一小节介绍的ComboBox控件在外观上仅显示当前选中的选项,通过单击此控件文本框才能看到其他选项,而ListBox控件能够以列表形式始终显示选项.在ListBox控件中可以添加多个ListBoxItem列表项来组成一个列表,允许用户在列表中选择一项或多项. 在XAML文件中,ListBox控件的用法如下所示: <ListBox?.../> -或- <ListBox?...> <ListBoxItem><!--添加内容--></L

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

ToggleSwitch控件 在应用程序中ToggleSwitch控件可以模拟一个允许用户在启用和禁用两种状态之间进行切换的物理开关,ToggleSwitch控件的功能与我们在日常生活中所使用的电源开关类似. 在XAML文件中,ToggleSwitch控件的用法如下所示: <ToggleSwitch .../> 下面介绍一下ToggleSwitch控件的常用属性: Header属性,获取或设置ToggleSwitch控件的标题内容. OffContent属性,当ToggleSwitch控件是禁

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

ProgressBar控件 有时候用户需要执行比较复杂的任务,等待任务完成需要很长时间,在等待的过程中一般会使用进度条提示当前任务的执行进度,让用户更好的掌握任务的执行状态,例如在下载资源时会显示下载进度,发送文件时会显示发送进度等.使用ProgressBar控件能够在界面中为用户提供任务进度变化信息. ProgressBar控件分为确定进度条和不确定进度条两种进度显示样式.确定进度条通过从左到右用色块填充的方式表示一个较长操作的进度信息,而不确定进度条使用重复显示的动画证明任务仍在进行中. 在

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

Popup控件 在应用程序中使用Popup控件时,通常会先将其设置为隐藏状态,当用户触发应用中已定义的事件时,Popup控件将以弹出窗口的方式显示相关信息来提示用户操作. 在XAML文件中,Popup控件的用法如下所示: <Popup .../> -或- <Popup ...> <!--添加子元素--> </Popup> 下面介绍一下Popup控件的几个常用属性: Win10系列:C#应用控件基础17

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

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

WPF从我炫系列4---装饰控件的用法

这一节的讲解中,我将为大家介绍WPF装饰控件的用法,主要为大家讲解一下几个控件的用法. ScrollViewer滚动条控件 Border边框控件 ViewBox自由缩放控件 1. ScrollViewer滚动条控件 大家知道在WPF中的一些布局控件中是不带滚动条的,如果里面的内容控件超过了外面布局控件的大小,就不能完全被显示出来,这个时候我们就可以使用滚动条控件,让它滚动显示. 效果图: 默认情况下ScrollViewer是显示垂直滚动条的.但是可以通过属性来控制滚动条的显示. Horizont