我正在使用Xamarin.Forms的移动应用程序,使用"新消息"屏幕底部的栏,如下所示:
----------------------
| |
| |
| |
| |
| |
| |
| |
|--------------------|
| 4 New Messages ^ |
----------------------
当用户点击底部的栏时(" 4个新消息"),我希望该栏一直滑到屏幕顶部以及下面的消息标题列表(最初隐藏在视图之外),以便整个消息区域(" 4个新消息"标题,以及它下面的消息标题列表)应该占据整个屏幕,如下所示:
----------------------
| 4 New Messages X |
|--------------------|
| - Tomorrow Night |
| - New product in...|
| - Outing cancelled |
| - Please call me |
| |
| |
| |
----------------------
我可以将整个消息区域设置为占据整个屏幕(parentElement.Children.Add(messagesArea, new Rectangle(0, 0, 1, 1), AbsoluteLayoutFlags.All);
)的绝对布局,并使其最初隐藏在屏幕外(除了" 4个新消息" bar) )使用TranslateY;然后我可以使用TranslateTo(0,0)让它滑回到全屏高度。
但是 。以与设备无关的方式实现此目标的最佳方法是什么?我应该开始使用网格布局吗?