CN107506180A - 页面调整方法、终端和计算机可读存储介质 - Google Patents

页面调整方法、终端和计算机可读存储介质 Download PDF

Info

Publication number
CN107506180A
CN107506180A CN201710575470.4A CN201710575470A CN107506180A CN 107506180 A CN107506180 A CN 107506180A CN 201710575470 A CN201710575470 A CN 201710575470A CN 107506180 A CN107506180 A CN 107506180A
Authority
CN
China
Prior art keywords
sdk
page
application
adjustment
parameter
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.)
Granted
Application number
CN201710575470.4A
Other languages
English (en)
Other versions
CN107506180B (zh
Inventor
卢道和
王鑫
陈朝亮
谭晓伟
孙丹丹
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
WeBank Co Ltd
Original Assignee
WeBank Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by WeBank Co Ltd filed Critical WeBank Co Ltd
Priority to CN201710575470.4A priority Critical patent/CN107506180B/zh
Publication of CN107506180A publication Critical patent/CN107506180A/zh
Application granted granted Critical
Publication of CN107506180B publication Critical patent/CN107506180B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

本发明公开了一种页面调整方法,所述方法包括:当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;识别所述应用的页面属性;采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。本发明还公开了一种终端和计算机可读存储介质。本发明提高了页面调整的智能性和效率。

Description

页面调整方法、终端和计算机可读存储介质
技术领域
本发明涉及应用技术领域,尤其涉及一种页面调整方法、终端和计算机可读存储介质。
背景技术
随着终端技术的发展,跨企业、跨行业、跨平台的合作越来越频繁。SDK(SoftwareDevelopment Kit,即软件开发工具包)作为一项迅速、直接的接入方式,被广泛使用,将一方的产品以SDK方式嵌入合作方APP(Application,应用程序)中,并输出给合作方,帮助合作方建立更安全、更多样的产品生态环境,以满足用户多种多样的场景需求。
目前,将SDK接入合作方APP时,SDK原有产品的页面视觉效果需要适配到合作方的APP上,由于页面不同,需要人工进行调整,从而带来了前端和视觉UI(User Interface,用户界面)的工作量。而在SDK大范围接入不同合作方APP,需要对接入不同APP的SDK分别进行调整,导致产品接入APP的效率降低。
发明内容
本发明的主要目的在于提供一种页面调整方法、终端和计算机可读存储介质,旨在解决现有的页面调整方式,工作量大且效率低的技术问题。
为实现上述目的,本发明提供一种页面调整方法,
所述页面调整方法包括:
当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;
识别所述应用的页面属性;
采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
可选地,所述在所述SDK中提取出预置的组件库的步骤之前,所述方法还包括:
当软件开发工具包SDK内嵌到终端的应用时,确定是否在SDK中接收到所述应用基于预设接口发送的参数;
若未接收到所述应用基于预设接口发送的参数,则执行在所述SDK中提取出预置的组件库的步骤。
可选地,所述确定是否在SDK中接收到所述应用基于预设接口发送的参数的步骤之后,所述页面调整方法还包括:
若接收到所述应用基于所述预设接口发送的参数,则基于接收到的参数,对所述SDK对应的页面进行调整。
可选地,所述采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整的步骤包括:
确定所述应用的页面属性对应的属性信息;
在SDK中提取与属性信息的差异小于预设阈值的参数信息;
采用提取的参数信息,按照所述应用的页面属性调整所述SDK对应的页面。
可选地,所述当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库的步骤之前,所述方法还包括:
在预设种类的应用中提取应用界面的基础元素;
对提取的各个基础元素进行共性提取,以得到预设范围的参数信息;
基于预设范围的参数信息得到组件库,并将所述组件库添加至SDK。
可选地,所述对提取的各个基础元素进行共性提取,以得到预设范围的参数信息的步骤包括:
对提取的各个基础元素按照第一预设比例的布局相似度进行分类,得到各个类别的基础元素;
对每个类别的基础元素按照第二预设比例的透明度进行层叠以提取共性,得到每个类别的共性布局信息;
基于每个类别的共性布局信息,得到各类预设范围的参数信息。
可选地,所述方法还包括:
在所述应用中确定当前的应用场景;
基于确定的应用场景,设置页面布局;
基于设置的页面布局,显示SDK对应的页面。
可选地,所述方法还包括:
在接收到参数的更改指令时,在预设窗口显示SDK配置文件;
在所述配置文件中,更改参数信息。
此外,为实现上述目的,本发明还提供一种终端,所述终端包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面调整程序,所述页面调整程序被所述处理器执行时实现如上文所述的页面调整方法的步骤。
此外,为实现上述目的,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有页面调整程序,所述页面调整程序被处理器执行时实现如上文所述的页面调整方法的步骤。
本发明提出的技术方案,应用于终端中,当软件开发工具包SDK内嵌到终端的应用时,先在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息,然后识别所述应用的页面属性,最终采用所述组件库中的参数信息,并按照所述应用的页面属性对所述SDK对应的页面进行调整。使得SDK接入应用时,根据组件库中的参数信息对SDK对应的页面进行调整,调整的方式是按照应用的页面属性进行调整,无须由人工进行调整,减少了页面调整的工作量,此外,该SDK中预存有组件库,即使内嵌到不同的应用中,也可以自动进行调整,无须人工一个个进行调整,提高了页面调整的智能性和效率。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图;
图2为本发明页面调整方法第一实施例的流程示意图;
图3为图2中步骤S30的细化流程示意图;
图4为本发明页面调整方法第二实施例的流程示意图;
图5为图4中步骤S50的细化流程示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的解决方案主要是:当软件开发工具包SDK内嵌到终端的应用时,先在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息,然后识别所述应用的页面属性,最终采用所述组件库中的参数信息,并按照所述应用的页面属性对所述SDK对应的页面进行调整。以解决现有的页面调整方式,工作量大且效率低的问题。
本发明的技术方案在于,在终端的应用中内嵌SDK时,SDK输出的页面可根据组件库中预存的多个预设区间的参数信息进行调整,适用于多个不同的应用,即使将SDK内嵌到应用时,也无须分别对内嵌后的SDK的页面分别调整,本发明由预设区间的参数信息,实现SDK的输出页面的调整,即使加入到不同的应用中,也能快速实现调整,提高了页面调整的便捷性、效率和智能性。
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图。
本发明实施例终端可以是PC,也可以是智能手机、平板电脑、电子书阅读器、便携计算机等具有显示功能的可移动式终端设备。
如图1所示,该终端可以包括:处理器1001,例如CPU,通信总线1002、用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口(例如用于连接有线键盘、有线鼠标等)、无线接口(例如用于连接无线键盘、无线鼠标)。网络接口1004可选的可以包括标准的有线接口(用于连接有线网络)、无线接口(如WI-FI接口、蓝牙接口、红外线接口等,用于连接无线网络)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
可选地,终端还可以包括摄像头、RF(Radio Frequency,射频)电路,传感器、音频电路、WiFi模块等等。
本领域技术人员可以理解,图1中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机可读存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及页面调整程序。其中,操作系统是管理和控制终端与软件资源的程序,支持网络通信模块、用户接口模块、页面调整程序以及其他程序或软件的运行;网络通信模块用于管理和控制网络接口1002;用户接口模块用于管理和控制用户接口1003。
在图1所示的终端中,网络接口1004主要用于连接云平台,与云平台进行数据通信,该云平台用于存储SDK;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;所述终端通过处理器1001调用存储器1005中存储的页面调整程序,并执行以下操作:
当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;
识别所述应用的页面属性;
采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
进一步地,所述在所述SDK中提取出预置的组件库的步骤之前,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现以下步骤:
当软件开发工具包SDK内嵌到终端的应用时,确定是否在SDK中接收到所述应用基于预设接口发送的参数;
若未接收到所述应用基于预设接口发送的参数,则执行在所述SDK中提取出预置的组件库的步骤。
进一步地,所述确定是否在SDK中接收到所述应用基于预设接口发送的参数的步骤之后,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现以下步骤:
若接收到所述应用基于所述预设接口发送的参数,则基于接收到的参数,对所述SDK对应的页面进行调整。
进一步地,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整的步骤:
确定所述应用的页面属性对应的属性信息;
在SDK中提取与属性信息的差异小于预设阈值的参数信息;
采用提取的参数信息,按照所述应用的页面属性调整所述SDK对应的页面。
进一步地,所述当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库的步骤之前,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现以下步骤:
在预设种类的应用中提取应用界面的基础元素;
对提取的各个基础元素进行共性提取,以得到预设范围的参数信息;
基于预设范围的参数信息得到组件库,并将所述组件库添加至SDK。
进一步地,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现对提取的各个基础元素进行共性提取,以得到预设范围的参数信息的步骤:
对提取的各个基础元素按照第一预设比例的布局相似度进行分类,得到各个类别的基础元素;
对每个类别的基础元素按照第二预设比例的透明度进行层叠以提取共性,得到每个类别的共性布局信息;
基于每个类别的共性布局信息,得到各类预设范围的参数信息。
进一步地,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现以下步骤:
在所述应用中确定当前的应用场景;
基于确定的应用场景,设置页面布局;
基于设置的页面布局,显示SDK对应的页面。
进一步地,所述终端通过处理器1001调用存储器1005中存储的页面调整程序,以实现以下步骤:
在接收到参数的更改指令时,在预设窗口显示SDK配置文件;
在所述配置文件中,更改参数信息。
基于上述终端的硬件结构,提出本发明页面调整方法各个实施例。
参照图2,图2为本发明页面调整方法较佳实施例的流程示意图。
在本实施例中,所述页面调整方法应用于终端,所述页面调整方法包括:
当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;识别所述应用的页面属性;采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
在本实施例中,所述页面调整方法应用于终端,所述终端可选为图1所示的终端。所述终端的应用中可内嵌SDK(Software Development Kit,软件开发工具包)。
以下是本实施例中实现页面调整的具体步骤:
步骤S10,当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;
在本发明实施例中,所述应用不做限定,可以为终端中的任一个第三方应用,如新闻应用、支付应用或社交应用。所述SDK可选为一种产品,如银行类产品。本发明在终端的应用中内嵌SDK,相当于将产品以SDK形式内嵌到终端的应用中,以实现在应用中使用该产品。
在本实施例中,在将SDK内嵌到终端的应用之前,先确定待内嵌SDK的应用,并确定待进行嵌入的SDK,在确定待内嵌的SDK以及待进行嵌入的SDK之后,将该SDK内嵌到应用中。
需要说明的是,将SDK内嵌到应用之前,先在SDK中设置组件库,该组件库包含有预设类别处于预设区间范围的参数信息,用于对SDK对应的输出页面进行调整。其中,参数信息包括按钮大小、按钮颜色、圆角大小、输入文本框大小和表单布局等信息。本实施例中,所述预设类别以及所述预设区间范围根据实际情况设定,此处不做限定。
应当理解,组件库包含有预设类别处于预设区间范围的参数信息,由于参数信息包含上述的各类信息,且每类参数信息是有预设区间范围的参数信息,因此每类参数信息都对应有多个。为更好理解本实施例中,以按钮大小、圆角大小为例:组件库中包含有按钮大小和圆角大小两个类别的参数信息,每个类别的参数信息事先都设置有预设区间,按钮大小的区间范围为2mm-5mm,圆角大小的区间范围为2°-5°,那么可得知该组件库包含有按钮大小为2、3、4和5mm的参数信息,以及包含有圆角大小未2、3、4和5°的参数信息。
步骤S20,识别所述应用的页面属性;
在SDK中提取出预置的组件库之后,进一步对应用的页面属性进行识别,以确定应用页面中的各项属性信息,本实施例中,页面的属性信息与SDK组件库中的参数信息相对应,即应用页面的属性信息包括:页面背景颜色、按钮大小、按钮颜色、圆角大小、输入文本框大小和表单布局等等。
步骤S30,采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
本实施例中,SDK对应的页面可选为H5(Hyper Text Markup Language,HTML5.0)页面。
在识别应用的页面属性之后,采用SDK的组件库中的参数信息,对SDK对应的输出页面进行调整,具体的调整方式是按照应用的页面属性进行调整。具体地,参照图3,所述步骤S30包括:
步骤S31,确定所述应用的页面属性对应的属性信息;
即,先分析应用的页面属性对应的属性信息,上文已经提到,页面属性对应的属性信息包括页面背景颜色、按钮大小、按钮颜色、圆角大小、输入文本框大小和表单布局。
步骤S32,在SDK中提取与属性信息的差异小于预设阈值的参数信息;
在确定应用的属性信息之后,将应用的各项属性信息与SDK中对应的各项参数进行比对,以在SDK中提取与属性信息的差异小于预设阈值的参数信息。
上文已经对参数信息进行分类,且不同类别的参数信息对应有预设区间范围的各个信息,如按钮大小的区间范围为2mm-5mm,圆角大小的区间范围为2°-5°,而应用界面中的属性信息是固定的,如应用界面中的按钮大小为4mm,应用界面中圆角大小为5°,那么在获取到应用界面的属性信息之后,将应用界面的属性信息与相同类别的各个参数信息进行比对,即可确定与属性信息的差异小于预设阈值的参数信息。本发明实施例中,所述预设阈值可根据实际情况设置,如设置为小于0.1,那么继续以上述例子进行描述,在SDK对应的页面的参数信息为按钮大小时,提取的参数信息是按钮大小为4mm的参数信息,在参数信息为圆角大小时,提取的参数信息是圆角大小为5°的参数信息。
需要说明的是,上述的例子仅仅是示例性的,并不是对本发明实施进行限定。
步骤S33,采用提取的参数信息,调整所述SDK对应的页面。
在提取出SDK页面对应的参数信息之后,采用提取的参数信息,调整SDK对应的页面。其中,采用提取的参数信息调整SDK对应的页面,相当于是将提取的参数信息作为SDK的输出页面对应的参数信息,以便于该SDK对应的输出页面按照该提取的参数信息进行显示。
为更好理解,举例如下:
当前提取的参数信息为按钮大小和圆角大小时,该按钮大小为4mm,圆角大小为5°,将按钮大小为4mm和圆角大小为5°的参数信息,作为SDK对应的页面的按钮大小和圆角大小,使得该SDK对应的页面按照该按钮大小和圆角大小进行显示。
进一步地,本实施例中,为了提高页面调整的灵活性,所述“在所述SDK中提取出预置的组件库”的步骤之前,所述方法还包括:
步骤A,当软件开发工具包SDK内嵌到终端的应用时,确定是否在SDK中接收到所述应用基于预设接口发送的参数;
步骤B,若未接收到所述应用基于预设接口发送的参数,则执行在所述SDK中提取出预置的组件库的步骤。
在本实施例中,所述预设接口为API(Application Programming Interface,应用程序编程接口)。
在本实施例中,当软件开发工具包SDK内嵌到终端的应用时,先确定是否在SDK中接收到该应用基于API发送的参数,该参数即应用的属性信息。本发明实施例中,可事先在应用中设置内嵌SDK时发送参数给SDK的功能,那么在检测到SDK内嵌到该应用时,该应用即可通过该API发送参数给SDK,以供SDK根据接收到的参数,对SDK输出的页面进行调整;若该应用事先未设置内嵌SDK时发送参数给SDK的功能,那么,在检测到SDK内嵌有应用时,不执行发送参数至SDK的操作。此时,需要在所述SDK中提取出预置的组件库,以根据组件库中的参数信息,对SDK输出的页面进行调整。
本实施例提出的技术方案,当软件开发工具包SDK内嵌到终端的应用时,先在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息,然后识别所述应用的页面属性,最终采用所述组件库中的参数信息,并按照所述应用的页面属性对所述SDK对应的页面进行调整。使得SDK接入应用时,根据组件库中的参数信息对SDK对应的页面进行调整,调整的方式是按照应用的页面属性进行调整,无须由人工进行调整,减少了页面调整的工作量,此外,该SDK中预存有组件库,即使内嵌到不同的应用中,也可以自动进行调整,无须人工一个个进行调整,提高了页面调整的智能性和效率。
进一步地,基于第一实施例提出本发明页面调整方法的第二实施例。
页面调整方法的第二实施例与页面调整方法的第一实施例的区别在于,所述步骤A之后,所述方法还包括:
步骤C,若接收到所述应用基于所述预设接口发送的参数,则基于接收到的参数,对所述SDK对应的页面进行调整。
在本实施例中,若在SDK中接收到应用基于API发送的参数,此时可基于接收到的参数,对SDK输出的页面进行调整。具体地:确定应用基于API发送的参数的具体类别,然后将该参数作为SDK输出页面的参数。例如,在SDK中接收到应用基于API发送的参数为圆角大小和按钮大小,那么,将该接收到的圆角大小和按钮大小,作为SDK输出页面时,页面的圆角大小和按钮大小。
在本实施例中,通过API接收应用发送的参数,以根据接收的参数对SDK输出的页面进行调整,提高了页面调整的灵活性。
进一步地,基于第一实施例提出本发明页面调整方法的第三实施例。
页面调整方法的第三实施例与页面调整方法的第一实施例的区别在于,参照图4,所述步骤S10之前,所述方法包括:
步骤S40,在预设种类的应用中提取应用界面的基础元素;
步骤S50,对提取的各个基础元素进行共性提取,以得到预设范围的参数信息;
步骤S60,基于预设范围的参数信息得到组件库,并将所述组件库添加至SDK。
在本实施例中,在应用中内嵌SDK之前,先在SDK添加组件库,具体地,先选择预设种类的应用,该预设种类的具体数量不做限定,如包括10种至20种类型的应用,在选择该预设种类的应用之后,在预设种类的应用所在应用界面中提取各个应用界面的基础元素。
本实施例中,基础元素包括背景颜色、按钮、按钮颜色、圆角、输入文本框等元素,需要说明的是,本实施例中应用界面的基础元素的提取,是从基础元素、组件和布局三个方面进行提取。其中,基础元素、组件和布局的关系是:基础元素组合成组件,不同组件的分布组成布局。
在提取出各个应用界面的基础元素之后,对提取的各个基础元素进行共性提取,从而得到预设范围的参数信息。具体地,参照图5,所述步骤S50包括:
步骤S51,对提取的各个基础元素按照第一预设比例的布局相似度进行分类,得到各个类别的基础元素;
步骤S52,对每个类别的基础元素按照第二预设比例的透明度进行层叠以提取共性,得到每个类别的共性布局信息;
步骤S53,基于每个类别的共性布局信息,得到各类预设范围的参数信息。
即,在提取出各个应用界面的基础元素之后,先对提取的各个基础元素按照第一预设比例的布局相似度进行分类,所述第一预设比例不做限定,例如设置为80%,以得到各个类别的基础元素,接着,对每个类别的基础元素再按照第二预设比例的透明度进行层叠以提取出共性,所述第二预设比例同样不做限定,例如设置为10%,以得到每个类别的共性布局信息,最终将每个类别的共性布局信息,作为该类别的预设范围的参数信息。
为更好理解本实施,举例如下:
先选择10个种类的应用,在10个应用的应用界面中提取出各个应用界面的基础元素,如在10个应用界面分别提取文本输入框和按钮等基础元素,下面为了方便理解,仅以文本输入框为例进行讲解,在提取出10个应用界面的文本输入框之后,按照80%的布局相似度对各个基础元素进行分类,即将文本输入框的布局相似度在80%的应用界面分为一类,以将10个应用界面分为多个类别,如3个类别,然后在该分类后的应用界面中,根据10%的透明度对每个类别的文本输入框进行层叠,通过层叠提取出每个类别的文本输入框的共性布局信息,即3个类别的文本输入框的共性布局信息,如3个类别的文本输入框的共性布局信息为:长为4-6mm,高为3-5mm,最终即可知道基础元素为文本输入框时,该基础元素具有长为4-6mm,高为3-5mm的文本输入框大小。
本实施例中,通过层叠提取每个类别的基础元素的共性布局信息,相当于是将每个类别的基础元素去特征化,都处理成中性的原始属性,在得到各个类别的应用的共性布局信息之后,将共性布局信息作为预设范围的参数信息,以添加到组件库中,最终将该组件库添加到SDK中。
在本实施例中,先建立组件库,并在建立组件库之后,添加到SDK中,以便后续将该SDK内嵌到应用中,SDK根据组件库中的参数信息,实现页面自动的调整。
进一步地,基于第一实施例提出本发明页面调整方法的第四实施例。
页面调整方法的第四实施例与页面调整方法的第一实施例的区别在于,所述方法包括:
步骤D,在所述应用中确定当前的应用场景;
步骤E,基于确定的应用场景,设置页面布局;
步骤F,基于设置的页面布局,显示SDK对应的页面。
在本实施例中,可选在步骤S30之后,执行步骤D至步骤F,还可以在执行步骤S30的同时,执行步骤D至步骤F,具体根据实际需要设置,此处不做限定。
在本实施例中,在应用中显示SDK对应的页面时,先确定当前的应用场景,然后根据当前的应用场景,设置SDK待输出的页面对应的页面布局,其中,所述页面布局的方式包括:顶部固定,中间滚动;底部固定,中间滚动;底部和顶部固定,中间滚动等方式。在本实施例中,根据当前的应用场景,设置SDK待输出的页面对应的页面布局的方式根据实际情况设置,此处不做限定。在确定页面布局之后,即可基于该页面布局,显示SDK对应的页面。
在本实施例中,根据应用所在的应用场景,调节SDK输出页面的页面布局,提高了页面显示的灵活性。
进一步地,基于第一实施例提出本发明页面调整方法的第五实施例。
页面调整方法的第五实施例与页面调整方法的第一至第四实施例的区别在于,所述方法包括:
步骤G,在接收到参数的更改指令时,在预设窗口显示SDK配置文件;
步骤H,在所述配置文件中,更改参数信息。
在本实施例中,可选在步骤S60之后,且步骤S10之前,执行步骤G至步骤H。还可在步骤S30之后,执行步骤G至步骤H,具体根据实际情况设置,此处不做限定。
当接收到参数的更改指令,先在预设窗口显示SDK配置文件,然后在该配置文件中,统一更改参数信息,以更新包含参数信息的组件库,相应的更新SDK,后续在应用中更新该SDK即可。
需要说明的是,在配置文件中更改参数时,不影响终端应用的使用,后续将更改参数信息的SDK更新到终端应用中即可,不仅提高了应用使用的稳定性,还提高了页面调整的效率和便捷性。
需要说明的是,本发明实施例中,采用了css(Cascading Style Sheets,层叠样式表)预处理器(架构)sass来实现整个项目的样式,通过函数简洁了原始css代码。对于组件库而言,最核心在于使用了变量,变量即SDK中的参数信息,整个SDK非常轻量,相对于现有的页面调整,不仅更加智能、效率更高,并且调整也非常方便。
此外,本发明实施例还提出一种计算机可读存储介质,所述计算机可读存储介质上存储有页面调整程序,所述页面调整程序被处理器执行时实现如下操作:
当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;
识别所述应用的页面属性;
采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
进一步地,所述在所述SDK中提取出预置的组件库的步骤之前,所述页面调整程序被处理器执行时,还实现如下操作:
当软件开发工具包SDK内嵌到终端的应用时,确定是否在SDK中接收到所述应用基于预设接口发送的参数;
若未接收到所述应用基于预设接口发送的参数,则执行在所述SDK中提取出预置的组件库的步骤。
进一步地,所述确定是否在SDK中接收到所述应用基于预设接口发送的参数的步骤之后,所述页面调整程序被处理器执行时,还实现如下操作:
若接收到所述应用基于所述预设接口发送的参数,则基于接收到的参数,对所述SDK对应的页面进行调整。
进一步地,所述页面调整程序被处理器执行时,还实现采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整的操作:
确定所述应用的页面属性对应的属性信息;
在SDK中提取与属性信息的差异小于预设阈值的参数信息;
采用提取的参数信息,按照所述应用的页面属性调整所述SDK对应的页面。
进一步地,所述当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库的步骤之前,所述页面调整程序被处理器执行时,还实现如下操作:
在预设种类的应用中提取应用界面的基础元素;
对提取的各个基础元素进行共性提取,以得到预设范围的参数信息;
基于预设范围的参数信息得到组件库,并将所述组件库添加至SDK。
进一步地,所述页面调整程序被处理器执行时,还实现对提取的各个基础元素进行共性提取,以得到预设范围的参数信息的操作:
对提取的各个基础元素按照第一预设比例的布局相似度进行分类,得到各个类别的基础元素;
对每个类别的基础元素按照第二预设比例的透明度进行层叠以提取共性,得到每个类别的共性布局信息;
基于每个类别的共性布局信息,得到各类预设范围的参数信息。
进一步地,所述页面调整程序被处理器执行时,还实现如下操作:
在所述应用中确定当前的应用场景;
基于确定的应用场景,设置页面布局;
基于设置的页面布局,显示SDK对应的页面。
进一步地,所述页面调整程序被处理器执行时,还实现如下操作:
在接收到参数的更改指令时,在预设窗口显示SDK配置文件;
在所述配置文件中,更改参数信息。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其它变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其它要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其它相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种页面调整方法,其特征在于,应用于终端中,所述页面调整方法包括:
当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库,其中,所述组件库包括预设类别处于预设区间范围的参数信息;
识别所述应用的页面属性;
采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整。
2.如权利要求1所述的页面调整方法,其特征在于,所述在所述SDK中提取出预置的组件库的步骤之前,所述方法还包括:
当软件开发工具包SDK内嵌到终端的应用时,确定是否在SDK中接收到所述应用基于预设接口发送的参数;
若未接收到所述应用基于预设接口发送的参数,则执行在所述SDK中提取出预置的组件库的步骤。
3.如权利要求2所述的页面调整方法,其特征在于,所述确定是否在SDK中接收到所述应用基于预设接口发送的参数的步骤之后,所述页面调整方法还包括:
若接收到所述应用基于所述预设接口发送的参数,则基于接收到的参数,对所述SDK对应的页面进行调整。
4.如权利要求1所述的页面调整方法,其特征在于,所述采用所述组件库中的参数信息,按照所述应用的页面属性对所述SDK对应的页面进行调整的步骤包括:
确定所述应用的页面属性对应的属性信息;
在SDK中提取与属性信息的差异小于预设阈值的参数信息;
采用提取的参数信息,按照所述应用的页面属性调整所述SDK对应的页面。
5.如权利要求1所述的页面调整方法,其特征在于,所述当软件开发工具包SDK内嵌到终端的应用时,在所述SDK中提取出预置的组件库的步骤之前,所述方法还包括:
在预设种类的应用中提取应用界面的基础元素;
对提取的各个基础元素进行共性提取,以得到预设范围的参数信息;
基于预设范围的参数信息得到组件库,并将所述组件库添加至SDK。
6.如权利要求5所述的页面调整方法,其特征在于,所述对提取的各个基础元素进行共性提取,以得到预设范围的参数信息的步骤包括:
对提取的各个基础元素按照第一预设比例的布局相似度进行分类,得到各个类别的基础元素;
对每个类别的基础元素按照第二预设比例的透明度进行层叠以提取共性,得到每个类别的共性布局信息;
基于每个类别的共性布局信息,得到各类预设范围的参数信息。
7.如权利要求1所述的页面调整方法,其特征在于,所述方法还包括:
在所述应用中确定当前的应用场景;
基于确定的应用场景,设置页面布局;
基于设置的页面布局,显示SDK对应的页面。
8.如权利要求1至7任一项所述的页面调整方法,其特征在于,所述方法还包括:
在接收到参数的更改指令时,在预设窗口显示SDK配置文件;
在所述配置文件中,更改参数信息。
9.一种终端,其特征在于,所述终端包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面调整程序,所述页面调整程序被所述处理器执行时实现如权利要求1至8中任一项所述的页面调整方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有页面调整程序,所述页面调整程序被处理器执行时实现如权利要求1至8中任一项所述的页面调整方法的步骤。
CN201710575470.4A 2017-07-14 2017-07-14 页面调整方法、终端和计算机可读存储介质 Active CN107506180B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710575470.4A CN107506180B (zh) 2017-07-14 2017-07-14 页面调整方法、终端和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710575470.4A CN107506180B (zh) 2017-07-14 2017-07-14 页面调整方法、终端和计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN107506180A true CN107506180A (zh) 2017-12-22
CN107506180B CN107506180B (zh) 2021-01-01

Family

ID=60679761

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710575470.4A Active CN107506180B (zh) 2017-07-14 2017-07-14 页面调整方法、终端和计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN107506180B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108259663A (zh) * 2017-12-28 2018-07-06 青岛真时科技有限公司 一种统一展示待办事项的方法和装置
CN110780872A (zh) * 2019-09-03 2020-02-11 腾讯科技(深圳)有限公司 元素排布方法、装置、计算机可读存储介质及设备
CN112230908A (zh) * 2019-07-15 2021-01-15 腾讯科技(深圳)有限公司 一种对齐组件的方法、装置、电子设备及存储介质
CN112825038A (zh) * 2019-11-19 2021-05-21 腾讯科技(深圳)有限公司 基于通用组件语言规范的可视化页面制作方法和相关产品

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955642A (zh) * 2011-08-22 2013-03-06 联想(北京)有限公司 Widget显示方法及电子设备
CN105677357A (zh) * 2016-01-12 2016-06-15 腾讯科技(北京)有限公司 媒体信息处理方法及移动终端
CN105808264A (zh) * 2016-03-11 2016-07-27 深圳博十强志科技有限公司 在线支付sdk订购界面个性化设置方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955642A (zh) * 2011-08-22 2013-03-06 联想(北京)有限公司 Widget显示方法及电子设备
CN105677357A (zh) * 2016-01-12 2016-06-15 腾讯科技(北京)有限公司 媒体信息处理方法及移动终端
CN105808264A (zh) * 2016-03-11 2016-07-27 深圳博十强志科技有限公司 在线支付sdk订购界面个性化设置方法

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108259663A (zh) * 2017-12-28 2018-07-06 青岛真时科技有限公司 一种统一展示待办事项的方法和装置
CN112230908A (zh) * 2019-07-15 2021-01-15 腾讯科技(深圳)有限公司 一种对齐组件的方法、装置、电子设备及存储介质
CN112230908B (zh) * 2019-07-15 2023-05-23 腾讯科技(深圳)有限公司 一种对齐组件的方法、装置、电子设备及存储介质
CN110780872A (zh) * 2019-09-03 2020-02-11 腾讯科技(深圳)有限公司 元素排布方法、装置、计算机可读存储介质及设备
CN110780872B (zh) * 2019-09-03 2023-10-24 腾讯科技(深圳)有限公司 元素排布方法、装置、计算机可读存储介质及设备
CN112825038A (zh) * 2019-11-19 2021-05-21 腾讯科技(深圳)有限公司 基于通用组件语言规范的可视化页面制作方法和相关产品
CN112825038B (zh) * 2019-11-19 2024-04-19 腾讯科技(深圳)有限公司 基于通用组件语言规范的可视化页面制作方法和相关产品

Also Published As

Publication number Publication date
CN107506180B (zh) 2021-01-01

Similar Documents

Publication Publication Date Title
CN107506180A (zh) 页面调整方法、终端和计算机可读存储介质
CN104412261B (zh) 用户界面内容个性化系统
CN110780873B (zh) 界面颜色适配方法、装置、计算机设备及存储介质
US10284705B2 (en) Method and apparatus for controlling smart device, and computer storage medium
CN105095919A (zh) 图像识别方法和装置
CN107862018B (zh) 食材烹饪方法的推荐方法及装置
CN109684047A (zh) 事件处理方法、装置、设备和计算机存储介质
CN109358851A (zh) 图表组件的创建方法、装置及计算机可读存储介质
CN105677845A (zh) 电子书籍的推送方法和装置
US11122142B2 (en) User behavior data processing method and device, and computer-readable storage medium
CN103744659A (zh) 一种卡片式管理应用入口的方法和设备
CN107463124A (zh) 智能空气设备及其控制方法、装置、服务器、存储介质
CN108170739A (zh) 问题匹配方法、终端和计算机可读存储介质
CN104216898A (zh) 一种浏览器导航方法、装置及终端设备
CN107832041B (zh) 专题页面制作方法、装置、设备及可读存储介质
CN109872796A (zh) 一种菜谱推荐方法和装置
CN108564464A (zh) 风险控制审核结果智能显示方法、装置、设备及存储介质
CN107679710A (zh) 业务人员考核方法、考核平台和计算机可读存储介质
US20150347531A1 (en) Method and apparatus for providing search results on a mobile terminal
CN107885836B (zh) 一种用于智能终端的应用程序推荐方法及装置
CN108876751A (zh) 图像处理方法、装置、存储介质及终端
CN106406900A (zh) 一种壁纸显示方法及装置
CN105159541A (zh) 用于空港服务的多媒体终端及其显示方法
CN115454561A (zh) 一种定制界面显示方法、装置、设备及存储介质
CN109376745A (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
GR01 Patent grant
GR01 Patent grant