Introduction
Visual Studio has already given us many controls, yet we need more for an even better UI. They must however be easy to implement.
So, in this article we try to get in the Codeing4fun tool kit.
![Coding4Fun Toolkit]()
Without wasting any time, open a tab with this: http://coding4fun.codeplex.com/ and click on the "download" button.
When you extract the Zip file, you will get three folders, Windows Store, Windows Phone 8 and Windows Phone7.
Because of my platform issue, I will show you the toolkit on Visual Studio 2010 with Windows Phone 7.1 SDK.
So, the first question you might have is, what does Codeing4fun actually have for me?
So, my answer would be ease and comfort.
From now, you can easily implement a few harsh tasks on your Windows Phone.
In codeing4 Fun you have:
- About Prompt
- Input Prompt
- Progress Bar
- Messageprompt
- wordprompt
- ToastPrompt
Background
You just need a Windows Phone 7 or above SDK on your Visual Studio.
And start your Windows Phone project.
Procedures
Without a DLL file, you can’t do anything in your project.
So, add the "Codeing4Fun.Tookit.Controls.dll" to your project.
![Coding4Fun Toolkit]()
Note:
Add a "using Codeing4fun.Tookit.Controls" to the C# file, or add the following in XAML:
xmlns:Controls="clr-namespace:
Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"
About Prompt
![Coding4Fun Toolkit]()
In simple words, it is a small canvas that pops up when your event raises it.
Let’s get inside it.
Since we already have the codeing4fun(.dll) reference in or project.
private void button1_Click(object sender, RoutedEventArgs e)
{
// About Prompt: Raised by the button 1
AboutPrompt about = new AboutPrompt();
//Set the Property of AboutPrompt
about.Title = "C# Corner";
about.Footer = "http://c-sharpcorner.com";
about.VersionNumber = "v1.0";
about.FontSize = 20;
about.VerticalAlignment = VerticalAlignment.Center;
about.Body = new TextBlock { Text = "This is My First About Prompt", TextWrapping = TextWrapping.Wrap };
about.Background = new SolidColorBrush(Colors.Red);
about.Foreground = new SolidColorBrush(Colors.Green);
about.Completed += new EventHandler<PopUpEventArgs<object, PopUpResult>>(about_Completed);
about.Show();
}
void about_Completed(object sender, PopUpEventArgs<object, PopUpResult> e)
{
// This will be MAIN part of AboutPrompt
}
Explanation:
First, we have created an object of AboutPrompt, and then we set corresponding values to the fields of the AboutPrompt class.
Major Fields are:
- Title
- Body
- FooterVersionNumber
- InputScope
InputPrompt
![Coding4Fun Toolkit]()
It looks similar to the earlier about prompt with a little TextBox inside it.
You can use this when you want a single user input.
What will be the code for this?
Here it is:
InputPrompt input = new InputPrompt();
private void button2_Click(object sender, RoutedEventArgs e)
{
// Input Prompt
input.Title = "This is my Input Prompt Title";
input.Message = "What make You a Intresting Guy ;)";
input.InputScope = new InputScope { Names = { new InputScopeName(){NameValue=InputScopeNameValue.Number}} };
input.Completed += new EventHandler<PopUpEventArgs<string, PopUpResult>>(input_Completed);
input.Show();
}
void input_Completed(object sender, PopUpEventArgs<string, PopUpResult> e)
{
if (input.Value!=null)
{
MessageBox.Show("You Have Entred This : " + input.Value);
}
}
}
Explanation:
We have done the same in a previous one, except an InputScope property.
And, you can check your user input using code inside the Event method.
Like we have a small check up for User Input as in the following:
if (input.Value!=null)
{
MessageBox.Show("You Have Entred This : " + input.Value);
}
Message Prompt
![Coding4Fun Toolkit]()
A message box with a title Text, Body Message and two buttons (at least one will be there). You can use it with your own needs.
The code will look like:
private void button3_Click(object sender, RoutedEventArgs e)
{
//Message Proompt Button
MessagePrompt message = new MessagePrompt();
Message.Title = "This is My Title";
message.Message = " What are You looking for !!";
message.IsCancelVisible = true; //false, to make it One Button Message Box
message.Completed += new EventHandler<PopUpEventArgs<string, PopUpResult>>(message_Completed);
message.Show();
}
void message_Completed(object sender, PopUpEventArgs<string, PopUpResult> e)
{
// Do whatever
}
wordInputPrompt
![Coding4Fun Toolkit]()
Looks the same as an Input Prompt except with a small change in the type of the text input (in other words masked text).
So, the code will be:
private void button4_Click(object sender, RoutedEventArgs e)
{
// word prompt
wordInputPrompt = new wordInputPrompt();
.Title = "This is my word Prompt";
.Message = "Plese Give Us Your Secret word";
.Completed += new EventHandler<PopUpEventArgs<string, PopUpResult>>(_Completed);
.Show();
}
void _Completed(object sender, PopUpEventArgs<string, PopUpResult> e)
{
// Put Your Code Here to prcess Your word
}
ToastPrompt
This is similar to the Toast notification that we have in general. But now, we can do this easily.
![Coding4Fun Toolkit]()
Or, you may have this if you don’t use an image.
![Coding4Fun Toolkit]()
private void button5_Click(object sender, RoutedEventArgs e)
{
// Toast Prompt
ToastPrompt toast = new ToastPrompt();
toast.Title = "Notification";
toast.Message = "You have Some Facebook Message Pending";
//toast.ImageSource = new BitmapImage(new Uri("/Laptop.png",UriKind.Relative));
toast.TextWrapping = TextWrapping.Wrap;
toast.Show();
}
ProgressOverlay
private void button6_Click(object sender, RoutedEventArgs e)
{
//Progess Overlay
ProgressOverlay progress = new ProgressOverlay();
progress.Content = "Loading...";
progress.IsEnabled = true;
}
Conclusion
For any further reference you can log into http://coding4fun.codeplex.com/documentation.
I have enclosed a small solution file with the demo from this article.