sapui5 PlanningCalendar“ intervalsS”属性在手机中不起作用

Question

在手机中使用PlanningCalendarView显示日历日期时，我遇到了一个小问题。

属性间隔S在横向上不起作用。但是在人像模式下可以正常工作。下面是在View中尝试的代码。

<PlanningCalendarView description="Days" intervalType="Day" key="Day" intervalsS="6" intervalsM="15" intervalsL="18"></PlanningCalendarView>

人像模式..

风景模式..

如果您在纵向模式下看到以上屏幕截图，则显示6个日期，而在横向模式下则显示8个日期。但是在我的XML视图中，我已经将intervalsS配置为6。

有人可以帮我在横向模式下配置6个日期吗？

先谢谢您。

Answer 1

PlanningCalendarView参数间隔S / M / L显示间隔的数量取决于当前屏幕像素的宽度。

您可以阅读文档：

间隔

• 定义小于600像素宽的sap.m.PlanningCalendar的显示间隔数。

间隔M

• 定义显示在600到1024像素之间的sap.m.PlanningCalendar的间隔数。

处于横向模式的手机将具有〜800px的像素，因此在渲染组件期间会使用IntervalsM属性。

如果您将属性intervalsM="15"更改为intervalsM="6"，则它应该在电话上正确呈现6个间隔，但在平板电脑上也只能呈现6个元素。

Answer 2

我通过以下调整自行解决了这个问题。

在控制器中，我只是检查设备并手动将日历日期设置为7

if (sap.ui.Device._getSystem().phone === true) {                 
   this.getView().byId("planningCalendarIntervals").setIntervalsM(7);       
}

查看...

<PlanningCalendarView id="planningCalendarIntervals" description="Days" intervalType="Day" key="Day" intervalsS="7" intervalsM="15" intervalsL="18">`</PlanningCalendarView>