Question

如何使用DreemGL创建多屏幕应用程序？如果我的应用程序中有多个屏幕，我可以通过哪个URL访问这些屏幕？

Answer 1

只需在compositioin的render（）函数内添加第二个屏幕即可。 DreemGL应用程序中的不同屏幕通过其name属性进行标识。以下组合包含两个屏幕。第一个屏幕的名称值为＆＃39; screen1＆＃39;，第二个屏幕＆＃39; screen2＆＃39;。每个屏幕都显示带边距和居中文本的视图。

define.class("$server/composition", function ($ui$, screen, view, label) {
this.render = function () {
  return [
    screen({
        name: 'screen1',
        clearcolor: 'coolgrey'
      },
      view({
          flex: 1,
          bgcolor: 'amber',
          h: 480,
          flexdirection: 'column',
          justifycontent: 'center',
          margin: vec4(30)
        },
        label({
          text: 'Screen #1',
          fontsize: 50,
          bold: true,
          fgcolor: 'black',
          bgcolor: null,
          alignself: 'center'
        })
      )
    ), // end of 1st screen
    screen({
        name: 'screen2',
        clearcolor: 'asparagus'
      },
      view({
          flex: 1,
          bgcolor: 'charcoal',
          h: 480,
          flexdirection: 'column',
          justifycontent: 'center',
          margin: vec4(30)
        },
        label({
          text: 'Screen #2',
          fontsize: 50,
          bold: true,
          fgcolor: 'white',
          bgcolor: null,
          alignself: 'center'
        })
      )
    ), // end of 2nd screen
  ];
};

}）;

当您在浏览器中运行合成时，默认情况下，DreemGL会将第一个屏幕元素作为合成的子项传递。您应该看到以下UI：

要访问第二个屏幕，只需将屏幕名称直接添加到查询字符串中，直接在问号后面，例如： http://localhost:2000/examples/multiscreendemo?screen2

现在您应该看到以下UI：

使用DreemGL创建多屏幕应用程序

1 个答案: