技术领域

本发明涉及移动通信技术领域， 特别涉及一种具有多屏幕的 App的开发方法、 开发装 置以及具有多屏幕的切换控制方法和客户端。 背景技术

传统的 Web App的开发过程中， 多个屏幕均需对应多个页面， 页面的切换， 利用浏览 器链接跳转到其它页面实现， 页面在切换的过程中， 前一个页面的内容和相关资源即被浏 览器卸载并回收。

但是， 上述 Web App的开发过程中在处理多屏内容时具有如下缺 点：

( 1 )没有将物理屏幕与 Web App内容屏幕进行逻辑上的分离， 开发过程中， 始终以一 个物理屏幕为目标进行更新或排列组件。 ( 2 )每个页面的内容在离开显示时， 即被浏览器回收， 在需要回到该页面时， 浏览器 需重新载入并绘制该页面， 这种切换方式导致页面切换速度慢， 网络资源开销大， 并且多 个页面间同一时间只能有一个页面处于活动中 ， 多页不能协同工作， 影响用户体验。 发明内容

本发明旨在至少在一定程度上解决上述技术问 题之一或至少提供一种有用的商业选 择。 为此， 本发明的第一个目的在于提出一种控制多屏幕 的排列布局， 并且使多个页面可 以同时活动以提高页面切换速度的具有多屏幕 的 App的开发方法。 本发明的第二个目的在 于提供一种具有多屏幕的 App的开发装置。 本发明的第三个目的在于提供一种多屏幕的切 换控制方法。 本发明的第四个目的在于提供一种客户端。

为实现上述目的， 本发明的第一方面的实施例提供了一种具有多 屏幕的 App的开发方 法， 包括如下步骤：

提供逻辑屏幕容器， 其中， 所述逻辑屏幕容器中包括显示窗口和多个容器 结点， 所述 多个容器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与客户端中物理屏幕相对 应； 在所述逻辑屏幕容器中的一部分所述容器结点 内装入用于显示的页面内容， 其中， 每 个所述容器结点中装入的页面内容与在一个物 理屏幕中显示的内容相对应； 以及

设定所述显示窗口的控制逻辑， 以使所述显示窗口在用户输入的指令下在所述 多个容 器结点之间进行切换。 根据本发明实施例的具有多屏幕的 App的开发方法， 通过在 App framework开发多屏 幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对逻辑屏 幕 的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部 分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的速度以及用户的体 验度。此外，本发明的具有多屏幕的 App的开发方法可以对多组屏幕内容的布局进行 排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处理活动状态。 需要说明的是， 在本发明的实施例中， App既可以是 Web App , 也可以是 Native App。 在 Web App的开发 过程中， 通过本发明不仅能够解决页面回收的问题， 而且还提供页面的切换控制等功能。 在 Native App的开发过程中， 本发明能够解决页面的切换控制难题。

在本发明的一个实施例中， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多 个非活动 中的逻辑屏幕， 且所述多个活动中的逻辑屏幕和多个非活动中 的逻辑屏幕以二维矩阵 排列。

通过本发明实施例的逻辑屏幕的分布设置， 即分为多个活动中的逻辑屏幕和多个 非活动中的逻辑屏幕，从而可以针对每个屏幕 的不同状况进行有效地切换控制。本发明 第二方面的实施例提供一种具有多屏幕的 App的开发装置， 包括： 逻辑屏幕容器， 所述逻 辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应多个逻辑屏幕， 且每 个所述逻辑屏幕与客户端中物理屏幕相对应， 其中， 所述逻辑屏幕容器中的一部分所述容 器结点内装入用于显示的页面内容， 其中， 每个所述容器结点中装入的页面内容与在一个 物理屏幕中显示的内容相对应； 逻辑设定模块， 用于设定所述显示窗口的控制逻辑； 切换 模块， 用于根据设定的所述控制逻辑使所述显示窗口 在用户输入的指令下在所述多个容器 结点之间进行切换。

根据本发明实施例的具有多屏幕的 App的开发装置， 通过在 App framework开发多屏 幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对逻辑屏 幕 的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部 分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的速度以及用户的体 验度。此外，本发明的具有多屏幕的 App的开发装置可以对多组屏幕内容的布局进行 排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处理活动状态。 本发明第三方面的实施例提供一种多屏幕的切 换控制方法， 包括如下步骤：

客户端根据用户输入的开启指令开启 App , 其中， 所述 App包括逻辑屏幕容器， 且所 述逻辑屏幕容器中包括显示窗口和多个容器结 点， 所述多个容器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕 相对应， 以及所述多个容器节点中包含有对 应的页面内容；

