SAP UI5中台式机/平板电脑/手机中的不同屏幕视图

2020-08-23 02:03发布

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

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


专家们,

在"台式机/平板电脑/移动设备"视图下如何显示不同的布局。 我已经连接了屏幕,但是如果在台式机上工作,那么在移动设备上则不会显示完整按钮。 如果有人建议将任何特定的控制措施填满,请提出建议。 如何使第一个按钮始终处于选中状态?

 
      
       

(33.9 kB)

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

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


专家们,

在"台式机/平板电脑/移动设备"视图下如何显示不同的布局。 我已经连接了屏幕,但是如果在台式机上工作,那么在移动设备上则不会显示完整按钮。 如果有人建议将任何特定的控制措施填满,请提出建议。 如何使第一个按钮始终处于选中状态?

 
      
       

(33.9 kB)
付费偷看设置
发送
3条回答
大道至简
1楼-- · 2020-08-23 02:24

您好 Raju Rajan

我正在使用它。
Controller:

 onInit:function(){
 ...
                                //设置设备型号
 var deviceModel = new JSONModel({
 isTouch:sap.ui.Device.support.touch,
 isNoTouch:!sap.ui.Device.support.touch,
 isPhone:sap.ui.Device.system.phone,
 isNoPhone:!sap.ui.Device.system.phone,
//isPad:sap.ui.Device.system.tablet,
//isNoPad:!sap.ui.Device.system.tablet,
 isDesktop:sap.ui.Device.system.desktop,
 isNoDesktop:!sap.ui.Device.system.desktop,
 listMode:sap.ui.Device.system.phone?  " None":" SingleSelectMaster",
 listItemType:sap.ui.Device.system.phone?  "有效":"无效"
 });
 deviceModel.setDefaultBindingMode(" OneWay");
 this.getView()。setModel(deviceModel," device");
 ...
 } 

XML示例:

 <标签文本='{label>/ShopDescription}'design ="标准" width =" 100%" required =" {强制性>/ShopDescription}  " textAlign =" Begin"
 textDirection =" Inherit" visible =" true"/>
 
 

 <标签文本='{label>/BrandOwner}'design ="标准" width =" 100%" required =" {required/ContractType}"  textDirection =" Inherit" visible =" true"/>
 
 
 
 
 
 

致谢,
Sebastiano

半个程序猿
2楼-- · 2020-08-23 02:31

我尝试了设备API,但并没有太大帮助。

 var that = this;
    如果(sap.ui.Device.system.desktop === true){
     that.getView()。byId(" Id1")。setWidth(" 100%");
    }否则,如果(sap.ui.Device.system.phone === true){
     that.getView()。byId(" Id1")。setWidth(" 100%");
     that.getView()。byId(" Id2")。setWidth(" 25%");
     that.getView()。byId(" Id3")。setWidth(" 25%");
     that.getView()。byId(" Id4")。setWidth(" 25%");
     that.getView()。byId(" id5")。setWidth(" 25%");
    }
 
渐行渐远_HoldOn
3楼-- · 2020-08-23 02:16

..........

一周热门 更多>