CN106708531A - 移动端程序界面的更新方法及装置 - Google Patents

移动端程序界面的更新方法及装置 Download PDF

Info

Publication number
CN106708531A
CN106708531A CN201611263944.3A CN201611263944A CN106708531A CN 106708531 A CN106708531 A CN 106708531A CN 201611263944 A CN201611263944 A CN 201611263944A CN 106708531 A CN106708531 A CN 106708531A
Authority
CN
China
Prior art keywords
grid element
interface
mobile terminal
element component
terminal program
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
Application number
CN201611263944.3A
Other languages
English (en)
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.)
OneConnect Financial Technology Co Ltd Shanghai
Original Assignee
Shanghai Billion Through Internet Technology 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 Shanghai Billion Through Internet Technology Co Ltd filed Critical Shanghai Billion Through Internet Technology Co Ltd
Priority to CN201611263944.3A priority Critical patent/CN106708531A/zh
Publication of CN106708531A publication Critical patent/CN106708531A/zh
Priority to PCT/CN2017/091254 priority patent/WO2018120719A1/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • G06F8/656—Updates while running
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Abstract

本发明公开了一种移动端程序界面的更新方法及装置，该方法包括：移动端程序从服务器下载预先生成的更新配置文件，所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识，并根据解析结果及预先确定的栅格元素组件排布规则生成更新后的界面。由于更新配置文件较小，有效地降低了移动终端更新界面时所需的流量资源，下载效率较高，更新时间较短。此外，由于采用预设的排布规则排布各个栅格元素组件，从而使得该更新配置文件更加灵活，能够适用于各种类型的移动端，进一步提高了更新效率。

Description

