《一种应用程序的界面显示方法、系统及显示终端.pdf》由会员分享,可在线阅读,更多相关《一种应用程序的界面显示方法、系统及显示终端.pdf(7页完整版)》请在专利查询网上搜索。
1、(10)申请公布号 CN 103309697 A (43)申请公布日 2013.09.18 CN 103309697 A *CN103309697A* (21)申请号 201210069037.0 (22)申请日 2012.03.15 G06F 9/445(2006.01) (71)申请人 宇龙计算机通信科技 (深圳) 有限公 司 地址 518057 广东省深圳市南山区高新技术 产业园 (北区) 梦溪道 2 号酷派信息港 (1 号楼) (72)发明人 林华坚 (74)专利代理机构 深圳中一专利商标事务所 44237 代理人 温青玲 (54) 发明名称 一种应用程序的界面显示方法、 系统及显示 。
2、终端 (57) 摘要 本发明提供了一种应用程序的界面显示方 法、 系统及显示终端。所述方法包括以下步骤 : 应 用程序加载时, 判断当前设备的屏幕属性, 设备的 屏幕属性包括第一面积屏幕和第二面积屏幕, 其 中第一面积大于第二面积 ; 当应用程序显示时, 根据当前设备的屏幕属性进行相应的界面处理 ; 如果当前设备的屏幕属性是第一面积屏幕, 主容 器窗口组件封装列表窗口组件和内容窗口组件的 内容, 显示在屏幕上 ; 如果是当前设备的屏幕属 性是第二面积屏幕, 则不显示主容器窗口组件的 内容, 把列表窗口组件的内容和内容窗口组件的 内容分开在两个界面显示。本发明解决了同一个 应用程序的界面在屏幕大。
3、小不同的显示设备上显 示的效果不一致导致用户体验差的问题, 使应用 程序的界面美观, 给用户很好的操作体验。 (51)Int.Cl. 权利要求书 1 页 说明书 3 页 附图 2 页 (19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书1页 说明书3页 附图2页 (10)申请公布号 CN 103309697 A CN 103309697 A *CN103309697A* 1/1 页 2 1. 一种应用程序的界面显示方法, 其特征在于, 所述方法包括以下步骤 : 应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包括第一面积屏幕和第 二面积屏幕, 其中第一面积大于第二面。
4、积 ; 当应用程序显示时, 根据当前设备的屏幕属性进行相应的界面处理 ; 如果当前设备的 屏幕属性是第一面积屏幕, 主容器窗口组件封装列表窗口组件和内容窗口组件的内容, 显 示在屏幕上 ; 如果是当前设备的屏幕属性是第二面积屏幕, 则不显示主容器窗口组件的内 容, 把列表窗口组件的内容和内容窗口组件的内容分开在两个界面显示。 2. 如权利要求 1 所述的方法, 其特征在于, 所述第一面积屏幕是平板电脑屏幕, 所述第 二面积屏幕是移动终端屏幕。 3. 如权利要求 1 所述的方法, 其特征在于, 列表窗口包含多个列表项, 每一个列表项对 应一个内容窗口。 4. 如权利要求 1 所述的方法, 其特征。
5、在于, 所述当应用程序显示时, 根据当前设备的屏 幕属性进行相应的界面处理的步骤之前, 所述方法还包括以下步骤 : 分别提供列表窗口组件、 内容窗口组件和主容器窗口组件对应用程序的应用程序接口 进行封装 ; 当应用程序创建界面时, 采用主容器窗口组件去封装列表窗口组件和内容窗口组件。 5. 一种应用程序的界面显示系统, 其特征在于, 所述系统包括 : 判断模块, 用于应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包括第一 面积屏幕和第二面积屏幕, 其中第一面积大于第二面积 ; 界面处理模块, 用于当应用程序显示时, 根据当前设备的屏幕属性进行相应的界面处 理 ; 如果当前设备的屏幕。
6、属性是第一面积屏幕, 主容器窗口组件封装列表窗口组件和内容 窗口组件的内容, 显示在屏幕上 ; 如果是当前设备的屏幕属性是第二面积屏幕, 则不显示 主容器窗口组件的内容, 把列表窗口组件的内容和内容窗口组件的内容分开在两个界面显 示。 6. 如权利要求 5 所述的系统, 其特征在于, 所述第一面积屏幕是平板电脑屏幕, 所述第 二面积屏幕是移动终端屏幕。 7. 如权利要求 5 所述的系统, 其特征在于, 列表窗口包含多个列表项, 每一个列表项对 应一个内容窗口。 8. 如权利要求 5 所述的系统, 其特征在于, 所述系统还包括 : 第一封装模块, 用于分别提供列表窗口组件、 内容窗口组件和主容器。
7、窗口组件对应用 程序的应用程序接口进行封装 ; 第二封装模块, 用于当应用程序创建界面时, 采用主容器窗口组件去封装列表窗口组 件和内容窗口组件。 9.一种显示终端, 其特征在于, 所述显示终端包括权利要求5至8任一项所述的应用程 序的界面显示系统。 10. 如权利要求 9 所述的显示终端, 其特征在于, 所述显示终端为移动终端或平板电 脑。 权 利 要 求 书 CN 103309697 A 2 1/3 页 3 一种应用程序的界面显示方法、 系统及显示终端 技术领域 0001 本发明属于电子领域, 尤其涉及一种应用程序的界面显示方法、 系统及显示终端。 背景技术 0002 现有的移动终端和平板。
8、电脑的操作系统, 为了保证应用程序的兼容性, 对应用程 序提供同样的应用程序接口 (Application Program Interface, API)。但是同样一个应用 程序的界面, 在屏幕大小不一样的显示终端上显示的效果是不一样的。请参阅图 1, 是应用 程序的界面在移动终端上的显示效果, 请参阅图 2, 是应用程序的界面在平板电脑上的显示 效果。 0003 现在技术没有利用大屏幕显示终端的特性和考虑用户体验, 为了实现软件兼容, 只是简单对界面的显示效果进行拉伸或缩放处理, 导致界面显示效果不好, 用户体验差的 问题。 发明内容 0004 本发明的目的在于提供一种应用程序的界面显示方法。
9、、 系统及显示终端, 旨在解 决现有技术同一个应用程序的界面在屏幕大小不同的显示设备上显示的效果不一致导致 用户体验差的问题。 0005 本发明是这样实现的, 一种应用程序的界面显示方法, 所述方法包括以下步骤 : 0006 应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包括第一面积屏幕 和第二面积屏幕, 其中第一面积大于第二面积 ; 0007 当应用程序显示时, 根据当前设备的屏幕属性进行相应的界面处理 ; 如果当前设 备的屏幕属性是第一面积屏幕, 主容器窗口组件封装列表窗口组件和内容窗口组件的内 容, 显示在屏幕上 ; 如果是当前设备的屏幕属性是第二面积屏幕, 则不显示主容器窗。
10、口组件 的内容, 把列表窗口组件的内容和内容窗口组件的内容分开在两个界面显示。 0008 本发明还提供一种应用程序的界面显示系统, 所述系统包括 : 0009 判断模块, 用于应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包括 第一面积屏幕和第二面积屏幕, 其中第一面积大于第二面积 ; 0010 界面处理模块, 用于当应用程序显示时, 根据当前设备的屏幕属性进行相应的界 面处理 ; 如果当前设备的屏幕属性是第一面积屏幕, 主容器窗口组件封装列表窗口组件和 内容窗口组件的内容, 显示在屏幕上 ; 如果是当前设备的屏幕属性是第二面积屏幕, 则不显 示主容器窗口组件的内容, 把列表窗口组。
11、件的内容和内容窗口组件的内容分开在两个界面 显示。 0011 本发明还提供一种显示终端, 所述显示终端包括上述应用程序的界面显示系统。 0012 在本发明中由于应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包 括第一面积屏幕和第二面积屏幕, 其中第一面积大于第二面积, 当应用程序显示时, 根据当 前设备的屏幕属性进行相应的界面处理。 从而解决了同一个应用程序的界面在屏幕大小不 说 明 书 CN 103309697 A 3 2/3 页 4 同的显示设备上显示的效果不一致导致用户体验差的问题, 使应用程序的界面美观, 给用 户很好的操作体验。 附图说明 0013 图 1 是现有技术应用。
12、程序的界面在移动终端上的显示效果 ; 0014 图 2 是现有技术应用程序的界面在平板电脑上的显示效果 ; 0015 图 3 是本发明实施例提供的应用程序的界面显示方法的流程图 ; 0016 图 4 是本发明实施例提供的应用程序的界面在移动终端上的显示效果 ; 0017 图 5 是本发明实施例提供的应用程序的界面在平板电脑上的显示效果 ; 0018 图 6 是本发明实施例提供的应用程序的界面显示系统的功能模块框图。 具体实施方式 0019 为了使本发明的目的、 技术方案及有益效果更加清楚明白, 以下结合附图及实施 例, 对本发明进行进一步详细说明。 应当理解, 此处所描述的具体实施例仅仅用以解。
13、释本发 明, 并不用于限定本发明。 0020 请参阅图 3, 本发明实施例提供了一种应用程序的界面显示方法, 所述方法包括以 下步骤 : 0021 S11、 应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包括第一面积 屏幕和第二面积屏幕, 其中第一面积大于第二面积, 在本发明实施例中, 第一面积屏幕是平 板电脑屏幕, 第二面积屏幕是移动终端屏幕。 0022 S12、 分别提供列表窗口 (ListWindow)、 内容窗口 (ContentWindow) 和主容器窗口 (ContainerWindow) 三种核心组件对应用程序的 API 进行封装。 0023 S13、 当应用程序创建。
14、界面时, 采用 Containerwindow 组件去封装 ListWindow 组 件和 ContentWindow 组件, 每一个 List 项对应一个 ContentWindow, ListWindow 包含多个 List 项, ListWindow 与 ContentWindow 是一对多的关系。 0024 S14、 当应用程序显示时, 根据当前设备的屏幕属性进行相应的界面处理 ; 0025 如 果 当 前 设 备 的 屏 幕 属 性 是 第 一 面 积 屏 幕, ContainerWindow 组 件 封 装 ListWindow 组件和 ContentWindow 组件的内容, 显。
15、示在屏幕上 ; 0026 如果是当前设备的屏幕属性是第二面积屏幕, 则不显示 ContainerWindow 组件的 内容, 把 ListWindow 组件的内容和 ContentWindow 组件的内容分开在两个界面显示。 0027 在本发明实施例中, 同样一个 APK, 如果在第二面积屏幕的设备 ( 例如移动终端 ) 上运行时, 则显示一个列表窗口和内容窗口, 分两次显示, 在列表窗口界面点击, 进入到内 容窗口界面, 退出时又回退列表窗口界面, 如图 4 所示 ; 如果在第一面积屏幕的设备 ( 例如 平板电脑 ) 上运行时, 则列表窗口和内容窗口的界面同时显示, 如图 5 所示。 002。
16、8 请参阅图 6, 本发明实施例提供了一种应用程序的界面显示系统, 所述系统包括判 断模块 11、 第一封装模块 12、 第二封装模块 13 和界面处理模块 14。 0029 应用程序加载时, 判断模块 11 判断当前设备的屏幕属性, 设备的屏幕属性包括 第一面积屏幕和第二面积屏幕, 其中第一面积大于第二面积, 在本发明实施例中, 第一面 积屏幕是平板电脑屏幕, 第二面积屏幕是移动终端屏幕 ; 第一封装模块 12 分别提供列表 说 明 书 CN 103309697 A 4 3/3 页 5 窗口 (ListWindow)、 内容窗口 (ContentWindow) 和主容器窗口 (Contain。
17、erWindow) 三种 核心组件对应用程序的 API 进行封装 ; 、 当应用程序创建界面时, 第二封装模块 13 采用 Containerwindow 组件去封装 ListWindow 组件和 ContentWindow 组件, 每一个 List 项 对应一个 ContentWindow, ListWindow 包含多个 List 项, ListWindow 与 ContentWindow 是一对多的关系 ; 当应用程序显示时, 界面处理模块 14 根据当前设备的屏幕属性进行相 应的界面处理 ; 如果当前设备的屏幕属性是第一面积屏幕, ContainerWindow 组件封装 ListWi。
18、ndow 组件和 ContentWindow 组件的内容, 显示在屏幕上 ; 如果是当前设备的屏幕属 性是第二面积屏幕, 则不显示 ContainerWindow 组件的内容, 把 ListWindow 组件的内容和 ContentWindow 组件的内容分开在两个界面显示。 0030 本发明实施例还提供了一种包括上述应用程序的界面显示系统的显示终端。 0031 在本发明中由于应用程序加载时, 判断当前设备的屏幕属性, 设备的屏幕属性包 括第一面积屏幕和第二面积屏幕, 其中第一面积大于第二面积, 当应用程序显示时, 根据当 前设备的屏幕属性进行相应的界面处理。 从而解决了同一个应用程序的界面在。
19、屏幕大小不 同的显示设备上显示的效果不一致导致用户体验差的问题, 使应用程序的界面美观, 给用 户很好的操作体验。 0032 本领域普通技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以 通过程序来指令相关的硬件来完成, 所述的程序可以存储于一计算机可读取存储介质中, 所述的存储介质, 如 ROM/RAM、 磁盘、 光盘等。 0033 以上所述仅为本发明的较佳实施例而已, 并不用以限制本发明, 凡在本发明的精 神和原则之内所作的任何修改、 等同替换和改进等, 均应包含在本发明的保护范围之内。 说 明 书 CN 103309697 A 5 1/2 页 6 图 1 图 2 图 3 说 明 书 附 图 CN 103309697 A 6 2/2 页 7 图 4 图 5 图 6 说 明 书 附 图 CN 103309697 A 7 。