Lumira Designer-一种根据手机屏幕方向更改应用程序布局的方法

2020-08-15 09:19发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)大家好, 是否可以根据移动屏幕...

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


大家好,

是否可以根据移动屏幕方向更改(在这种情况下,隐藏组件)应用程序布局?

例如,这就是我试图实现的目标。 该应用程序在水平浏览时应仅显示2个组件,但在垂直显示时也应显示交叉表。

是否可以在Lumira Designer中实现这一目标?

任何反馈都非常感谢

亲切的问候,

Krzysiek

(16.9 kB)
1条回答
黑丝骑士
2020-08-15 10:23 .采纳回答

如果有人有类似的问题,我已经找到了答案。

这可以使用自定义CSS来实现。

我们可以使用@media屏幕功能(在线有很多模板)来读取当前的设备分辨率,然后使用{display:none;}隐藏组件。

例如,如果要在Iphone上横向浏览时隐藏Panel_1,在纵向模式下浏览时隐藏Panel_2,则以下CSS可以解决问题。

/* 375x667-横向视图*/
@media屏幕以及(最小高度:375px)和(最大高度:413px)和(方向:横向)
{
#PANEL_1_panel1 {显示 :无;}
}


/* 667x375-纵向视图*/
@media屏幕和(最小高度:667px)和(最大高度:735px)和(方向 :portrait)
{
#PANEL_2_panel1 {display:none;}
}

亲切的问候,

Krzysiek

一周热门 更多>