WP7 silverlight toolkit 学习 之 ToggleSwitch 施用
xaml:
<toolkit:ToggleSwitch
Height="118"
HorizontalAlignment="Left"
Margin="14,314,0,0"
Name="toggleSwitch1"
VerticalAlignment="Top"
Width="292"
Content="否"
Header="开光"
Checked="toggleSwitch1_Checked"
Unchecked="toggleSwitch1_Unchecked"
/>
<toolkit:ToggleSwitch Height="158" HorizontalAlignment="Left" Margin="119,94,0,0" Name="toggleSwitch2" VerticalAlignment="Top" Width="296" >
</toolkit:ToggleSwitch>
<toolkit:ToggleSwitch Header="12:02 AM">
<toolkit:ToggleSwitch.HeaderTemplate>
<DataTemplate>
<ContentControl FontSize="{StaticResource PhoneFontSizeLarge}" Foreground="{StaticResource PhoneForegroundBrush}" Content="{Binding}"/>
</DataTemplate>
</toolkit:ToggleSwitch.HeaderTemplate>
<toolkit:ToggleSwitch.ContentTemplate>
<DataTemplate>
<StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock Text="Alert: " FontSize="{StaticResource PhoneFontSizeSmall}"/>
<ContentControl HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" Content="{Binding}"/>
</StackPanel>
<TextBlock Text="every weekday" FontSize="{StaticResource PhoneFontSizeSmall}" Foreground="{StaticResource PhoneSubtleBrush}"/>
</StackPanel>
</DataTemplate>
</toolkit:ToggleSwitch.ContentTemplate>
</toolkit:ToggleSwitch>
这里有三个ToggleSwitch,第一个是 自己改成中文的,那字要跟着变化的话,要自己在后台写代码了,第二个是默认的,不用写代码,这个控件带了两个事件,一个选中,一个不选中,看下下面的cs吧
cs:
private void toggleSwitch1_Checked(object sender, RoutedEventArgs e)
{
toggleSwitch1.Content = "是";
}
private void toggleSwitch1_Unchecked(object sender, RoutedEventArgs e)
{
toggleSwitch1.Content = "否";
}