Wp7 Applicationbar 的一些细节

 

本文重点讨论竖屏状态下的appbar效果。

 

不过想防一个appbar的话，有必要了解一下。

 

 

 

1. 视觉尺寸

 

为展开状态，整个appbar宽480高72

 

每个iconbutton尺寸为48*48，icon间距为36（不论有几个icon）

 

...其实也是一个button，sdk的icons目录能找到这张图。这张图的尺寸是72*72，但上方有12像素的同名空白，所以视觉效果是和其他icon上对齐的

 

 

 

2. 点击尺寸

 

最左边的72*72以及最右边的72*72（...按钮）响应菜单展开事件。

 

iconbutton的响应尺寸是84*72，在48*48的基础上加上Padding(18,12)

 

摘自 火山灰之家