Windows 8实用窍门系列:8.Windows 8 中Slider控件和ToggleSwitch控件
2012-11-13 11:25
417 查看
一:Silder控件是滑块控件,在Silverlight中也存在,其主要用于音量调节,亮度调节,色彩调节,温度计等。
主要属性:
FlowDirection:从左向右滑动或者从右向左滑动
Minimum:最小值
Maximum:最大值
Orientation:排列方向,垂直排列或者水平排列
TickFrequency:在Slider长度允许的条件下,每个刻度之间的值
TickPlacement:刻度显示位置,在Slider上面或者下面或者Slider里面
主要事件:ValueChanged:当值变化时触发此事件
Xaml和Cs代码:
二:ToggleSwitch控件是开关控件,在Windows 8中的WIFI开关也是采用这个控件来实现的,另外可以作为音量开关等。
主要属性:
OffContent:关闭状态时需要进行操作的名称,比如开启、Open、启用
OnContent:打开状态时需要进行操作的名称,比如关闭,Close、禁用
Header:控件头部显示的名称。
主要事件:Toggled:当状态切换时触发处理事件。
Xaml和Cs代码:
最后我们看程序运行效果,如需源码请点击 Win8Slider1.rar 下载。
主要属性:
FlowDirection:从左向右滑动或者从右向左滑动
Minimum:最小值
Maximum:最大值
Orientation:排列方向,垂直排列或者水平排列
TickFrequency:在Slider长度允许的条件下,每个刻度之间的值
TickPlacement:刻度显示位置,在Slider上面或者下面或者Slider里面
主要事件:ValueChanged:当值变化时触发此事件
Xaml和Cs代码:
<TextBlock HorizontalAlignment="Left" Margin="471,127,0,0" Name="tbText" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="18" Width="200"/> <Slider HorizontalAlignment="Left" Value="10" Name="slider1" FlowDirection="LeftToRight" Minimum="0" Maximum="100" Orientation="Vertical" TickFrequency="5" TickPlacement="BottomRight" Margin="701,127,0,0" VerticalAlignment="Top" Height="500" Width="43"/>
public MainPage() { this.InitializeComponent(); this.slider1.ValueChanged += slider1_ValueChanged; } void slider1_ValueChanged(object sender, RangeBaseValueChangedEventArgs e) { this.tbText.Text = "Slider控件的新值:" + e.NewValue + " 旧值:" + e.OldValue; }
二:ToggleSwitch控件是开关控件,在Windows 8中的WIFI开关也是采用这个控件来实现的,另外可以作为音量开关等。
主要属性:
OffContent:关闭状态时需要进行操作的名称,比如开启、Open、启用
OnContent:打开状态时需要进行操作的名称,比如关闭,Close、禁用
Header:控件头部显示的名称。
主要事件:Toggled:当状态切换时触发处理事件。
Xaml和Cs代码:
<ToggleSwitch HorizontalAlignment="Left" Margin="471,317,0,0" OffContent="Open" OnContent="Close" Header="Music" VerticalAlignment="Top" Width="175" Toggled="ToggleSwitch_Toggled_1"/>
private void ToggleSwitch_Toggled_1(object sender, RoutedEventArgs e) { //判断ToggleSwitch的开关状态,并且进行处理 var toggle = sender as ToggleSwitch; if (toggle.IsOn) { this.slider1.Visibility = Visibility.Visible; this.slider1.Value = 15; } else { this.slider1.Visibility = Visibility.Collapsed; } }
最后我们看程序运行效果,如需源码请点击 Win8Slider1.rar 下载。
![](http://pic002.cnblogs.com/images/2012/140041/2012111222021120.jpg)
相关文章推荐
- Windows 8实用窍门系列:8.Windows 8 中Slider控件和ToggleSwitch控件 推荐
- Silverlight实用窍门系列:42.读取拖动到控件上的外部txt和jpg文件,多外部文件的拖动【附带实例源码】
- Windows 8实用窍门系列:7.Windows 8 中的三种进度条和两种定时器
- Windows 8实用窍门系列:2.Windows 8开发知识储备
- Silverlight实用窍门系列:7.制作可拖动的自定义控件,获取拖拽后控件坐标【实例源码下载】
- Silverlight实用窍门系列:15.Visifire图表控件的使用二(DataPoint点击事件和Legend文字标注栏的点击事件)【附带源码实例】
- Silverlight实用窍门系列:42.读取拖动到控件上的外部txt和jpg文件,多外部文件的拖动
- Windows 8实用窍门系列:12.windows 8的文件管理---1.File创建和String Stream Buffer方式读写
- Silverlight实用窍门系列:23.Silverlight多线程技术Thread的应用,后台线程更新UI控件,向多线程传递参数【附带源码实例】
- Silverlight实用窍门系列:24.Silverlight多线程技术BackgroundWorker的应用,更新ProgressBar控件【附带源码实例】
- Windows 8实用窍门系列:22.Windows 8 的SemanticZoom缩放视图
- Silverlight实用窍门系列:39.Silverlight中使用Frame和Page控件制作导航【附带实例源码】
- Windows 8实用窍门系列【目录索引】
- Silverlight实用窍门系列:39.Silverlight中使用Frame和Page控件制作导航【附带实例源码】
- Windows 8实用窍门系列:2.Windows 8开发知识储备
- Silverlight实用窍门系列:17.中心点联动多线的可拖动控件(绘制工程图、拓扑图基础)【附带源码实例】
- Windows 8实用窍门系列:1.使用Xaml+C#开发第一个Metro Style应用程序 推荐
- Windows 8实用窍门系列:9.Windows 8中使用FlipView
- Silverlight实用窍门系列:12.继承于某些固定控件(以Grid为例)的鼠标左键双击事件的实现【附带实例源码】
- Silverlight实用窍门系列:13.基于Popup浮动窗体控件模拟ToolTip的实现【附带实例源码】