In my previous Post, I had explained what Windows Phone 7 Toolkit controls are.
In this post I will explain how to change the basic settings of Windows Phone 7. This will be important if you are developing applications for the Phone, so you should be aware of the Basic visual settings provided in the Phone.
Later in the post I will show what ToggleSwitch is.
You will see the following settings page:
ToggleSwitch button was introduced in the Toolkit Controls set. It is one of the very important components for the Phone, since it allows the user to make Boolean choices, like whether to keep Wifi in phone on/off and similar other decisions.
Below I am showing the different looks & states a ToggleSwitch can have.
ToggleSwitch on Dark Theme with Off State
ToggleSwitch on Dark Theme with On State
ToggleSwitch on Light Theme with Off State
ToggleSwitch on Light Theme with On State
Please note that the color of Switch in On state is Orange because we had set the accent color to orange.
The beauty of WPF & Silverlight is that it allows the designer to change the look of the controls by creating styles. Same applies for controls of Windows Phone 7. Currently the Implicit Styles are not supported on Windows Phone 7, but you can theme a control by providing a key to the style and then applying that key to the control.
I have created a sample theme for the ToggleSwitch. it uses a bit of gradients to define the look, but I have ensured that the accent color is used, so that the control follows the look user has selected in phone settings.
Toggle Switch Themed and in Off State
Toggle Switch Themed and in On State
You can see that the look of the control has changed but it still uses the accent color and hence maintains a uniformity with the central theme selected by the user for the Phone. If the user selects accent color as green, this ToggleSwitch will according have Green color in the On State.