如何在Zebble for Xamarin中获取CSS中屏幕大小的宽度？

Question

我创建了一个堆栈，我想将它显示在屏幕的中央，所以我想设置堆栈的上边距和左上角取决于设备屏幕。

我尝试使用此代码，但它在设备上无法正常工作。

<Stack CssClass="MyTestStack">

</Stack>

.MyTestStack 
{
    background: #039795;
    width: 90%;
    height: 90%;
    margin-top: 10%; //Exception
    margin-left: 10%; //Exception
}

Answer 1

要获得CSS中屏幕的宽度或高度，您可以使用CSS角色中的动态c＃表达式，有关此内容的更多信息，请参阅下面的链接。另外，我为你的问题写了一个示例CSS角色。

http://zebble.net/docs/dynamic-expressions-in-css

代码：

.MyTestStack 
{
    background: #039795;
    width: calc("(Zebble.Device.Screen.Height - 50)");
    height: calc("(Zebble.Device.Screen.Width - 70)");
    margin: 10px 10px 10px 10px;
}

免责声明：我是Zebble项目的贡献者并从事技术支持。