所述客户端接收所述用户输入的选择指令； 以及

所述客户端获得所述选择指令对应的页面， 并将所述显示窗口切换至所述页面对应的 逻辑屏幕。

根据本发明实施例的多屏幕的切换控制方法， 根据用户输入的开启指令控制开启 App。 通过在 App Framework开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物 理屏幕的开发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部分逻辑屏幕进 行加载， 从而在接收到用户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以及用 户的体验度。 本发明第四方面的实施例提供一种客户端， 包括： 通信模块， 用于接收用户输入的开 启指令以及选择指令； 应用开启模块， 用于根据所述开启指令开启 App, 其中， 所述 App 包括逻辑屏幕容器， 且所述逻辑屏幕容器中包括显示窗口和多个容 器结点， 所述多个容器 结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕 相对应， 以及所述 多个容器结点中包含有对应的页面内容； 页面控制模块， 用于获得所述选择指令对应的页 面， 并将所述显示窗口切换至所述页面对应的逻辑 屏幕。

根据本发明实施例的客户端， 根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开 发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户 进行页面切换前对部分逻辑屏幕进行加载， 从而在接收到用户的选择指令后 , 可以快速切 换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以及用户的体验度。 本发明的附加方面和优点将在下面的描述中部 分给出， 部分将从下面的描述中变得明 显， 或通过本发明的实践了解到。 附图说明

本发明的上述和 /或附加的方面和优点从结合下面附图对实施� �的描述中将变得明显和 容易理解， 其中：

图 1为根据本发明实施例的具有多屏幕的 App的开发方法的流程图；

图 2为根据本发明实施例的页面示意图； 图 3为根据本发明实施例的具有多屏幕的 App的开发装置的示意图； 图 4为才艮据本发明实施例的多屏幕的切换控制� �法的流程图； 以及 图 5为根据本发明实施例的客户端的示意图。 具体实族方式

下面详细描述本发明的实施例， 所述实施例的示例在附图中示出， 其中自始至终相同 或类似的标号表示相同或类似的元件或具有相 同或类似功能的元件。 下面通过参考附图描 述的实施例是示例性的， 旨在用于解释本发明， 而不能理解为对本发明的限制。

在本发明中， 除非另有明确的规定和限定， 术语"安装"、 "相连"、 "连接"、 "固定 "等术 语应做广义理解， 例如， 可以是固定连接， 也可以是可拆卸连接， 或一体地连接； 可以是 机械连接， 也可以是电连接； 可以是直接相连， 也可以通过中间媒介间接相连， 可以是两 个元件内部的连通。 对于本领域的普通技术人员而言， 可以根据具体情况理解上述术语在 本发明中的具体含义。 本发明所述的 "多个，， 是指两个或两个以上。

下面参考图 1和图 2描述根据本发明实施例的具有多屏幕的 App的开发方法。 其中， 该 App的开发方法可以应用于移动终端或平板电脑 的 App开发中。

如图 1所示， 本发明实施例的具有多屏幕的 App的开发方法， 包括如下步骤： 步骤 S 101 , 提供逻辑屏幕容器。

逻辑屏幕容器中可以包括显示窗口和多个容器 结点。 其中， 显示窗口可以显示用户选 择的当前页面的内容。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中物 理屏幕相对应。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑屏幕的尺寸均 与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻辑屏 幕中的内容可以对应的在客户端的物理屏幕上 显示。

通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻 辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进 行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。

步骤 S102 , 在逻辑屏幕容器中的一部分容器结点内装入用 于显示的页面内容。 其 中， 每个容器结点中装入的页面内容与一个物理屏 幕中显示的内容相对应。

如图 2 所示， 在客户端的主体 （body ) 内设置有逻辑屏幕容器。 逻辑屏幕容器包 括多个逻辑屏幕， 其中多个逻辑屏幕包括多个活动中的逻辑屏幕 和多个非活动中的逻 辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的 部分容器结点。 活动中的屏幕 中的页面内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可 以通过选择， 查看到多个活动中的屏幕中的一个的页面内容 。

非活动中的逻辑屏幕即为未装入用于显示的页 面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。

下面对逻辑屏幕的创建以及活动中的逻辑屏幕 和活动中的逻辑屏幕的实现进行详 细描述。

