我在设置包含Hub控件的电话页面时遇到了一些问题。 Hub控件的高度似乎与它的父容器不一致。
要自己查看问题,请按照以下步骤操作:
- 创建一个新项目。
- 选择商店应用 - 中心应用(通用模板)。
- 转到项目的Windows 8.1部分并查看HubPage.xaml单元。
- 将光标放在第35行的Grid元素中,并在属性窗口中查看它的布局属性。
- 请注意,它的VerticalAlignment设置为stretch,它的高度设置为Auto(768)。
- 现在对第41行的Hub元素执行相同操作,并将其高度设置为Auto(768),如您所料。
- 现在转到项目的Windows Phone 8.1部分中的HubPage.xaml单元。
- 将光标放在第73行的Grid元素中,并在属性窗口中查看它的布局属性。
- 请注意,它的VerticalAlignment设置为stretch,它的高度设置为Auto(640)。
- 现在转到下一行(74)的Hub元素,虽然它的VerticalAlignment设置为Stretch,但它的高度设置为Auto(666.666625976562)。
当所有内容垂直拉伸时,Hub元素如何比它的父元素大。更糟糕的是,当手机切换到横向模式时,孩子的身高和父母的身高之间的差异似乎会发生变化。这真的导致我的应用程序布局问题,我很难理解为什么会发生这种情况。
任何人都能解释一下吗?