移动端程序界面的更新方法及装置
技术领域
本发明涉及计算机技术领域，尤其涉及一种移动端程序界面的更新方法及装置。
背景技术
目前，由于安装于移动终端上的应用程序的升级、换代等因素，通常需要对安装于移动终端上的应用程序的操作界面进行更新。
现有的更新方式一般为：需要在服务器端生成待下载的操作界面更新文件，移动终端在服务器上下载并安装该更新文件，以对相应的应用程序的操作界面进行更新。该更新文件通常是新的操作界面的完整生成文件(包括界面代码、界面配置文件等)，从而造成该更新文件的文件通常较大，若移动终端下载该更新文件，占用流量资源较大、下载效率低下且更新时间较长。尤其在移动端程序迭代速度较快、更新较频繁时，上述问题更为突出。
同时，现有的更新方式中，需要在服务器端生成与各个移动终端的机型适配的操作界面更新文件，不仅效率低下，而且需要耗费大量的人力物力。
发明内容
本发明的主要目的在于提供一种移动端程序界面的更新方法及装置，旨在降低移动终端更新界面时所需的流量资源，提高更新效率。
为实现上述目的，本发明提供的移动端程序界面的更新方法包括以下步骤：
移动端程序从服务器下载预先生成的用于更新界面的更新配置文件，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
优选地，所述预先确定的栅格元素组件排布规则为：
将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；
从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
优选地，在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
优选地，所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面的步骤包括：
所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
所述移动端程序分析是否有栅格元素组件的区域排布发生排布干涉；
若有栅格元素组件的区域排布发生排布干涉，则所述移动端程序根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
优选地，所述移动端程序从服务器下载预先生成的用于更新界面的更新配置文件的步骤包括：
所述移动端程序实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。
此外，为实现上述目的，本发明还提供一种移动端程序界面的更新装置，所述移动端程序界面的更新装置包括：
下载模块，用于从服务器下载预先生成的用于更新界面的更新配置文件，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
更新及解析模块，用于在所述移动端程序重新运行后，将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
界面生成模块，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
优选地，所述预先确定的栅格元素组件排布规则为：
将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；
从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
优选地，在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
优选地，所述界面生成模块包括：
区域排布单元，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
分析单元，用于分析是否有栅格元素组件的区域排布发生排布干涉；
生成及提醒单元，用于若有栅格元素组件的区域排布发生排布干涉，则根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
优选地，所述下载模块还用于实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。
本发明提出的移动端程序界面的更新方法及装置，移动端程序从服务器下载预先生成的用于更新界面的更新配置文件，并在所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识，并根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面，由于更新配置文件仅仅携带了各个栅格元素组件的列表、尺寸等信息，因此更新配置文件较小，有效地降低了移动终端更新界面时所需的流量资源，下载效率较高，更新时间较短。此外，由于采用预设的排布规则排布各个栅格元素组件，从而使得该更新配置文件更加灵活，能够适用于各种类型的移动端，进一步提高了更新效率，节约了人力物力。
附图说明
图1为本发明移动端程序界面的更新方法第一实施例的流程示意图；
图2为本发明一界面的栅格布局的示意图；
图3为本发明移动端程序界面的更新方法的第三实施例中生成界面步骤的细化流程示意图；
图4为本发明移动端程序界面的更新装置第一实施例的功能模块示意图；
图5为本发明移动端程序界面的更新装置的第三实施例中界面生成模块的细化功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明提供一种移动端程序界面的更新方法。该移动端程序界面的更新方法可以基于移动终端实现。移动终端例如可以为但不限于手机、平板电脑等。参照图1，图1为本发明移动端程序界面的更新方法第一实施例的流程示意图。在该实施例中，该移动端程序界面的更新方法包括：
步骤S10，移动端程序从服务器下载预先生成的用于更新界面的更新配置文件。
其中，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识。
可选的，移动端程序在下载更新配置文件后，还进一步对下载的所述更新配置文件进行缓存。
在本实施例中，在某个移动端程序的界面需要更新时，则可以在服务器生成该移动端程序的界面的更新配置文件。所述更新配置文件的格式可以根据实际需要进行配置，例如，所述更新配置文件的格式可以为json格式。可选的，可以由人控制更新配置文件的生成过程，例如，所述更新配置文件可以由授权用户上传到服务器端。
可以由用户确定更新后的界面的栅格布局，并基于此配置所述更新配置文件。每个更新配置文件包括由至少一个栅格元素组件按照一定顺序组成的列表，且该更新配置文件中同时包含各个栅格元素组件对应的尺寸和标识。可选的，各个栅格元素组件对应的尺寸和标识可以配置在栅格元素组件形成的列表中。例如，栅格元素组件对应的尺寸可以包括宽和高，宽的取值范围可以为[0,12]，高的取值可以大于12，各个栅格元素组件的尺寸列表可以为：[6x6,3x3,3x3,6x3,3x3,3x3,6x6,3x3,3x3,4x4,4x4,4x4,12x4]，各个栅格元素组件的标识列表可以为[No.1,No.2,No.3,No.4,No.5,No.6,No.7,No.8,No.9,No.10,No.11,No.12,No.13]，各个栅格元素组件的列表可以为[(No.1,6x6),(No.2,3x3),(No.3,3x3),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)])。
可选的，步骤S10包括：所述移动端程序实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。从而可以使得移动端及时获得最新的更新配置文件，提高移动端程序的界面的更新效率。
可选的，服务器还可以在侦测到有新的更新配置文件生成时，向对应的移动端发送下载指令。移动端接收到下载指令后，则从服务器下载预先生成的用于更新界面的更新配置文件。从而在当前没有新的更新配置文件时，可以避免移动端向服务器发出的无效的更新配置文件的下载请求，同时还可以使得移动端及时获得最新的更新配置文件，提高移动端程序的界面的更新效率。
步骤S20，所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识。
在本实施例中，可选的，所述移动端程序在重新运行后，加载缓存的所述更新配置文件，将当前配置文件更新为加载的所述更新配置文件，并对加载的所述更新配置文件进行解析。
步骤S30，所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
在本实施例中，将各个栅格元素组件按照排布规则进行排布，且各个栅格元素的显示尺寸为解析获得的尺寸，各个栅格元素组件按照各个的显示尺寸显示并拼接排布后形成更新后的界面。
本发明提供的移动端程序界面的更新方法，通过移动端程序从服务器下载预先生成的用于更新界面的更新配置文件，并在所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识，并根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面，由于更新配置文件仅仅携带了各个栅格元素组件的列表、尺寸等信息，因此更新配置文件较小，有效地降低了移动终端更新界面时所需的流量资源，下载效率较高，更新时间较短。此外，由于采用预设的排布规则排布各个栅格元素组件，从而使得该更新配置文件更加灵活，能够适用于各种类型的移动端，进一步提高了更新效率，节约了人力物力。
进一步地，为了进一步提高更新效率，基于本发明移动端程序界面的更新方法的第一实施例，本发明还提出了移动端程序界面的更新方法的第二实施例，所述预先确定的栅格元素组件排布规则为：将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
可以直接将各个栅格元素组件的列表顺序作为排布顺序，也可以将列表顺序变换后作为排布顺序。优选地，在本实施例中，直接将各个栅格元素组件的列表顺序作为排布顺序。例如，栅格元素组件No.3在所述列表中的列表顺序为第3位，则栅格元素组件No.3对应的排布顺序为第3位。
在本实施例中，界面的角坐标例如可以为左上角、右上角、左下角或右下角。
可选的，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布可以包括以下几种情况：
在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
在本实施例中，以角坐标为左上角为例，其区域排布规则为从左到右、从上到下。例如，如图2所示，图2为本发明一界面的栅格布局的示意图，所述界面的宽度为12，若所述列表可以为：[(No.1,6x6),(No.2,3x3),(No.3,3x3),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)]，则栅格元素组件No.1的排布顺序为第1位，则从所述界面的左上角坐标开始，确定一个6x6像素区域作为栅格元素组件No.1的区域；栅格元素组件No.2的排布顺序为第2位，则从所述栅格元素组件No.1的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.2的区域；栅格元素组件No.3的排布顺序为第3位，则从所述栅格元素组件No.2的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.3的区域；因为No.1、No.2及No.3的区域的宽度等于12，则无法再向右进行区域排布，此时向下进行区域排布，栅格元素组件No.4的排布顺序为第4位，则从所述栅格元素组件No.2的区域下方的左上角坐标开始，确定一个6x3像素区域作为栅格元素组件No.4的区域；以此类推，直到所有栅格元素组件的区域排布完成。
本实施例通过从界面的角坐标开始像界面的边缘方向排布，使得可以更新各种不同栅格布局的界面，更新更加灵活。
进一步地，为了减少更新界面过程中的错误，基于本发明移动端程序界面的更新方法的第一或第二实施例，本发明还提出了移动端程序界面的更新方法的第三实施例，参照图3，图3为本发明移动端程序界面的更新方法的第三实施例中生成更新后的界面步骤的细化流程示意图，所述步骤S30包括：
步骤S31，所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
步骤S32，所述移动端程序分析是否有栅格元素组件的区域排布发生排布干涉。
例如，所述界面的宽度为12，若所述列表可以为：[(No.1,6x6),(No.2,3x3),(No.3,4x4),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)]，则栅格元素组件No.1的排布顺序为第1位，则从所述界面的左上角坐标开始，确定一个6x6像素区域作为栅格元素组件No.1的区域；栅格元素组件No.2的排布顺序为第2位，则从所述栅格元素组件No.1的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.2的区域；栅格元素组件No.3的排布顺序为第3位，则从所述栅格元素组件No.2的区域右方的左上角坐标开始，确定一个4x4像素区域作为栅格元素组件No.3的区域，此时，因为No.1、No.2及No.3的区域的宽度大于12，则确定栅格元素组件No.3的区域排布发生排布干涉。
步骤S33，若有栅格元素组件的区域排布发生排布干涉，则所述移动端程序根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
在本实施例中，在区域排布发生干涉时，则移动端程序可以根据更新前的配置文件生成对应的界面，实际上是沿用原来的界面，没有进行界面更新，从而避免了更新后的界面出现错误，而且保证了移动端程序仍然具有合格的界面。此外，通过向预设的终端发送提醒信息，使得用户可以及时获知更新配置文件存在错误，并能够及时进行修改。预先确定的终端可以为手机、平板电脑等。
本发明进一步提供一种移动端程序界面的更新装置。该移动端程序界面的更新装置可以应用于移动终端上，移动终端例如可以为但不限于手机、平板电脑等。参照图4，图4为本发明移动端程序界面的更新装置第一实施例的功能模块示意图。在第一实施例中，该移动端程序界面的更新装置包括：
下载模块10，用于从服务器下载预先生成的用于更新界面的更新配置文件，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
可选的，移动端程序在下载更新配置文件后，还进一步对下载的所述更新配置文件进行缓存。
在本实施例中，在某个移动端程序的界面需要更新时，则可以在服务器生成该移动端程序的界面的更新配置文件。所述更新配置文件的格式可以根据实际需要进行配置，例如，所述更新配置文件的格式可以为json格式。可选的，可以由人控制更新配置文件的生成过程，例如，所述更新配置文件可以由授权用户上传到服务器端。
可以由用户确定更新后的界面的栅格布局，并基于此配置所述更新配置文件。每个更新配置文件包括由至少一个栅格元素组件按照一定顺序组成的列表，且该更新配置文件中同时包含各个栅格元素组件对应的尺寸和标识。可选的，各个栅格元素组件对应的尺寸和标识可以配置在栅格元素组件形成的列表中。例如，栅格元素组件对应的尺寸可以包括宽和高，宽的取值范围可以为[0,12]，高的取值可以大于12，各个栅格元素组件的尺寸列表可以为：[6x6,3x3,3x3,6x3,3x3,3x3,6x6,3x3,3x3,4x4,4x4,4x4,12x4]，各个栅格元素组件的标识列表可以为[No.1,No.2,No.3,No.4,No.5,No.6,No.7,No.8,No.9,No.10,No.11,No.12,No.13]，各个栅格元素组件的列表可以为[(No.1,6x6),(No.2,3x3),(No.3,3x3),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)])。
可选的，所述下载模块10还用于实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。从而可以使得移动端及时获得最新的更新配置文件，提高移动端程序的界面的更新效率。
可选的，服务器还可以在侦测到有新的更新配置文件生成时，向对应的移动端发送下载指令。移动端接收到下载指令后，则从服务器下载预先生成的用于更新界面的更新配置文件。从而在当前没有新的更新配置文件时，可以避免移动端向服务器发出的无效的更新配置文件的下载请求，同时还可以使得移动端及时获得最新的更新配置文件，提高移动端程序的界面的更新效率。
更新及解析模块20，用于在所述移动端程序重新运行后，将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
在本实施例中，所述移动端程序在重新运行后，加载缓存的所述更新配置文件，将当前配置文件更新为加载的所述更新配置文件，并对加载的所述更新配置文件进行解析。
界面生成模块30，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
在本实施例中，将各个栅格元素组件按照排布规则进行排布，且各个栅格元素的显示尺寸为解析获得的尺寸，各个栅格元素组件按照各个的显示尺寸显示并拼接排布后形成更新后的界面。
本发明提供的移动端程序界面的更新装置，通过移动端程序从服务器下载预先生成的用于更新界面的更新配置文件，并在所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识，并根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面，由于更新配置文件仅仅携带了各个栅格元素组件的列表、尺寸等信息，因此更新配置文件较小，有效地降低了移动终端更新界面时所需的流量资源，下载效率较高，更新时间较短。此外，由于采用预设的排布规则排布各个栅格元素组件，从而使得该更新配置文件更加灵活，能够适用于各种类型的移动端，进一步提高了更新效率，节约了人力物力。
进一步地，为了进一步提高更新效率，基于本发明移动端程序界面的更新装置的第一实施例，本发明还提出了移动端程序界面的更新装置的第二实施例，所述预先确定的栅格元素组件排布规则为：将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
可以直接将各个栅格元素组件的列表顺序作为排布顺序，也可以将列表顺序变换后作为排布顺序。优选地，在本实施例中，直接将各个栅格元素组件的列表顺序作为排布顺序。例如，栅格元素组件No.3在所述列表中的列表顺序为第3位，则栅格元素组件No.3对应的排布顺序为第3位。
在本实施例中，界面的角坐标例如可以为左上角、右上角、左下角或右下角。
可选的，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布可以包括以下几种情况：
在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
在本实施例中，以角坐标为左上角为例，其区域排布规则为从左到右、从上到下。例如，如图2所示，所述界面的宽度为12，若所述列表可以为：[(No.1,6x6),(No.2,3x3),(No.3,3x3),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)]，则栅格元素组件No.1的排布顺序为第1位，则从所述界面的左上角坐标开始，确定一个6x6像素区域作为栅格元素组件No.1的区域；栅格元素组件No.2的排布顺序为第2位，则从所述栅格元素组件No.1的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.2的区域；栅格元素组件No.3的排布顺序为第3位，则从所述栅格元素组件No.2的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.3的区域；因为No.1、No.2及No.3的区域的宽度等于12，则无法再向右进行区域排布，此时向下进行区域排布，栅格元素组件No.4的排布顺序为第4位，则从所述栅格元素组件No.2的区域下方的左上角坐标开始，确定一个6x3像素区域作为栅格元素组件No.4的区域；以此类推，直到所有栅格元素组件的区域排布完成。
本实施例通过从界面的角坐标开始像界面的边缘方向排布，使得可以更新各种不同栅格布局的界面，更新更加灵活。
进一步地，为了减少更新界面过程中的错误，基于本发明移动端程序界面的更新装置的第一或第二实施例，本发明还提出了移动端程序界面的更新装置的第三实施例，参照图5，图5为本发明移动端程序界面的更新装置的第三实施例中界面生成模块的细化功能模块示意图，所述界面生成模块30包括：
区域排布单元31，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
分析单元32，用于分析是否有栅格元素组件的区域排布发生排布干涉；
例如，所述界面的宽度为12，若所述列表可以为：[(No.1,6x6),(No.2,3x3),(No.3,4x4),(No.4,6x3),(No.5,3x3),(No.6,3x3),(No.7,6x6),(No.8,3x3),(No.9,3x3),(No.10,4x4),(No.11,4x4),(No.12,4x4),(No.13,12x4)]，则栅格元素组件No.1的排布顺序为第1位，则从所述界面的左上角坐标开始，确定一个6x6像素区域作为栅格元素组件No.1的区域；栅格元素组件No.2的排布顺序为第2位，则从所述栅格元素组件No.1的区域右方的左上角坐标开始，确定一个3x3像素区域作为栅格元素组件No.2的区域；栅格元素组件No.3的排布顺序为第3位，则从所述栅格元素组件No.2的区域右方的左上角坐标开始，确定一个4x4像素区域作为栅格元素组件No.3的区域，此时，因为No.1、No.2及No.3的区域的宽度大于12，则确定栅格元素组件No.3的区域排布发生排布干涉。
生成及提醒单元33，用于若有栅格元素组件的区域排布发生排布干涉，则根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
在本实施例中，在区域排布发生干涉时，则移动端程序可以根据更新前的配置文件生成对应的界面，实际上是沿用原来的界面，没有进行界面更新，从而避免了更新后的界面出现错误，而且保证了移动端程序仍然具有合格的界面。此外，通过向预设的终端发送提醒信息，使得用户可以及时获知更新配置文件存在错误，并能够及时进行修改。预先确定的终端可以为手机、平板电脑等。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种移动端程序界面的更新方法，其特征在于，所述移动端程序界面的更新方法包括：
移动端程序从服务器下载预先生成的用于更新界面的更新配置文件，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
所述移动端程序将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
2.如权利要求1所述的移动端程序界面的更新方法，其特征在于，所述预先确定的栅格元素组件排布规则为：
将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；
从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
3.如权利要求2所述的移动端程序界面的更新方法，其特征在于，在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
4.如权利要求1至3任一项所述的移动端程序界面的更新方法，其特征在于，所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面的步骤包括：
所述移动端程序根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
所述移动端程序分析是否有栅格元素组件的区域排布发生排布干涉；
若有栅格元素组件的区域排布发生排布干涉，则所述移动端程序根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
5.如权利要求1至3任一项所述的移动端程序界面的更新方法，其特征在于，所述移动端程序从服务器下载预先生成的用于更新界面的更新配置文件的步骤包括：
所述移动端程序实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。
6.一种移动端程序界面的更新装置，其特征在于，所述移动端程序界面的更新装置包括：
下载模块，用于从服务器下载预先生成的用于更新界面的更新配置文件，所述移动端程序的界面为预先确定的栅格布局，所述更新配置文件包括所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
更新及解析模块，用于在所述移动端程序重新运行后，将当前配置文件更新为所述更新配置文件，并对所述更新配置文件进行解析，以解析出所述移动端程序的界面的各个栅格元素组件的列表，及各个栅格元素组件对应的尺寸和标识；
界面生成模块，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则生成更新后的界面。
7.如权利要求6所述的移动端程序界面的更新装置，其特征在于，所述预先确定的栅格元素组件排布规则为：
将所述列表中的各个栅格元素组件按照对应的列表顺序确定对应的排布顺序；
从所述界面的其中一角坐标开始，按照排布顺序依次选择栅格元素组件进行栅格元素组件区域排布，所述区域排布的规则为从所述角坐标向所述界面的边缘方向排布。
8.如权利要求7所述的移动端程序界面的更新装置，其特征在于，在所述角坐标为左上角时，所述区域排布的规则为从左到右、从上到下；
在所述角坐标为右上角时，所述区域排布的规则为从右到左、从上到下；
在所述角坐标为左下角时，所述区域排布的规则为从左到右、从下到上；
在所述角坐标为右下角时，所述区域排布的规则为从右到左、从下到上。
9.如权利要求6至8任一项所述的移动端程序界面的更新装置，其特征在于，所述界面生成模块包括：
区域排布单元，用于根据解析的各个栅格元素组件的列表，各个栅格元素组件对应的尺寸和标识，及预先确定的栅格元素组件排布规则进行栅格元素组件区域排布；
分析单元，用于分析是否有栅格元素组件的区域排布发生排布干涉；
生成及提醒单元，用于若有栅格元素组件的区域排布发生排布干涉，则根据更新前的配置文件生成对应的界面，及/或，向预先确定的终端发送提醒信息，以提醒所述更新配置文件存在错误。
10.如权利要求9所述的移动端程序界面的更新装置，其特征在于，所述下载模块还用于实时或者定时向服务器请求并下载所述移动端程序的最新的更新配置文件；或者，所述移动端程序运行后，向服务器端请求并下载所述移动端程序的最新的更新配置文件。
CN201611263944.3A 2016-12-30 2016-12-30 移动端程序界面的更新方法及装置 Pending CN106708531A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201611263944.3A CN106708531A (zh) 2016-12-30 2016-12-30 移动端程序界面的更新方法及装置
PCT/CN2017/091254 WO2018120719A1 (zh) 2016-12-30 2017-06-30 移动端程序界面的更新方法、装置、设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611263944.3A CN106708531A (zh) 2016-12-30 2016-12-30 移动端程序界面的更新方法及装置

