Stylish WPF application using Expression Blend


Creating a stylish effect in WPF Using expression Blend 2


Open expression bend and Click on the new project button then Select WPF application Project Type and save it into a folder.

1.JPG



make the background of the Application into black
2.JPG



Add a grid into the Application
3.JPG




align the Grid as you wish
4.JPG




Create a ellipse inside the grid and make the border thickness into 5 and give white color to the border and give background a gradient color so it looks cool.
5.JPG



Add one more ellipse into the grid and place the ellipse inside the ellipse which we created earlier give the border thickness 1 and leave the background color to no brush
6.JPG




Next step is to create a small eclipse in the center of the ellipses and fill white color
7.JPG





And now we draw a needle shape with the pen tool and fill it with red color
8.JPG



Now select the grid which we created First
9.JPG





and then go to TOOLS >>MAKE BRUSH RESOURCE>> MAKE VISUAL BRUSH RESOURCE
10.JPG





now we will get a dialog asking for the name of the brush and give ok. so that the Expression Blend can create a new user brush for us.Now you can see a new Visual brush is created in the resource tab in the right corner.
11.JPG



the use of Visual brush is that when ever we make a change in the content it will be reflected in the brush also.Now create a grid(let us name it as Grid2 for further ref)  below the selected grid and apply this brush by dragging and dropping the brush inside the Grid2.Select the properties of the Grid2 and make the opacity into 25%


12.JPG



Run the application now you can see the Stylish speedometer
13.JPG

ThankYou
Aby Kurian