CN112416504A - 一种能够为不同设备自动兼容适配的方法 - Google Patents
一种能够为不同设备自动兼容适配的方法 Download PDFInfo
- Publication number
- CN112416504A CN112416504A CN202110001131.1A CN202110001131A CN112416504A CN 112416504 A CN112416504 A CN 112416504A CN 202110001131 A CN202110001131 A CN 202110001131A CN 112416504 A CN112416504 A CN 112416504A
- Authority
- CN
- China
- Prior art keywords
- data
- adaptation
- scheme
- equipment
- screen
- 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
- 230000006978 adaptation Effects 0.000 title claims abstract description 61
- 238000000034 method Methods 0.000 title claims abstract description 29
- 238000012545 processing Methods 0.000 claims abstract description 13
- 238000010586 diagram Methods 0.000 claims description 4
- 238000001914 filtration Methods 0.000 claims description 3
- 238000009877 rendering Methods 0.000 claims description 3
- 238000012216 screening Methods 0.000 claims description 3
- 238000007405 data analysis Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 description 2
- 238000013508 migration Methods 0.000 description 2
- 230000005012 migration Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Digital Computer Display Output (AREA)
Abstract
本发明公开了一种能够为不同设备自动兼容适配的方法,涉及不同设备自动兼容适配技术领域,具体为一种能够为不同设备自动兼容适配的方法,包括以下步骤:S1、接收初始数据;S2、选择适配方案;S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式;S4、设备解析数据。本发明提供了一种能够为不同设备自动兼容适配的方法,事先在发明内配置好不同的适配方案,包含竖屏设备,横屏设备的页面元素排列方式,还包含各自在不同的dpi下使用的不同的布局组件,用来适配不同的设备界面,实现在不同的设备界面中展示符合当前设备页面的排列方案以及输出符合改方案的数据。
Description
技术领域
本发明涉及不同设备自动兼容适配技术领域,具体为一种能够为不同设备自动兼容适配的方法。
背景技术
现在设备的尺寸类型繁多,终端软件一般使用一套界面来展示相关内容,对于不同的尺寸的设备,需开发不同的界面用来适配相应的尺寸,已提供用户一致的用户体验,这样会导致开发周期变长,复用性低,迁移难等问题。
发明内容
针对现有技术的不足,本发明提供了一种能够为不同设备自动兼容适配的方法,解决了上述背景技术中提出现在设备的尺寸类型繁多,终端软件一般使用一套界面来展示相关内容,对于不同的尺寸的设备,需开发不同的界面用来适配相应的尺寸,已提供用户一致的用户体验,这样会导致开发周期变长,复用性低,迁移难的问题。
为实现以上目的,本发明通过以下技术方案予以实现:一种能够为不同设备自动兼容适配的方法,包括以下步骤:
S1、接收初始数据;
S2、选择适配方案;
S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式;
S4、设备解析数据。
可选的,所述步骤S1、接收初始数据中,设备将屏幕信息,传到发明中;把该设备的屏幕尺寸dpi数据,通过发明提供的JavaScript接口发送到发明中,其中,屏幕信息为屏幕尺寸、形状的基本信息,屏幕尺寸为1920x1080dpi。
可选的,所述步骤S2、选择适配方案中,具体包括以下步骤:
S201、接收到设备的相关数据之后,发明进行适配方案的选择,根据屏幕信息,调整展示样式,将适合当前屏幕的样式排列,为特殊屏幕制定的展示方案,将相关的适配方案输出回到设备;
S202、根据该横屏设备的屏幕信息,方法筛选出相应的适配方案,得出需适配的宽度中,首行列数为三,次行为一行最为适配当前设备。
可选的,所述步骤S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式中,具体包括以下步骤:
S301、设备接收到相关适配方案,进入通用的加载流程,设备通过发明来请求数据,发明会根据之前的适配方案,对数据进行相应的处理,例如过滤数据,裁剪数据,补全数据,然后将处理后的数据返回到终端;
S302、设备程序向发明发起数据请求,请求的数据服务器端返回格式不受适配方案影响发明接收到相关数据,根据以上的适配方案,把接收到的数据整理成为3条一组,1条为一组的形式,其中,适配方案为,上3块数据展示区,下1块数据展示区;
S303、服务器端可能返回5条数据,数据处理完后余下的一条数据就被过滤掉不再需要,从而实现设备显示的数据数目服务器端无需关心,例如在某些竖屏终端下,则需要把数据拆解成单条为一组的情况,但设备与服务器端都无需关心。
可选的,所述步骤S4、设备解析数据中,发明通过接口将数据返回到设备,设备获取到相关的适配方案,以及各个展示组件的数据,则开始进行界面的渲染和数据的展示,至此,该设备界面按照上图的适配方案进行了展示,数据的数目也与数据展示区域相符合,适配完成,其中,各个展示组件的数据,即数据展示区内的数据。
本发明提供了一种能够为不同设备自动兼容适配的方法,具备以下有益效果:
1、本发明提供了一种能够为不同设备自动兼容适配的方法,我们事先在发明内配置好不同的适配方案,包含竖屏设备,横屏设备的页面元素排列方式,还包含各自在不同的dpi下使用的不同的布局组件,用来适配不同的设备界面,实现在不同的设备界面中展示符合当前设备页面的排列方案以及输出符合改方案的数据。
2、该能够为不同设备自动兼容适配的方法中,设备将屏幕信息(屏幕像素,dpi)发送到发明中,发明根据相关信息得出相应的适配方案,从像素中可得到设备为横屏还是竖屏,若判断为竖屏,则相应选择相应dpi下的竖屏方案;横屏还将根据长宽的比例,获得不同比例下,不同dpi的方案。
3、该能够为不同设备自动兼容适配的方法采用了统一抽象的数据结构(数据由一个对象包裹,不同组件数据为对象中的不同数组元素,只要根据方案中,将屏幕宽度除以组件的宽度得到单行需要放下当前组件的最大数量,则相应获得所需数据的相应数量,将需要的相应数量的数据放置到数组元素中,设备软件接收到后,只要有相应组件的数据存在,则直接按数量渲染相应组件即可,数据数量与组件数量保持相对应),方便页面的展示,发明根据适配方案,将接收到的展示数据,把数据进行相应的剪裁,映射,最终将数据与适配方案一并发回设备软件,从而实现适配。
附图说明
图1为本发明的流程结构示意图;
图2为本发明的分布示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。
请参阅图1至图2,本发明提供一种技术方案:一种能够为不同设备自动兼容适配的方法,包括以下步骤:
S1、接收初始数据;
S2、选择适配方案;
S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式;
S4、设备解析数据。
发明中:步骤S1、接收初始数据中,设备将屏幕信息,传到发明中;把该设备的屏幕尺寸dpi数据,通过发明提供的JavaScript接口发送到发明中,其中,屏幕信息为屏幕尺寸、形状的基本信息,屏幕尺寸为1920x1080dpi。
发明中:参考附图2,步骤S2、选择适配方案中,具体包括以下步骤:
S201、接收到设备的相关数据之后,发明进行适配方案的选择,根据屏幕信息,调整展示样式,将适合当前屏幕的样式排列,为特殊屏幕制定的展示方案,将相关的适配方案输出回到设备;
S202、根据该横屏设备的屏幕信息,方法筛选出相应的适配方案,得出需适配的宽度中,首行列数为三,次行为一行最为适配当前设备。
发明中:步骤S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式中,具体包括以下步骤:
S301、设备接收到相关适配方案,进入通用的加载流程,设备通过发明来请求数据,发明会根据之前的适配方案,对数据进行相应的处理,例如过滤数据,裁剪数据,补全数据,然后将处理后的数据返回到终端;
S302、设备程序向发明发起数据请求,请求的数据服务器端返回格式不受适配方案影响发明接收到相关数据,根据以上的适配方案,把接收到的数据整理成为3条一组,1条为一组的形式,其中,适配方案为,上3块数据展示区,下1块数据展示区;
S303、服务器端可能返回5条数据,数据处理完后余下的一条数据就被过滤掉不再需要,从而实现设备显示的数据数目服务器端无需关心,例如在某些竖屏终端下,则需要把数据拆解成单条为一组的情况,但设备与服务器端都无需关心。
发明中:步骤S4、设备解析数据中,发明通过接口将数据返回到设备,设备获取到相关的适配方案,以及各个展示组件的数据,则开始进行界面的渲染和数据的展示,至此,该设备界面按照上图的适配方案进行了展示,数据的数目也与数据展示区域相符合,适配完成,其中,各个展示组件的数据,即数据展示区内的数据。
以上,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,根据本发明的技术方案及其发明构思加以等同替换或改变,都应涵盖在本发明的保护范围之内。
Claims (5)
1.一种能够为不同设备自动兼容适配的方法,包括以下步骤:
S1、接收初始数据;
S2、选择适配方案;
S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式;
S4、设备解析数据。
2.根据权利要求1所述的一种能够为不同设备自动兼容适配的方法,其特征在于:所述步骤S1、接收初始数据中,设备将屏幕信息,传到发明中;把该设备的屏幕尺寸dpi数据,通过发明提供的JavaScript接口发送到发明中,其中,屏幕信息为屏幕尺寸、形状的基本信息,屏幕尺寸为1920x1080dpi。
3.根据权利要求1所述的一种能够为不同设备自动兼容适配的方法,其特征在于:所述步骤S2、选择适配方案中,具体包括以下步骤:
S201、接收到设备的相关数据之后,发明进行适配方案的选择,根据屏幕信息,调整展示样式,将适合当前屏幕的样式排列,为特殊屏幕制定的展示方案,将相关的适配方案输出回到设备;
S202、根据该横屏设备的屏幕信息,方法筛选出相应的适配方案,得出需适配的宽度中,首行列数为三,次行为一行最为适配当前设备。
4.根据权利要求1所述的一种能够为不同设备自动兼容适配的方法,其特征在于:所述步骤S3、根据方案选择相应的布局信息,并将数据处理成合适的数据格式中,具体包括以下步骤:
S301、设备接收到相关适配方案,进入通用的加载流程,设备通过发明来请求数据,发明会根据之前的适配方案,对数据进行相应的处理,例如过滤数据,裁剪数据,补全数据,然后将处理后的数据返回到终端;
S302、设备程序向发明发起数据请求,请求的数据服务器端返回格式不受适配方案影响发明接收到相关数据,根据以上的适配方案,把接收到的数据整理成为3条一组,1条为一组的形式,其中,适配方案为,上3块数据展示区,下1块数据展示区;
S303、服务器端可能返回5条数据,数据处理完后余下的一条数据就被过滤掉不再需要,从而实现设备显示的数据数目服务器端无需关心,例如在某些竖屏终端下,则需要把数据拆解成单条为一组的情况,但设备与服务器端都无需关心。
5.根据权利要求1所述的一种能够为不同设备自动兼容适配的方法,其特征在于:所述步骤S4、设备解析数据中,发明通过接口将数据返回到设备,设备获取到相关的适配方案,以及各个展示组件的数据,则开始进行界面的渲染和数据的展示,至此,该设备界面按照上图的适配方案进行了展示,数据的数目也与数据展示区域相符合,适配完成,其中,各个展示组件的数据,即数据展示区内的数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110001131.1A CN112416504A (zh) | 2021-01-04 | 2021-01-04 | 一种能够为不同设备自动兼容适配的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110001131.1A CN112416504A (zh) | 2021-01-04 | 2021-01-04 | 一种能够为不同设备自动兼容适配的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112416504A true CN112416504A (zh) | 2021-02-26 |
Family
ID=74782801
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110001131.1A Pending CN112416504A (zh) | 2021-01-04 | 2021-01-04 | 一种能够为不同设备自动兼容适配的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112416504A (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101150803A (zh) * | 2007-10-24 | 2008-03-26 | 优视动景(北京)技术服务有限公司 | 微浏览器处理网络数据的方法、微浏览器及其服务器 |
CN101546383A (zh) * | 2008-03-24 | 2009-09-30 | 兄弟工业株式会社 | 图像处理设备和方法 |
CN102222124A (zh) * | 2011-03-22 | 2011-10-19 | 北京航空航天大学 | 一种自动测试***设计原理图的自动生成平台及其方法 |
US20120036552A1 (en) * | 2008-12-19 | 2012-02-09 | Openpeak Inc. | System for managing devices and method of operation of same |
CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
CN105159960A (zh) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | 网页页面自适应调整方法和*** |
CN105373385A (zh) * | 2015-11-23 | 2016-03-02 | 四川长虹电器股份有限公司 | 一种Android应用多分辨率UI界面适配脚本化开发方法 |
US20160209994A1 (en) * | 2015-01-21 | 2016-07-21 | Microsoft Technology Licensing, Llc. | Adaptable user interface display |
US20180060468A1 (en) * | 2016-08-30 | 2018-03-01 | Sas Institute Inc. | Comparison and selection of experiment designs |
CN110569416A (zh) * | 2019-09-04 | 2019-12-13 | 腾讯科技(深圳)有限公司 | 基于数据爬取的app控件的处理方法及相关产品 |
-
2021
- 2021-01-04 CN CN202110001131.1A patent/CN112416504A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101150803A (zh) * | 2007-10-24 | 2008-03-26 | 优视动景(北京)技术服务有限公司 | 微浏览器处理网络数据的方法、微浏览器及其服务器 |
CN101546383A (zh) * | 2008-03-24 | 2009-09-30 | 兄弟工业株式会社 | 图像处理设备和方法 |
US20120036552A1 (en) * | 2008-12-19 | 2012-02-09 | Openpeak Inc. | System for managing devices and method of operation of same |
CN102222124A (zh) * | 2011-03-22 | 2011-10-19 | 北京航空航天大学 | 一种自动测试***设计原理图的自动生成平台及其方法 |
CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
US20160209994A1 (en) * | 2015-01-21 | 2016-07-21 | Microsoft Technology Licensing, Llc. | Adaptable user interface display |
CN105159960A (zh) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | 网页页面自适应调整方法和*** |
CN105373385A (zh) * | 2015-11-23 | 2016-03-02 | 四川长虹电器股份有限公司 | 一种Android应用多分辨率UI界面适配脚本化开发方法 |
US20180060468A1 (en) * | 2016-08-30 | 2018-03-01 | Sas Institute Inc. | Comparison and selection of experiment designs |
CN110569416A (zh) * | 2019-09-04 | 2019-12-13 | 腾讯科技(深圳)有限公司 | 基于数据爬取的app控件的处理方法及相关产品 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104007991B (zh) | 应用程序界面布局调整方法和装置 | |
US20140372945A1 (en) | Method for outputting images, apparatus and mobile terminal therefor | |
US20070260978A1 (en) | Embedded display system and method used by the system | |
CN104199879B (zh) | 一种数据处理方法和数据处理装置 | |
CN112102437B (zh) | 一种基于Canvas的雷达图生成方法、装置、存储介质及终端 | |
CN107656911B (zh) | 表格处理方法及其*** | |
CN110297636B (zh) | 一种基于页面配置文件的页面自动生成和参数管理方法、***和装置 | |
CN112015509A (zh) | 数据可视化大屏的构建方法、电子设备及存储介质 | |
CN106296760B (zh) | 图片的裁剪方法及装置 | |
CN105828166A (zh) | 一种终端屏幕显示内容的录制方法及终端 | |
CN112100543A (zh) | 渲染网页的方法、装置、存储介质及电子设备和服务器 | |
US20150331558A1 (en) | Method for switching pictures of picture galleries and browser | |
CN112764752A (zh) | 页面的展示方法和装置、存储介质、电子装置 | |
CN114072760B (zh) | 切割方法、分配方法、介质、服务器、*** | |
CN114428597A (zh) | 多路终端投屏控制方法、装置、投屏器及存储介质 | |
CN115328429A (zh) | 显示方法、装置、电子设备以及存储介质 | |
CN110083810B (zh) | 表单转换方法、装置、存储介质和电子设备 | |
JP2002049558A (ja) | Webアクセス支援装置及びネットワークシステム | |
CN112416504A (zh) | 一种能够为不同设备自动兼容适配的方法 | |
CN108241608B (zh) | 图表数据的处理方法、装置及*** | |
KR20180057619A (ko) | 휴대 단말에 푸시 통지를 행하기 위한 통지 방법 및 통지 서버 | |
CN106919375B (zh) | 一种移动终端设备上的屏幕自适应方法及*** | |
CN106445478B (zh) | 一种图形表情的转换方法和装置 | |
CN113779175A (zh) | 数据处理方法、地图服务提供方法、电子设备和存储介质 | |
CN109241304B (zh) | 图片处理方法、装置及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210226 |
|
RJ01 | Rejection of invention patent application after publication |