Skip to main content

How to Create a WPF application in Visual Studio with C#?


This article shows you how to develop a simple WPF application with step by step explanation.
Creating a WPF application is as easy as developing other application types in Visual Studio.
This steps is based on Visual Studio 2012 Edition.

1. Create a new project

To create Choose New Project...  From Start Page 

or On the menu bar, choose File --> New --> Project... 




or can also use the shortcut Ctrl + Shift + N.


Then the dialog box will be shown as below




In this window, for our sample application, we are choosing the following:


Visual C# as Language of template from Templates.
then Windows from Template group
WPF Application as Template

we can change the solution name ,project Name and location for where this will be stored. Then click on the OK button.





Now, the WPF Designer shows design and XAML view of MainWindow.xaml in split view. We can slide the splitter to show more or less of either view  and choose to see only  Design view or XAML view.

2. Add Controls 

The Toolbox window displays controls that we can add to our projects. To open Toolbox, choose Toolbox on the View menu.



we can drag and drop different controls onto the surface of the designer we are using, and resize and position the controls.
In These Project We Use Label control from Toolbox , drag and drop label to Main Window , then we can see the XAML code for that Label.


3. Change Properties

Then We can Change The Content,Alignment and Color Like Properties of that controls from Properties window.To open Properties Window, choose Properties Window on the View menu.



3.  Start WPF Application

Then Start Our WPF Application Using Start Button or choose Debugging from DEBUG menu.


Then We Can See Our Application shown as below



Comments

Popular posts from this blog

How to Customize WPF Button ?

This article demonstrates how to customize a Button control in WPF - C# Application. 1. Add a Button Control  Add Button Control in WPF Application from Toolbox .  then we can see the button in Design Pane with default template and in XAML Pane we can see the the XAML Code for ebow button. < Button Content ="Button" HorizontalAlignment ="Left"  VerticalAlignment ="Top" Width ="75" Margin ="21,33,0,0"/> 2.Add Image in Button  Add an Image in our project ( How to Add Image in WPF C# Application ? ) in these section we set an image and a label control as buttons content.  use the XAML code as shown below         < Button  HorizontalAlignment ="Left"  VerticalAlignment ="Top" Width ="100" Height ="28"  Margin ="21,57,0,0">             < Button.Content >            ...

How to add an icon to a WPF application

In this article we discus about how to add an icon for entire WPF application. Create an Icon File (*.ico) Add the icon file to our project. ( How to Add Image in WPF C# Application ) Open Solution Explorer , Select our Project --> Right Click --> Select Properties From Popup Menu Then We can See Project Properties And We Can set the icon in the Application tab. click Start Without Debugging on the DEBUG menu or run it externally the icon will show correctly. When running our application in debug mode from  Visual Studio, the icon will not be shown.