Hello Everyone!
Today we shall be discussing the fundamentals of XAML. XAML, short form for Extended Application Markup Language is just like HTML in essence, used to create beautiful interfaces for the applications we use in our daily routine on Windows platform, whether it is a smartphone or a desktop PC.
Requirements for Development:
-> Visual Studio 2013 Update 2
-> Blend for Visual Studio 2013
Step 1:
After creating a windows phone 8.1 project ( SilverLight enabled) , you create a grid. Grid is a container control and all other controls come into it. A grid consists of rows and columns as you can see in the picture.
Add buttons or any other control from the toolbox on extreme left of the above picture. In solution explorer, Right Click on the project name PhoneApp1 and click on Open in Blend in the dropdown menu.
Our step 2 starts.
Step 2:
To change background color, click on [Grid] in Objects and Timeline tab on left and change the Background color in Properties tab on right, similarly you can change and add other features through blend. To add a Textblock to add text, Click on the second tab out of the five on top left and double click textbox and place it as on the mobile phone screen in the middle.
Step 3: Changing the properties of buttons while keeping them all identical
Follow the steps as shown in the pictures and you'll get a template style of a button that can be applied to any other button either of this application or any other apps if you choose the style to be a part of the resource dictionary.
Final Result: Grimness all over your phone!
Change any property you want from the right and add any button you want from the left tabs. When you are done with it, build and run your hard work either on an emulator, or deploy it directly on your windows phone.
Voila! Too much grimness on one XAML page. Isn't it?
Today we shall be discussing the fundamentals of XAML. XAML, short form for Extended Application Markup Language is just like HTML in essence, used to create beautiful interfaces for the applications we use in our daily routine on Windows platform, whether it is a smartphone or a desktop PC.
Requirements for Development:
-> Visual Studio 2013 Update 2
-> Blend for Visual Studio 2013
Step 1:
After creating a windows phone 8.1 project ( SilverLight enabled) , you create a grid. Grid is a container control and all other controls come into it. A grid consists of rows and columns as you can see in the picture.
Add buttons or any other control from the toolbox on extreme left of the above picture. In solution explorer, Right Click on the project name PhoneApp1 and click on Open in Blend in the dropdown menu.
Our step 2 starts.
Step 2:
To change background color, click on [Grid] in Objects and Timeline tab on left and change the Background color in Properties tab on right, similarly you can change and add other features through blend. To add a Textblock to add text, Click on the second tab out of the five on top left and double click textbox and place it as on the mobile phone screen in the middle.
Step 3: Changing the properties of buttons while keeping them all identical
Follow the steps as shown in the pictures and you'll get a template style of a button that can be applied to any other button either of this application or any other apps if you choose the style to be a part of the resource dictionary.
Change any property you want from the right and add any button you want from the left tabs. When you are done with it, build and run your hard work either on an emulator, or deploy it directly on your windows phone.
0 comments:
Post a Comment