由图 2 中可以看出， 多个活动中的逻辑屏幕和多个非活动中的逻辑 屏幕以二维矩 阵排列。 需要说明的是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所 有已存在的逻辑屏幕容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初始化）事件， 从而开发者可以对逻辑屏幕上的内容进行初始 化。 此 时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开 销。

当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排 列。 如 图 2所示， 多个逻辑屏幕中包括 5个活动中屏幕和 9个非活动中屏幕。 其中， 活动中 的屏幕分别为 A~E , 这个五个活动屏幕的顺序是由 App应用的开发者进行排列。

步骤 S 103 , 设定显示窗口的控制逻辑， 以使显示窗口在用户输入的指令下在多个 容器结点之间进行切换。

活动中的屏幕可以在客户端的物理屏幕上进行 显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在 显示给用户的内容。

显示窗口根据用户的滑动指令在相邻的两个活 动中的逻辑屏幕之间切换。 具体地， 首先设定显示窗口的控制逻辑， 从而显示窗口可以根据用户通过客户端输入的 指令在 多个容器结点之间进行切换。

例如， 设置控制逻辑如下：

当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。 在本发明的一个示例中， 进一步对活动中的逻辑屏幕和非活动中的逻辑 屏幕之间 的切换规则进行设定。

在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：

( 1 ) 开发者设定的优先级

开发者可以预先的对活动中的屏幕设定优先级 ， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的 逻辑屏幕 B。

( 2 ) 活动中的逻辑屏幕被开启的时间

在将非活动中的逻辑屏幕切换至活动中的逻辑 屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。

( 3 ) App的使用者的个人喜好信息

客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏 好的位置的逻辑屏幕。

例如， 使用者偏好中间位置的活动逻辑屏幕（如图 2中的 C ) , 则在将非活动中的 逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至逻辑屏幕 C。

( 4 )客户端当前的系统资源信息

客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的 逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活 动中的逻辑屏幕。

在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时， 首先还原不需要活动的逻辑屏幕容器位置， 并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中 的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结点， 使其进入活动状 态。

#居本发明实施例的具有多屏幕的 App的开发方法， 通过在 App framework 开发 多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对 逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页 面切换前对部分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的 速度以及用户的体验度。 此外， 本发明的具有多屏幕的 App的开发方法可以对多组屏 幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处 理活动状态。 需要说明的是， 在本发明的实施例中， App既可以是 Web App, 也可以是 Native App。 在 Web App的开发过程中， 通过本发明不仅能够解决页面回收的问题， 而且还提供页面的切换控制等功能。 在 Native App的开发过程中， 能够解决页面的切 换控制难题。 如图 3所示， 本发明实施例的具有多屏幕的 App的开发装置 300包括： 逻辑屏幕容器

310、 逻辑设定模块 320和切换模块 330。 其中， 该 App的开发装置 300可以应用于移动终 端或平板电脑的 App开发中。

逻辑屏幕容器 310 中可以包括显示窗口和多个容器结点。 其中， 显示窗口可以显示用 户选择的当前页面的内容。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端 中物理屏幕相对应。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑屏幕的尺 寸均与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻 辑屏幕中的内容可以对应的在客户端的物理屏 幕上显示。

通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻 辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进 行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。

在逻辑屏幕容器 310 中的一部分容器结点内装入用于显示的页面内 容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕 中显示的内容相对应。

从图 2 中， 可以看出多个逻辑屏幕包括多个活动中的逻辑 屏幕和多个非活动中的 逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的 部分容器结点。 活动中的屏 幕中的页面内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户 可以通过选择， 查看到多个活动中的屏幕中的一个的页面内容 。

非活动中的逻辑屏幕即为未装入用于显示的页 面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。

下面对逻辑屏幕的创建以及活动中的逻辑屏幕 和活动中的逻辑屏幕的实现进行详 细描述。

由图 2 中可以看出， 多个活动中的逻辑屏幕和多个非活动中的逻辑 屏幕以二维矩 阵排列。 需要说明的是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所 有已存在的逻辑屏幕容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初始化）事件， 从而开发者可以对逻辑屏幕上的内容进行初始 化。 此 时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开 销。

当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排 列。 活动中的屏幕可以在客户端的物理屏幕上进行 显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在 显示给用户的内容。

显示窗口根据用户的滑动指令在相邻的两个活 动中的逻辑屏幕之间切换。 具体地， 逻辑设定模块 320设定显示窗口的控制逻辑， 从而切换模块 330可以控制显示窗口根 据用户通过客户端输入的指令在多个容器结点 之间进行切换。

