Xamarin.Forms - 与设备无关的方式使底部的栏向上滑动以覆盖全屏高度

时间:2017-10-26 20:15:09

标签: layout xamarin.forms slide slideup xamarin.forms-layout

我正在使用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)让它滑回到全屏高度。

假设我知道设备的高度,

但是 。以与设备无关的方式实现此目标的最佳方法是什么?我应该开始使用网格布局吗?

0 个答案:

没有答案