脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 操作系统 > Windows系列 > Windows8 >

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

  发布时间：2013-04-22 16:48:05   作者：佚名   我要评论
本篇文章小编为大家介绍，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;
}</p> <p> 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 下载。效果如下图

相关文章

最新评论

关注微信公众号

扫一扫