Windows 8技巧:Windows 8 中Slider控件与ToggleSwitch控件的使用方法

一:Silder控件是滑块控件,在Silverlight中也存在,其主要用于音量调节,亮度调节,色彩调节,温度计等。
主要属性:
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_jb51net 下载。效果如下图
![]()



