简介

作为一名sapui5开发者，意味着你在开发企业应用程序时遵循fiori设计准则，这样你就可以在整个应用程序套件中呈现用户一致的用户体验。

但是如果你有一个辅助项目或定制应用程序的想法，但你的技能主要围绕ui5，你不会设计很多新东西呢？

这可能意味着你开始尝试现有的控件，这样你就可以把它变成你想要的ui了。

这正是我决定为游戏创建一个基于ui5的原型时发生的事情。我真的相信它不会那么难看。可能）

我还想说的是，我真的很喜欢ui5提供给你的所有现成的东西。

我既不是一个真正的前端开发人员（可以利用很多工具或框架），也不是一个设计师（可以立即创建漂亮的东西），所以我真的很欣赏我能掌控所有控件的想法，mvc，i18n的东西，并立即从中提取价值。

所以，从我的角度来看，这是一个非常经济有效的方法，即使你的原型最终可能会被取消或丢弃。

应用程序目标

所以最初的目标是重新创建一个旧的和遗留丑陋的ui我为游戏，因此，我只想将这些东西完全转移（甚至复制用户体验）到ui5上，同时为bot提供桌面和移动版本的应用程序。

而这正是我之前错过的另一个真正的主要功能——响应能力。

当我们构建fiori应用程序时，我们主要是为桌面（至少是我自己）设计的，而且只在某些特定的应用程序中我们考虑在小屏幕用户界面（甚至不是平板电脑，而是手机）上运行此用户界面的一个选项。

因此，控件的响应性也为我增加了很多价值。

传统用户界面与玩家、聚会和其他东西以及实际的游戏用户界面进行了聊天或游说。

因此，第一种方法是将它分成几个部分，并将其实现为页面。

这里是现代桌面屏幕上的外观：

Carousel+Shell

现在，当我浏览提交时，大数据是做什么的，它看起来像是最初的设计刚刚使用Carousel作为根控件，将所有页面作为片段添加到页面聚合中。

这样在移动设备它将为你提供一个花哨的刷到另一个页面用户体验。

同时，中国云，在考虑了一些应用程序布局的选项后，我决定给统一的shell一个机会，因为这个示例有一个专用的用户资料。

我现在能找到的第一个提交已经包括shell和用户身份验证对话框。

所以，淘客是什么意思，所有的东西都是这样的。

同时介绍了快速游戏的简单主屏幕，它必须在所有形式因素上看起来干净和简单

缺点和局限性

我遇到的第一个问题是刷卡手势，因为它只有在严格水平刷卡时才起作用，因此，在ios上（即使没有实际的滚动，你也可以上下移动页面），你需要非常小心你的手势。

最初的想法是打开对话框内的实际游戏界面，这样它就可以使用所有可用的空间，而不是像旋转木马一样可见。

为此，我显然必须创建自己的页面控件。

根据我自己的经验，我可以说sdk的这一部分很好地解释了你需要的一切。

所以这不是什么大事，如果你感兴趣的话，你可以进入控件代码本身的细节。

我可以说的是，我真的很喜欢你自己做控件时双向绑定的工作方式。

但问题是，我很快发现，出于某种原因，mobile jquery mobile在对话框中检索我的控件时遇到了一些问题，因此，游戏在移动设备上运行缓慢，而在桌面上运行良好。

另一个限制是屏幕大小。

例如，我希望中板能够适应手机屏幕而不需要水平滚动

所以我需要在那里改变一些东西，而不需要对我的东西进行重大的重构。

同时，我也明白了，我不是在做旧游戏的翻拍，但是没有实现一些新的东西。

所以ui的大部分旧部分也被丢弃了。

仍然有一些未使用的片段可以在代码中找到。

Shell+NavContainer

所以我回去做实验。

结果发现你可以将NavContainer直接嵌入到Shell中，所以这会给你一个选择把页面放在那里。

这样，你就可以通过编程来处理页面转换，以防屏幕数量有限，不需要通过路由变量将参数传递给控制器。

所以，快进到我现在看到的是：

这是一个320×480的屏幕（甚至比我的小）4英寸SE手机，个人云服务器，320 x 568），几乎可以放在这里。

这是480×640屏幕的预览

而且小板甚至可以放在横向模式下的最小屏幕

我将在进一步开发中使用的Shell的另一个功能是侧边栏，它允许您以并排的方式显示一些内容即使是在一个小屏幕上（下面的截图只是演示了这个方法）。

IconTab+FlexBox+基于列表的布局

也证明了你可以IconTab几乎所有的东西。

并且FlexBox和ScrollContainer是我应用程序设计的主要部分

例如，我在主页片段中使用它来开始游戏：

和我在另一个页面上也使用了它以及不同列表项的列表：StandardListItem和InputListItem。

这是它的外观：

但是除了这两个家伙之外，我们至少还有两个列表项我想提及。

第一个是ObjectListItem。

结果我可以用它来表示我的对象，而不是销售对象订单或库存物品）

它有一些很酷的属性和聚合，所以它可能适合几乎任何你想放在小屏幕或大屏幕上的东西。

在当前支持多人游戏的版本中，我甚至将它与IconTab结合在一起（记得我之前说过什么吗？）