例如， 逻辑设定模块 320设置控制逻辑如下：

当用户输入的指令为向左滑动时，切换模块 330控制显示窗口从当前逻辑屏幕（如 图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2中的 A ) 。 反之， 当用户输入的指 令为向右滑动时， 切换模块 330控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换 到相邻的右侧逻辑屏幕 （如图 2中的 C ) 。

在本发明的一个示例中， 逻辑设定模块 320 进一步对活动中的逻辑屏幕和非活动 中的逻辑屏幕之间的切换规则进行设定。

在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：

( 1 ) 开发者设定的优先级

开发者可以预先的对活动中的屏幕设定优先级 ， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的 逻辑屏幕 B。

( 2 ) 活动中的逻辑屏幕被开启的时间

在将非活动中的逻辑屏幕切换至活动中的逻辑 屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。

( 3 ) App的使用者的个人喜好信息

客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏 好的位置的逻辑屏幕。 例如， 使用者偏好中间位置的活动逻辑屏幕（如图 2中的 C ) , 则在将非活动中的 逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至逻辑屏幕 C。

( 4 )客户端当前的系统资源信息

客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的 逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活 动中的逻辑屏幕。

在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时，首先还原不需要活动的 逻辑屏幕容器 310的位置，并触发 onsleep (休眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中 的内容或暂停不必要的 活动动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间 点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结点， 使其进入活 动状态。

根据本发明实施例的具有多屏幕 App的开发装置， 通过在 App framework 开发多屏 幕的 web 应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对 逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页 面切换前对部分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的 速度以及用户的体验度。 此外， 本发明的具有多屏幕的 App的开发装置可以对多组屏 幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处 理活动状态。 并且， 本发明实施例的具有多屏幕的 App的开发装置也同样适用于 native ap 的开发。 下面参考图 4对本发明实施例的对多屏幕的切换控制方法� �流程进行描述。 该多屏幕 的切换控制方法可以应用于移动终端或平板电 脑中的屏幕切换。

如图 4所示， 本发明实施例提供的多屏幕的切换控制方法， 包括如下步骤： 步骤 S401 , 客户端根据用户输入的开启指令开启 App。

客户端接收用户输入的开启指令， 从而控制开启客户端内的 App。 其中， App 包括逻 辑屏幕容器， 且逻辑屏幕容器中包括显示窗口和多个容器结 点。 其中， 显示窗口可以显示 用户选择的当前页面的内容。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑 屏幕的尺寸均与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻辑屏幕中的内容可以对应的在客户端的物理 屏幕上显示。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中的物理屏幕相对 应。 多个容器结点中包含有对应的页面内容。

通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻 辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进 行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。

客户端在逻辑屏幕容器中的一部分容器结点内 装入用于显示的页面内容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕 中显示的内容相对应。

具体地， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多 个非活动中的逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的 部分容器结点。 活动中的屏幕中的页面 内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可以通过选 择， 查看到多个活动中的屏幕中的一个的页面内容 。

非活动中的逻辑屏幕即为未装入用于显示的页 面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。

下面对逻辑屏幕的创建以及活动中的逻辑屏幕 和活动中的逻辑屏幕的实现进行详 细描述。

多个活动中的逻辑屏幕和多个非活动中的逻辑 屏幕以二维矩阵排列。 需要说明的 是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所有已存在的 逻辑屏幕 容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初 始化） 事件， 从而开发者可以对逻辑屏幕上的内容进行初始 化。 此时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开销。

当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结 点。

在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排 列。 步骤 S402, 客户端接收用户输入的选择指令。

活动中的屏幕可以在客户端的物理屏幕上进行 显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在 显示给用户的内容。

用户通过客户端输入选择指令， 以选择要在显示窗口显示的逻辑屏幕。

步骤 S403 , 客户端获得选择指令对应的页面， 并将显示窗口切换至页面对应的逻辑屏 眷。

客户端获得用户输入的选择指令， 对该选择指令进行分析以获得对应的页面。 具体地， 客户端根据设定的显示窗口的控制逻辑， 获得选择指令对应的逻辑屏幕。

例如， 设置控制逻辑如下：

当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。

显示窗口根据用户的滑动指令在相邻的两个活 动中的逻辑屏幕之间切换。

在本发明的一个示例中， 客户端进一步对活动中的逻辑屏幕和非活动中 的逻辑屏 幕之间的切换规则进行设定。

在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：

( 1 ) 开发者设定的优先级

开发者可以预先的对活动中的屏幕设定优先级 ， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的 逻辑屏幕 B。

( 2 ) 活动中的逻辑屏幕被开启的时间

在将非活动中的逻辑屏幕切换至活动中的逻辑 屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。

( 3 ) App的使用者的个人喜好信息

客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏 好的位置的逻辑屏幕。

( 4 )客户端当前的系统资源信息

客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的 逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活 动中的逻辑屏幕。

在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时， 首先还原不需要活动的逻辑屏幕容器位置， 并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中 的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结点， 使其进入活动状 态。

根据本发明实施例的多屏幕的切换控制方法， 根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的 web 应用的过程中， 设置逻辑屏幕容器， 将对客 户端的物理屏幕的开发调整到对逻辑屏幕的开 发， 从而为产品设计提供了新的空间和 方向。 并且， 通过在用户进行页面切换前对部分逻辑屏幕进 行加载， 从而在接收到用 户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提 高了切换的速度以及用户的体验度。 下面参考图 5描述根据本发明实施例的客户端 500。其中，客户端 500可以为移动终端 或平板电脑。

如图 5所示， 本发明实施例提供的客户端 500 包括通信模块 510、 应用开启模块 520 和页面控制模块 530。

通信模块 510 用于接收用户输入的开启指令。 应用开启模块 520根据开启指令开启 App。 其中， App包括逻辑屏幕容器， 并且逻辑屏幕容器中包括显示窗口和多个容器 结点。 其中， 显示窗口可以显示用户选择的当前页面的内容 。 其中， 逻辑屏幕为 App开发过程中 所产生。 此外， 每个逻辑屏幕的尺寸均与客户端的物理屏幕相 同。 例如， 每个逻辑屏幕的 尺寸与手机的屏幕相同。从而， 逻辑屏幕中的内容可以对应的在客户端的物理 屏幕上显示。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中的物理屏幕相对 应。 多个 容器结点中包含有对应的页面内容。

通过设置逻辑屏幕， 可以实现将客户端 500的物理屏幕与逻辑屏幕在逻辑上分离。 从 而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进 行开发， 而不是 针对客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。

客户端在逻辑屏幕容器中的一部分容器结点内 装入用于显示的页面内容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕 中显示的内容相对应。

具体地， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多 个非活动中的逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的 部分容器结点。 活动中的屏幕中的页面 内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可以通过选 择， 查看到多个活动中的屏幕中的一个的页面内容 。

非活动中的逻辑屏幕即为未装入用于显示的页 面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。

下面对逻辑屏幕的创建以及活动中的逻辑屏幕 和活动中的逻辑屏幕的实现进行详 细描述。

多个活动中的逻辑屏幕和多个非活动中的逻辑 屏幕以二维矩阵排列。 需要说明的 是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所有已存在的 逻辑屏幕 容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初 始化） 事件， 从而开发者可以对逻辑屏幕上的内容进行初始 化。 此时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开销。

当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排 列。 在本发明的又一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更 屏幕顺序或调用关系时，首先还原不需要活动 的逻辑屏幕容器位置，并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中 的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容 器结点， 使其进入活动状 态。

活动中的屏幕可以在客户端的物理屏幕上进行 显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在 显示给用户的内容。

通信模块 510进一步接收用户输入的选择指令， 用于选择要在显示窗口显示的逻辑展 眷。

页面控制模块 530获得用户输入的选择指令对应的页面， 并将显示窗口切换至页面 对应的逻辑屏幕。

具体地， 页面控制模块 530根据设定的显示窗口的控制逻辑， 获得选择指令对应的 逻辑屏幕。

例如， 设置控制逻辑如下：

当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。 页面控制模块 530 控制显示窗口根据用户的滑动指令在相邻的两 个活动中的逻辑 屏幕之间切换。

在本发明的一个示例中， 页面控制模块 530 进一步对活动中的逻辑屏幕和非活动 中的逻辑屏幕之间的切换规则进行设定。

在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：

( 1 ) 开发者设定的优先级

开发者可以预先的对活动中的屏幕设定优先级 ， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的 逻辑屏幕 B。

( 2 ) 活动中的逻辑屏幕被开启的时间

在将非活动中的逻辑屏幕切换至活动中的逻辑 屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。

( 3 ) App的使用者的个人喜好信息

客户端 500记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至 活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏 好的位置的逻辑 屏幕。

( 4 )客户端当前的系统资源信息

客户端 500 获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中 的逻辑屏幕时， 根据当前的系统资源信息分配相应的活动中的 逻辑屏幕给非活动中的 逻辑屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活 动中的逻辑屏幕。

根据本发明实施例的客户端， 根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕 的开发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通 过在用户进行页面切换前对部分逻辑屏幕进行 加载， 从而在接收到用户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以 及用户的体验度。并且，本发明实施例的客户 端也同样适用于 native ap 的开启和应用。 流程图中或在此以其他方式描述的任何过程或 方法描述可以被理解为， 表示包括 一个或更多个用于实现特定逻辑功能或过程的 步骤的可执行指令的代码的模块、 片段 或部分， 并且本发明的优选实施方式的范围包括另外的 实现， 其中可以不按所示出或 讨论的顺序， 包括根据所涉及的功能按基本同时的方式或按 相反的顺序， 来执行功能， 这应被本发明的实施例所属技术领域的技术人 员所理解。

在流程图中表示或在此以其他方式描述的逻辑 和 /或步骤， 例如， 可以被认为是用于实 现逻辑功能的可执行指令的定序列表， 可以具体实现在任何计算机可读介质中， 以供指令 执行系统、 装置或设备（如基于计算机的系统、 包括处理器的系统或其他可以从指令执行 系统、 装置或设备取指令并执行指令的系统）使用， 或结合这些指令执行系统、 装置或设 备而使用。 就本说明书而言， "计算机可读介质"可以是任何可以包含、 存储、 通信、 传播 或传输程序以供指令执行系统、 装置或设备或结合这些指令执行系统、 装置或设备而使用 的装置。 计算机可读介质的更具体的示例 （非穷尽性列表） 包括以下： 具有一个或多个布 线的电连接部 （电子装置）， 便携式计算机盘盒（磁装置）， 随机存取存储器 （RAM ), 只 读存储器（ROM ), 可擦除可编辑只读存储器（EPROM或闪速存储器� ��， 光纤装置， 以及 便携式光盘只读存储器（CDROM )。 另外， 计算机可读介质甚至可以是可在其上打印所述 程序的纸或其他合适的介质， 因为可以例如通过对纸或其他介质进行光学扫 描， 接着进行 编辑、 解译或必要时以其他合适方式进行处理来以电 子方式获得所述程序， 然后将其存储 在计算机存储器中。

