Windows phone 8 with blend

            Blend With Visual Studio

First of all lets just talk about what blend is ?
It's a tool that provide us with service to create a sophisticated application having option to design beautiful interface of a windows phone application.

This is a picture that i want to share with you , the interface of visual studio phone development. Where you can see the front end of the application that will be modified ,changed and edited accrording to designer in Xaml code section that will generate C# code in backend.

After that i have made a button that will be played by me in blend. That will help you in using this tool easily.so i have made some code below in the picture.

We are here to discuss about the blend tool so lets move quicklier towards blend.
In the solution explorer  Right click phone app4 ---> open in blend
A screen will be opened that will be discussed in detail

Now on the button click right button -- go to edit template- then create copy give the button name in application. A small description through picture is avaibable below.

After that take a rectangle from thre left side bar and in the properties change the height and width accordingly. For that you have to reset that.A white bar will appear in the *app.xaml tab. Then add a text box form the respective left side bar. And write the content of the button that could be whatever you want.
In the left side bar there appears "Assets" button click that and write content in the text and click the content presentor.
 Play with the size and an after playing with that i got something like this.

You can do what ever you want. Giving button many different shapes. That will increase the beauty of a button.

Important: 

 Grid have childs. we have to make the size of the child layer with parent layer. Alongsode with making changes in the button that will create a code in the xaml and used mostly to increase the beauty of the tool.

Hiracical layers matters alot.

\

Here arises a question ? Why the default button is like this in the 2 pictures above ?

So , the polite answer would be that,

 This is style of project that is built in. We can't change that too much we can by default rotate it and can play littel bit more with it.Not more than that. 

 Right click edit -template- edit template - edit a copy   --the content is already binded-- by this we can make changes in button  but we have to click create empty after that some work is done with it. we have to define in static resource.

We must define it at app level  the code will be written in app.xaml we can put universal variables there

that is accessible accross all app.

Every thing should be inside container control. 

GRID:

Grid is container control.

bread crum navigation scope will go to main page by clicking it (editable mode) and  make changes in layout 

if we need rounded corner -- rectangle control --> rounded corner --> that will adjust itself in grid

comparing it with parent grid.

CONTENT PRESENTOR: 

Content presenter that helps to achieve inorder to change the content that is also asseccible in code 

button -- we want to change the content -- the content will not change as content block -- in button control there will always be 

content presenter --- we can drag and drop but double click is far better 

We can use resouce dictionary.

STATES TAB: 

States tab that is not  states 

press state recording is on pressed state the color chosen grey then  run the project.

the button will change its color 

 we could not change the button in text block for that content presenter is used and essential 

on click we can modify buttons .Don't make height and width changes too much .We have to manage it properly.

Make a change on style that will reflect on all buttons.

 VECTOR and RASTER :

Vector---- > pixels don't distort and raster --vector art work raster--- pixels brust

if we are to import it from photoshop than it reqiues path not imporing of picture 

www.xamlproject.com 

copy the path 

art work import 

blend --windows phone --blankapp --menu-- import ----. phd file exe --- a canvas tab will include that picture. 

Here's a small information about blend tool don't forget to like comment and subscribe. :)