Publications (1)

Publication Number Publication Date
CN106708531A true CN106708531A (zh) 2017-05-24

Family

ID=58906840

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611263944.3A Pending CN106708531A (zh) 2016-12-30 2016-12-30 移动端程序界面的更新方法及装置

Country Status (2)

Country Link
CN (1) CN106708531A (zh)
WO (1) WO2018120719A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107844352A (zh) * 2017-10-27 2018-03-27 深圳前海桔子信息技术有限公司 一种应用界面配置方法和装置
WO2018120719A1 (zh) * 2016-12-30 2018-07-05 上海壹账通金融科技有限公司 移动端程序界面的更新方法、装置、设备及计算机可读存储介质
CN109284154A (zh) * 2017-07-21 2019-01-29 中兴通讯股份有限公司 桌面启动器模板更新方法及装置、服务器及存储介质
CN109471684A (zh) * 2017-09-08 2019-03-15 深圳市中兴微电子技术有限公司 一种设置显示界面的方法及系统
CN109800033A (zh) * 2019-01-03 2019-05-24 北京潘达互娱科技有限公司 一种控制方法、装置和移动终端
CN110806874A (zh) * 2018-08-03 2020-02-18 武汉斗鱼网络科技有限公司 一种直播间配置文件的解析方法、存储介质、电子设备及系统

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111857699A (zh) * 2020-07-20 2020-10-30 Oppo广东移动通信有限公司 圆角图像显示方法、装置、电子设备和可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104932877A (zh) * 2015-04-24 2015-09-23 陈小州 智能终端应用程序界面设计方法
CN105487889A (zh) * 2015-11-26 2016-04-13 小米科技有限责任公司 应用界面更新方法及装置
CN105573773A (zh) * 2014-10-17 2016-05-11 Tcl集团股份有限公司 一种布局用户界面的方法、装置和系统
CN105892964A (zh) * 2015-12-10 2016-08-24 乐视网信息技术（北京）股份有限公司 区块配置、展现方法、服务器、终端设备和通信系统

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103345388B (zh) * 2013-06-05 2016-11-23 中国电子科技集团公司第十五研究所 基于安卓操作系统的软件适应移动终端的方法及装置
CN105242937A (zh) * 2014-06-27 2016-01-13 中兴通讯股份有限公司 一种动态更新应用界面的方法、终端及系统
CN106708531A (zh) * 2016-12-30 2017-05-24 上海亿账通互联网科技有限公司 移动端程序界面的更新方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105573773A (zh) * 2014-10-17 2016-05-11 Tcl集团股份有限公司 一种布局用户界面的方法、装置和系统
CN104932877A (zh) * 2015-04-24 2015-09-23 陈小州 智能终端应用程序界面设计方法
CN105487889A (zh) * 2015-11-26 2016-04-13 小米科技有限责任公司 应用界面更新方法及装置
CN105892964A (zh) * 2015-12-10 2016-08-24 乐视网信息技术（北京）股份有限公司 区块配置、展现方法、服务器、终端设备和通信系统

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018120719A1 (zh) * 2016-12-30 2018-07-05 上海壹账通金融科技有限公司 移动端程序界面的更新方法、装置、设备及计算机可读存储介质
CN109284154A (zh) * 2017-07-21 2019-01-29 中兴通讯股份有限公司 桌面启动器模板更新方法及装置、服务器及存储介质
CN109471684A (zh) * 2017-09-08 2019-03-15 深圳市中兴微电子技术有限公司 一种设置显示界面的方法及系统
CN107844352A (zh) * 2017-10-27 2018-03-27 深圳前海桔子信息技术有限公司 一种应用界面配置方法和装置
CN107844352B (zh) * 2017-10-27 2020-11-27 深圳前海桔子信息技术有限公司 一种应用界面配置方法和装置
CN110806874A (zh) * 2018-08-03 2020-02-18 武汉斗鱼网络科技有限公司 一种直播间配置文件的解析方法、存储介质、电子设备及系统
CN110806874B (zh) * 2018-08-03 2023-08-18 西安创业天下网络科技有限公司 一种直播间配置文件的解析方法、存储介质、电子设备及系统
CN109800033A (zh) * 2019-01-03 2019-05-24 北京潘达互娱科技有限公司 一种控制方法、装置和移动终端

