WP7 Icon Pack From WP7 Team’s Blog

Working hard on Windows Phone 7 Apps, I noticed that I have to make new icon on Application Bar. However, for some developers, they may wonder if Microsoft offer some free sample for us to use. The answer is yes.

WP7 Team released a pack of WP7 Icon

appbar.feature.camera.rest appbar.feature.email.rest appbar.feature.search.rest appbar.feature.settings.rest appbar.feature.video.rest appbar.folder.rest appbar.minus.rest appbar.new.rest

appbar.next.rest appbar.questionmark.rest appbar.refresh.rest appbar.save.rest appbar.share.rest appbar.stop.rest appbar.sync.rest appbar.transport.ff.rest

appbar.transport.pause.rest appbar.transport.play.rest appbar.transport.rew.rest appbar.upload.rest appbar.add.rest appbar.back.rest appbar.basecircle.rest appbar.cancel.rest

appbar.check.rest appbar.close.rest appbar.delete.rest appbar.download.rest appbar.edit.rest appbar.favs.addto.rest appbar.favs.rest

The pack includes 64 bar icons, 32 with dark style and 32 with light style

Download the Icon from Microsoft

Post from WP7 Team’s blog


Windows Phone Tutorial:Applying Style to ListBox

Previously on listbox, we have gone through how to create listbox and bind data to it.

However, what we see is a list of buttons with very simple style.

So here we will see how can we improve this.

First we have to edit the xaml page in Expression Blend.

Right click on the xaml page in VisualStudio you can see the option.

Then Add a Button first into the page, finally we will delete it.

Then Choose the Button and Click on Object in the Menu, so as to edit the style with a copy.

Give it a name e.g. myButtonStyle

After created a copy, you can simply right click inside the border, and choose edit template so that it allows us to create the button template.

Here I have drawn a rectangle with a gradient fill, i guess it is much better than the original button style =)

Then, in order to show the content of the button we have to add the content presenter into the template

Simply drag it into the Rectangle form the gallery

For having a better view, Margin on all side with 2 pixel is set to the content presenter

Finally, Set the style of the button to our style “myButtonStyle”

Congratulation, all done

Result come out after pressing F5

Thank you for reading this again 🙂

Some other interesting features and tutorials will be posted.

Better for you to subscribe 🙂

Windows Phone Tutorial:ListBox on Windows Phone 7

This is one of the tutorial that walks through development of application on latest Windows Phone 7

Here I will show you how to use ListBox on Windows Phone and how to Bind Data to it.

First of all, you have to insert a ListBox into the PhoneApplicationPage, also I have edit the PageName to Transactions

Apart from dragging the ListBox control from the toolBox into the Application Page, you can also Code it by yourself.

Remember to give it a Name here is “TransactionList” so that we can call it from codebehind directly.

Next, we have to create a class which clarify the structure of a transaction.

Here for simply, all data are in string data format, Date, Amount and Type.

You can see a switch-case here so as to load specific image representing the type of the transaction.

Construct your ListBox

here we construct our listbox with some stackPanel

The following Code will generate a button like the following, it is quite dull with black background and white words.

The latter part of this tutorial will teach your how to design your own style.

Finished our design part, we have to jump to the code part.

It is better we create a loaded event handler to put our code so as to ensure all components are fully loaded.

Then, inside the Loaded event, I have some lines to generate a set of data instead of reading from XML or from the internet.

It is all done for our first Windows Phone 7 Application with ListBox

here is the result

Adding own Style to ListBoxItem

For this I will teach it on the next tutorial.