Friday, February 1, 2013

TabBar in Windows Phone

TabBar in Windows Phone

I building my first Windows Phone App, and i saw something really nice on one of the apps, i add a screenshoot of this:

enter image description here

The description is: green - icons blue - textbox yellow - pages

And it is something like panorama , but here the icons(with the text) are in the top all the time, and, and press one of them the jump(with animation) to the chosen page, and of course if the user swipe on the page it move to the next page and the icons are get highlighted.

it's something like UITabBarController, and i want to know how i implement this control? it's some thing build in, if yes what is name? Or any good tutorial how to build it.

thanks!!

Answers & Comments...

Answer: 1

Looks like you need built-in control called Pivot

You can change Header template to put an icon in it:

 <controls:Pivot x:Name="pivot"                     Title="{Binding Name}"                   <controls:Pivot.HeaderTemplate>             <DataTemplate>                 <StackPannel>                     <Image Source="your icon path">                     <TextBlock Text="{Binding}" />                 </StackPannel>             </DataTemplate>         </controls:Pivot.HeaderTemplate> 
by : Anton Sizikovhttp://stackoverflow.com/users/555014




No comments:

Post a Comment

Send us your comment related to the topic mentioned on the blog