如何在 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# 表达式，有关这方面的更多信息，您可以参见下面的 link。另外，我为你的问题写了一个示例 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 项目贡献者并从事技术支持。

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

How can I get the width of screen size in CSS in Zebble for Xamarin?

.net

xamarin

xamarin.android

xamarin-zebble

zebble