.net - 如何在 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 项目的贡献者并从事技术支持。