Also Published As

Publication number Publication date
WO2018120719A1 (zh) 2018-07-05

Similar Documents

Publication Publication Date Title
CN106708531A (zh) 移动端程序界面的更新方法及装置
CN106658475B (zh) 一种空中下载技术升级方法和装置
CN106502699A (zh) 一种应用页面处理方法、装置及系统
CN103164197A (zh) Ui布局自适应方法、移动设备以及布局生成设备
CN104615414B (zh) 一种渠道包定制方法及装置
CN102855648B (zh) 一种图像处理方法及装置
CN104035804B (zh) 一种应用集成方法及装置
CN104238869B (zh) 浮动图标显示系统及方法
US9892013B2 (en) Method and device for displaying incremental update progress
CN103914450A (zh) 移动终端平台中网页图片呈现方法和装置
CN103870289A (zh) 一种显示模式的调整方法及电子设备
CN105224401A (zh) 定时任务控制方法及装置
CN106502573A (zh) 一种视图界面移动的方法及装置
CN105912341A (zh) 一种传感器的校准参数的配置方法及电子设备
CN104517307A (zh) 一种动画制作方法和装置
CN104978183A (zh) 一种图标构造方法,及终端设备
CN105786511A (zh) 终端设备Web应用管理的实现方法
CN104951329A (zh) 一种应用程序模板的配置、启动方法和移动终端
CN105511585A (zh) 终端待机时长调整方法、装置和终端
CN107463405A (zh) 一种应用程序的更新方法及装置
CN109117127A (zh) 程序代码生成方法、装置及计算机可读存储介质
CN107733974A (zh) 一种移动终端的升级方法
CN104793837A (zh) 图形生成方法及装置
CN108153537A (zh) 移动应用更新方法及装置
CN106919375B (zh) 一种移动终端设备上的屏幕自适应方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 200030 Xuhui District, Shanghai Kai Bin Road 166, 9, 10 level.

