A Quick Tip for UI design in Windows Phone 8

by Ishai Hachlili 30. October 2012 07:45

If you’ve worked on WP7 apps, you probably came across the MetroGridHelper from Jeff Wilcox. If not, what this little helper does is add a grid of squares that helps you align controls in your app’s pages.

If you’re one of those who ignore the commented sections in newly created pages, you might miss that this feature is now included in the default WP8 project. To use it, all you have to do is uncomment the Image tag at the end of the page

<!--Uncomment to see an alignment grid to help ensure your controls are
aligned on common boundaries. The image has a top margin of -32px to
account for the System Tray. Set this to 0 (or remove the margin altogether)
if the System Tray is hidden.

Before shipping remove this XAML and the image itself.-->
<!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />-->

Tags: , ,

Design | Windows Phone 8

blog comments powered by Disqus

About Me

Ishai Hachlili is a web and mobile application developer.

Currently working on Play The Hunt and The Next Line


Recent Tweets

Twitter May 23, 21:21
@xamarinhq this is annoying, just make all videos available while the content is still relevant

Twitter May 22, 13:50
@APPNATION @DonDodge the new xbox isn't about gaming, it's about entertainment. it's what everyone was waiting for Apple to do with TV

Twitter May 21, 22:22
@Enderle that "future is in streaming" answer was after HD DVD lost (they had an external drive for X360)

Twitter May 21, 22:21
@Enderle most games are still delivered only by disc, too big for downloads. also, you can't take over the living room w/o bluray support

Twitter May 21, 22:18
@Enderle the inclusion of a BluRay drive was assumed by everyone, it's the new disc storage/movie playback standard, they had to include it

@EShy