CN101986300A - 基于布局动态调整的移动Widget跨平台实现方法 - Google Patents
基于布局动态调整的移动Widget跨平台实现方法 Download PDFInfo
- Publication number
- CN101986300A CN101986300A CN 201010523892 CN201010523892A CN101986300A CN 101986300 A CN101986300 A CN 101986300A CN 201010523892 CN201010523892 CN 201010523892 CN 201010523892 A CN201010523892 A CN 201010523892A CN 101986300 A CN101986300 A CN 101986300A
- Authority
- CN
- China
- Prior art keywords
- layout
- screen
- mobile widget
- information
- terminal device
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
基于布局动态调整的移动Widget跨平台实现方法,属于移动通信的技术领域。包括如下步骤:屏幕提取模块提取屏幕信息;布局提取模块提取当前布局信息;分析模块对提取的屏幕信息和布局信息进行分析;布局调整模块调整布局,使布局差在允许的范围内。本发明针对移动Widget跨平台时有可能造成页面布局不一致问题而提出的一种基于终端设备的动态调整页面布局的方法,因为不同的手机屏幕不一样,造成了不同图片在不同的手机上不一样。该方法在终端设备下载移动Widget的同时,也提取终端设备的屏幕信息,然后对提取到的屏幕信息进行分析,判断当前页面布局是否在允许的范围内,来动态的调整页面布局,最后将调整好的布局信息缓冲到表中以供运行其它移动Widget时作为参考。
Description
技术领域
本发明属于移动通信的技术领域,具体涉及一种基于布局动态调整的移动Widget跨平台实现方法。
背景技术
Widget是继博客与社交网络之后成为互联网上新热门的名词,是指可以在任意一个基于HTML的Web页面上执行的一小段代码。Widget要运行,首先要有Widget引擎,Widget运行的基础是浏览器的引擎。Widget的运行如果是符合标准的Widget运行,就需要一个Widget引擎,不需要浏览器。但是这个Widget引擎里面,包括了一个浏览器引擎,简单的说,就是里面已经包括了一个浏览器,只不过是少了浏览器的外壳。Widget可以分为基于移动的Widget和基于Web的Widget,两者最大的区别在于引擎是在终端设备上,可以访问终端的很多能力,比如你手机上有一个感应器,这是Web Widget没有办法实现的。
在开发移动Widget会遇到跨平台的问题,比如说该有粗体的地方没有粗体,屏幕大小与终端设备屏幕不一致,另外还有速度的问题,一个平台再加一个Widget,速度会可能就会显得很慢,可能达不到用户的体验需求。不同厂商对JSR的标准支持并不完全一样,这样造成了问题。开发一次在不同的手机上运行的移动Widget,可以实现,但是存在着布局的问题,就是不同的手机,因为屏幕不一样,还要包括VJS不一样,这样造成了不同图片,在不同的手机上不一样。要想手机用户体验完全一致,这个是相当难的一件事情。
推移Widget的跨平台依赖于整个的终端产业的升级,硬件性能的升级,其性能肯定越来越强,随着时间的推移,数量会相对比较小,随着性能的提升,性能会不断的增加,这样会有一个不断的膨胀的过程。
发明内容
针对现有技术中存在的问题,本发明的目的在于提供一种基于布局动态调整的移动Widget跨平台实现方法的技术方案,针对移动Widget跨平台时有可能造成页面布局不一致问题而提出的一种基于终端设备的动态调整页面布局的方法。
基于布局动态调整的移动Widget跨平台实现方法,其特征在于包括如下步骤:
1)屏幕提取模块提取屏幕信息:终端设备在下载移动Widget时,终端设备中的屏幕提取模块提取终端设备的屏幕信息;
2)布局提取模块提取当前布局信息:移动Widget在终端设备上初始运行时,终端设备中的布局提取模块提取当前的布局信息;
3)分析模块对提取的屏幕信息和布局信息进行分析:
用l表示终端设备屏幕长度,w表示终端设备屏幕宽度;
用Li表示移动Widget运行时的页面长度,Wj表示移动Widget运行时的页面宽度,i=0,1,2,…,j=0,1,2,…;
用Mk表示终端设备屏幕长度与移动Widget运行时页面长度之差,NO表示终端设备屏幕宽度与移动Widget运行时页面宽度之差,k=0,1,2,…,o=0,1,2,…,则
Mk=l-Lk,
NO=w-WO;
4)布局调整模块调整布局:
定义可接受的布局差范围如下:
Mk的范围为F:A±0.1毫米,NO的范围为V:B±0.1毫米,A、B为常数,且分别为1毫米;
第一步:布局调整模块判断Mk、NO是否分别在范围F、V中,如果是,进入步骤二,否则进入步骤三;
第二步:布局调整模块不用调整移动Widget页面布局;
第三步:布局调整模块调整移动Widget页面分辨率和布局,使其布局差在允许的范围内。
所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于所述的提取终端设备的屏幕信息,包括包括屏幕的长度、宽度和所支持的屏幕分辨率信息,并且把这些信息存储到表screen_info中。
所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于所述的布局提取模块提取当前的布局信息,包括移动Widget运行时页面的长度、宽度和所支持的屏幕分辨率等信息,并且把这些信息存储到表screen_widget_info中。
所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于布局完后保存模块缓存布局信息,保存模块将布局调整模块调整后的布局信息存储到表widget_cache中,以备以后运行其它的移动widget时,用来作为参考信息。
本发明针对移动Widget跨平台时有可能造成页面布局不一致问题而提出的一种基于终端设备的动态调整页面布局的方法,因为不同的手机屏幕不一样,这样造成了不同图片,在不同的手机上不一样。该方法在终端设备下载移动Widget的同时,也提取终端设备的屏幕信息,然后对提取到的屏幕信息进行分析,判断当前页面布局是否在允许的范围内,来动态的调整页面布局,最后将调整好的布局信息缓冲到表中以供运行其它移动Widget时作为参考。
附图说明
图1为本发明的流程示意图。
具体实施方式
以下结合附图对本发明做进一步的说明。
本方法的具体过程及实例如下,流程见图1:
1、屏幕提取模块提取屏幕信息:
终端设备在从服务器端下载移动Widget的同时,终端设备中的屏幕提取模块开始提取终端设备(例如手机上)屏幕相关的信息,包括屏幕的长度、宽度和所支持的屏幕分辨率信息,并且把这些信息存储表screen_info中,包括的字段有屏幕的长度Lenth、宽度Width、分辨率Resolution。
2、布局提取模块提取当前的布局信息:
当移动Widget下载完毕时后在终端设备上初始运行时,终端设备中的布局提取模块提取当前的布局信息,包括移动Widget运行时页面的长度、宽度和屏幕分辨率等信息,并且把这些信息存储到表screen_widget_info中,包括的字段有当前运行页面的长度Lenth、宽度Width、分辨率Resolution。
3、分析模块对布局信息进行分析:
用l表示终端设备屏幕长度,w表示终端设备屏幕宽度;
用Li表示移动Widget运行时的页面长度,Wj表示移动Widget运行时的页面宽度,i=0,1,2,…,j=0,1,2,…;
用Mk表示第k次终端设备屏幕长度与移动Widget运行时页面长度之差,NO表示第o次终端设备屏幕宽度与移动Widget运行时页面宽度之差,k=0,1,2,…,o=0,1,2,…,则
Mk=l-Lk,
NO=w-WO,
所述布局差是指终端设备屏幕长度与移动Widget运行时页面长度之差,终端设备屏幕长度与移动Widget运行时页面宽度之差;
4、布局调整模块调整布局:
为了达到终端设备用户体验基本上一致,布局差范围越小越好,比如布局差为0.01毫米时,我们就说是可接受的。
假设可接受的布局差范围如下:
Mk的范围为F:A±0.1毫米,NO的范围为V:B±0.1毫米,A、B为常数,且分别为1毫米;
第一步:布局调整模块判断Mk、NO是否分别在范围F、V中,如果是,进入步骤二,否则进入步骤三;
第二步:布局调整模块调整布局不用调整移动Widget页面布局,保持原有的设置;
第三步:布局调整模块调整移动Widget页面分辨率和布局,使其布局差在允许的范围内。
5、保存模块缓存布局信息:
保存模块将布局调整模块调整后的布局信息存储到表widget_cache中,以备以后运行其它的移动widget时,用来作为参考信息,否则重新进行布局调整会增加不必要的开销,这样可以使终端用户体验基本上一致。
本发明中,屏幕提取模块、布局提取模块提取、分析模块、布局调整模块、保存模块,均为常规的由软件实现的功能性模块。本领域技术人员通过对本申请文本的理解,结合之前已掌握的知识,可以轻易实现有关软件模块的编写,因此不再赘述。
最后,还需要注意的是,以上公布的仅是本发明的具体实施例。对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,能从本发明公开的内容直接导出或联想到的所有变形,均应认为是本发明的保护范围。
Claims (4)
1.基于布局动态调整的移动Widget跨平台实现方法,其特征在于包括如下步骤:
1)屏幕提取模块提取屏幕信息:终端设备在下载移动Widget时,终端设备中的屏幕提取模块提取终端设备的屏幕信息;
2)布局提取模块提取当前布局信息:移动Widget在终端设备上初始运行时,终端设备中的布局提取模块提取当前的布局信息;
3)分析模块对提取的屏幕信息和布局信息进行分析:
用l表示终端设备屏幕长度,w表示终端设备屏幕宽度;
用Li表示移动Widget运行时的页面长度,Wj表示移动Widget运行时的页面宽度,i=0,1,2,…,j=0,1,2,…;
用Mk表示终端设备屏幕长度与移动Widget运行时页面长度之差,NO表示终端设备屏幕宽度与移动Widget运行时页面宽度之差,k=0,1,2,…,o=0,1,2,…,则
Mk=l-Lk,
NO=w-WO;
4)布局调整模块调整布局:
定义可接受的布局差范围如下:
Mk的范围为F:A±0.1毫米,NO的范围为V:B±0.1毫米,A、B为常数,且分别为1毫米;
第一步:布局调整模块判断Mk、NO是否分别在范围F、V中,如果是,进入步骤二,否则进入步骤三;
第二步:布局调整模块不用调整移动Widget页面布局;
第三步:布局调整模块调整移动Widget页面分辨率和布局,使其布局差在允许的范围内。
2.如权利要求1所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于所述的提取终端设备的屏幕信息,包括包括屏幕的长度、宽度和所支持的屏幕分辨率信息,并且把这些信息存储到表screen_info中。
3.如权利要求1所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于所述的布局提取模块提取当前的布局信息,包括移动Widget运行时页面的长度、宽度和所支持的屏幕分辨率等信息,并且把这些信息存储到表screen_widget_info中。
4.如权利要求1至3任一项所述的基于布局动态调整的移动Widget跨平台实现方法,其特征在于布局完后保存模块缓存布局信息,保存模块将布局调整模块调整后的布局信息存储到表widget_cache中,以备以后运行其它的移动widget时,用来作为参考信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201010523892 CN101986300A (zh) | 2010-10-28 | 2010-10-28 | 基于布局动态调整的移动Widget跨平台实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201010523892 CN101986300A (zh) | 2010-10-28 | 2010-10-28 | 基于布局动态调整的移动Widget跨平台实现方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101986300A true CN101986300A (zh) | 2011-03-16 |
Family
ID=43710647
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN 201010523892 Pending CN101986300A (zh) | 2010-10-28 | 2010-10-28 | 基于布局动态调整的移动Widget跨平台实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101986300A (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662616A (zh) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | 用于移动终端的屏幕图形自适应方法及系统 |
CN102779167A (zh) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | 在移动终端中显示网页的方法及系统 |
CN102811290A (zh) * | 2012-08-15 | 2012-12-05 | 北京小米科技有限责任公司 | 一种调整小部件的方法、装置及终端 |
CN103218195A (zh) * | 2013-04-10 | 2013-07-24 | 广东欧珀移动通信有限公司 | 应用程序的显示调整方法及装置 |
EP2829961A1 (en) | 2013-06-18 | 2015-01-28 | Spreadtrum Communications (Shanghai) Co., Ltd. | Display interface converting system and method thereof |
CN104426896A (zh) * | 2013-09-10 | 2015-03-18 | 腾讯科技(北京)有限公司 | 一种专题页面制作方法和装置 |
CN104765605A (zh) * | 2015-03-19 | 2015-07-08 | 广东欧珀移动通信有限公司 | 一种桌面图标的显示方法及移动终端 |
CN104951329A (zh) * | 2014-03-31 | 2015-09-30 | 青岛海信移动通信技术股份有限公司 | 一种应用程序模板的配置、启动方法和移动终端 |
CN105159960A (zh) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | 网页页面自适应调整方法和系统 |
CN105335295A (zh) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | 响应式布局界面的测试方法、系统及浏览器 |
US10135910B2 (en) | 2013-09-26 | 2018-11-20 | International Business Machines Corporation | Cross-platform document presentation |
CN112395028A (zh) * | 2019-08-15 | 2021-02-23 | 腾讯科技(深圳)有限公司 | 页面检验方法、装置、终端以及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101853158A (zh) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Widget窗口调整的方法及装置 |
CN101866287A (zh) * | 2010-06-09 | 2010-10-20 | 中兴通讯股份有限公司 | 一种widget系统外观设置方法和装置 |
-
2010
- 2010-10-28 CN CN 201010523892 patent/CN101986300A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101853158A (zh) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Widget窗口调整的方法及装置 |
CN101866287A (zh) * | 2010-06-09 | 2010-10-20 | 中兴通讯股份有限公司 | 一种widget系统外观设置方法和装置 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662616B (zh) * | 2012-03-28 | 2015-12-16 | 北京邮电大学 | 用于移动终端的屏幕图形自适应方法及系统 |
CN102662616A (zh) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | 用于移动终端的屏幕图形自适应方法及系统 |
CN102779167A (zh) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | 在移动终端中显示网页的方法及系统 |
CN102811290A (zh) * | 2012-08-15 | 2012-12-05 | 北京小米科技有限责任公司 | 一种调整小部件的方法、装置及终端 |
US10013151B2 (en) | 2012-08-15 | 2018-07-03 | Xiaomi Inc. | Method and terminal device for adjusting widget |
CN102811290B (zh) * | 2012-08-15 | 2015-05-13 | 小米科技有限责任公司 | 一种调整小部件的方法、装置及终端 |
CN103218195A (zh) * | 2013-04-10 | 2013-07-24 | 广东欧珀移动通信有限公司 | 应用程序的显示调整方法及装置 |
CN103218195B (zh) * | 2013-04-10 | 2016-03-16 | 广东欧珀移动通信有限公司 | 应用程序的显示调整方法及装置 |
EP2829961A1 (en) | 2013-06-18 | 2015-01-28 | Spreadtrum Communications (Shanghai) Co., Ltd. | Display interface converting system and method thereof |
CN104426896A (zh) * | 2013-09-10 | 2015-03-18 | 腾讯科技(北京)有限公司 | 一种专题页面制作方法和装置 |
US10135910B2 (en) | 2013-09-26 | 2018-11-20 | International Business Machines Corporation | Cross-platform document presentation |
CN104951329A (zh) * | 2014-03-31 | 2015-09-30 | 青岛海信移动通信技术股份有限公司 | 一种应用程序模板的配置、启动方法和移动终端 |
CN104765605A (zh) * | 2015-03-19 | 2015-07-08 | 广东欧珀移动通信有限公司 | 一种桌面图标的显示方法及移动终端 |
CN105159960A (zh) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | 网页页面自适应调整方法和系统 |
CN105335295A (zh) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | 响应式布局界面的测试方法、系统及浏览器 |
CN112395028A (zh) * | 2019-08-15 | 2021-02-23 | 腾讯科技(深圳)有限公司 | 页面检验方法、装置、终端以及存储介质 |
CN112395028B (zh) * | 2019-08-15 | 2024-04-30 | 腾讯科技(深圳)有限公司 | 页面检验方法、装置、终端以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101986300A (zh) | 基于布局动态调整的移动Widget跨平台实现方法 | |
CN100535901C (zh) | 一种更新动态网页的方法及系统 | |
CN104572843B (zh) | 一种页面的加载方法及装置 | |
CN101404024B (zh) | 一种移动终端以及通过移动终端浏览网站内容的方法 | |
CN102682093A (zh) | 一种移动浏览器网页分段加载方法及系统 | |
US10095666B2 (en) | Method and terminal for adding quick link | |
US8914742B2 (en) | Display method, display apparatus and electronic device | |
KR20120079416A (ko) | 웹 페이지의 콘텐츠 서비스 공유 방법, 장치 및 이를 제공하는 시스템 | |
CN102316536A (zh) | 一种调整网页内容的方法及网关 | |
CN103037091A (zh) | 短消息处理方法、装置及终端设备 | |
CN102984364A (zh) | 一种手机识别二维码下载软件的方法 | |
CN103067423A (zh) | 浏览器内核适配的方法和浏览器 | |
CN103513987A (zh) | 一种浏览器网页的渲染处理方法、装置及终端设备 | |
CN102222095B (zh) | 一种用于对待显示的页面进行转换处理的设备及其方法 | |
CN103327104A (zh) | 一种网页广告过滤后对客户端呈现的方法 | |
CN103593233A (zh) | 推送软件信息的方法和系统 | |
CN102299931A (zh) | 一种网页内容发送方法和代理服务器 | |
CN105471980B (zh) | 一种基于嵌入式OpenWrt无线路由器技术的云服务器数据访问方法 | |
CN102779181A (zh) | 基于html5的浏览器离线存储数据处理方法及浏览器 | |
CN104750864A (zh) | 一种通用文本校验方法 | |
CN102984345A (zh) | 一种在网络的终端设备上显示文本的方法和装置 | |
CN103634281A (zh) | 书签同步方法以及书签同步的客户端和服务器 | |
CN104580298B (zh) | 文件上传处理方法及装置 | |
CN102469109A (zh) | 一种移动终端中浏览器主页的显示方法及装置 | |
CN101452489A (zh) | 浏览器信息的同步方法及其终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20110316 |