如何为平板电脑表单布局构建CN1代码?

时间:2019-01-19 17:17:50

标签: codenameone

到目前为止,我一直在为电话屏幕格式构建我的Codename One应用程序。主菜单有一个单独的窗体,然后是带有元素列表的第二个窗体,然后是用于编辑从列表中选择的元素的第三个窗体。每个表单都有一个溢出菜单和各种标题栏命令按钮。而且每个(扩展)表单都有很多代码,这些代码实现了表单中的功能并共享变量等。

但是,要使用平板电脑(iPad)屏幕,我想在屏幕左侧显示主菜单,在中间显示元素列表,在右边显示元素编辑表单。与下面的屏幕截图类似。这似乎是平板电脑上的一种常见布局,非常适合我的应用使用模式。

但是,我没有看到一种构造代码的优雅方法。我无法轻松地将列表和表单合并到一个表单中,而只为平板电脑格式编写一个全新的表单将需要很多工作。我认为其他人也面临着同样的挑战,很想听听您如何做到这一点。

PS。我知道可以将侧面菜单设为永久菜单,但这只能解决部分问题,而不是如何同时显示列表和编辑表单。

enter image description here

1 个答案:

答案 0 :(得分:0)

对此没有答案,但是如果您查看Codename One Build之类的应用,您会发现它们适应了这种外形尺寸。

我们通常只使用<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> </customHeaders> </httpProtocol> 使关键点的UI适应不同的尺寸。其中一个元素是permanent side menu,我们可以使用以下代码在init方法中将其打开:

isTablet()

它使侧面菜单始终保持打开状态。在代码中,我们尝试使用if(Display.getInstance().isTablet()) { Toolbar.setPermanentSideMenu(true); } 代替Container。这样一来,我们就可以在平板电脑模式下将多个逻辑片段打包到一个UI中。