应当理解， 本发明的各部分可以用硬件、 软件、 固件或它们的组合来实现。 在上述实 施方式中， 多个步骤或方法可以用存储在存储器中且由合 适的指令执行系统执行的软件或 固件来实现。 例如， 如果用硬件来实现， 和在另一实施方式中一样， 可用本领域公知的下 列技术中的任一项或他们的组合来实现： 具有用于对数据信号实现逻辑功能的逻辑门电 路 的离散逻辑电路， 具有合适的组合逻辑门电路的专用集成电路， 可编程门阵列 （PGA ), 现 场可编程门阵列 （FPGA )等。

本技术领域的普通技术人员可以理解实现上述 实施例方法携带的全部或部分步骤是可 以通过程序来指令相关的硬件完成， 所述的程序可以存储于一种计算机可读存储介 质中， 该程序在执行时， 包括方法实施例的步骤之一或其组合。

此外， 在本发明各个实施例中的各功能单元可以集成 在一个处理模块中， 也可以是各 个单元单独物理存在， 也可以两个或两个以上单元集成在一个模块中 。 上述集成的模块既 可以采用硬件的形式实现， 也可以采用软件功能模块的形式实现。 所述集成的模块如果以 软件功能模块的形式实现并作为独立的产品销 售或使用时， 也可以存储在一个计算机可读 取存储介质中。

上述提到的存储介质可以是只读存储器， 磁盘或光盘等。

在本说明书的描述中， 参考术语"一个实施例"、 "一些实施例"、 "示例"、 "具体示例"、 或"一些示例"等的描述意指结合该实施例或示� ��描述的具体特征、 结构、 材料或者特点包 含于本发明的至少一个实施例或示例中。 在本说明书中， 对上述术语的示意性表述不一定 指的是相同的实施例或示例。 而且， 描述的具体特征、 结构、 材料或者特点可以在任何的 一个或多个实施例或示例中以合适的方式结合 。

尽管上面已经示出和描述了本发明的实施例， 可以理解的是， 上述实施例是示例性的， 不能理解为对本发明的限制， 本领域的普通技术人员在不脱离本发明的原理 和宗旨的情况 下在本发明的范围内可以对上述实施例进行变 化、 修改、 替换和变型。