29、即时通讯应用控制器与GWT - RPC实现详解

即时通讯应用控制器与GWT - RPC实现详解

1. 视图定位与操作

在应用中，窗口位置的计算和设置是重要的一环。首先，通过调用 DOM.getIntAttribute 获取 scrollTop 和 scrollLeft 属性。当应用计算出窗口的顶部和左侧位置后，会使用CSS的 top 和 left 属性来设置这些位置。为了让浏览器正确渲染这些属性，还需要将CSS的 position 属性设置为 absolute ，这表明 top 和 left 的位置值是相对于页面左上角的。

MessengerView 在重新排列 ChatWindowView 实例，以及使用 show 方法使 ChatWindowView 实例可见时，会调用 setPosition 方法。 show 方法会使用 setPosition 方法设置视图的宽度、高度和坐标，并将可见性设置为 true ，同时将键盘焦点设置到消息输入的 TextBox 小部件上，方便用户直接开始输入。

2. 应用视图组成

应用包含四个视图，它们共同构建了一个界面，将应用模型呈现给用户