Applicant after: ONECONNECT FINANCIAL TECHNOLOGY Co.,Ltd. (SHANGHAI)

Address before: 200135 Pudong New Area, Shanghai, China (Shanghai) free trade trial area 2 Pudong road 2250 2 story room 1

Applicant before: Shanghai one track Internet Technology Co.,Ltd.

Address after: 200135 Pudong New Area, Shanghai, China (Shanghai) free trade trial area 2 Pudong road 2250 2 story room 1

Applicant after: Shanghai one track Internet Technology Co.,Ltd.

Address before: 200135 Pudong New Area, Shanghai, China (Shanghai) free trade trial area 2 Pudong road 2250 2 story room 1

Applicant before: SHANGHAI YIZHANGTONG INTERNET TECHNOLOGY CO.,LTD.

CB02 Change of applicant information
TA01 Transfer of patent application right

Effective date of registration: 20180530

Address after: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.)

Applicant after: ONECONNECT FINANCIAL TECHNOLOGY Co.,Ltd. (SHANGHAI)

Address before: 200030 Xuhui District, Shanghai Kai Bin Road 166, 9, 10 level.

Applicant before: ONECONNECT FINANCIAL TECHNOLOGY Co.,Ltd. (SHANGHAI)

TA01 Transfer of patent application right
RJ01 Rejection of invention patent application after publication

Application publication date: 20170524

RJ01 Rejection of invention patent application after publication