outsystems合集系列（四）

UI Development

在这一节，我们来讲讲screens——outsystems的UI构建模块之一。我们会向你展示screens如何被创建，screens的内容和元素，变量和输入。最后，我们会在screen的层面上说一些关于客户端的逻辑。

在进入screen定义和详情之前，让我们来看看大概。

App由多个screens组成，它们本质上是app的不同的页面，提供不同的功能或者数据。

这些screens之间可以相互连接

让终端用户浏览整个应用程序。

所以screen是什么？screen是outsystems中UI模块的构建工具之一。

每个screens由几个其他的元素组成，这些元素可能包含links、buttons、images、tables等等。这些元素在screen中的不同组合让开发者创造出多种多样的screen。

screen可以从空空如也的canvas开始

screen也可以从预先做好了的screen(outsystems提供的模板)开始，然后定制你的具体需求。

我们来看看screen更详细的部分。我们可以看到这里展示了很多不同的元素，这些元素在outsystems中叫小部件(widget)

我们来剖析这些元素

如我们所见，一个简单的screen由很多的元素组成，而上图展示的这些元素只是outsystems中提供的一小部分。

另一个重要且有趣的方面关于小部件是响应能力(responsiveness)。同样的页面会由不同的表现，取决于什么用户使用app。比如手机端用户会如下图展示

这种转变是自动的。

正如我们前面所提到的，终端用户在不同的screens间浏览，在一些情况下，用户需要在不同的screens之间传递信息，数据传递将最终在一