一种布局用户界面的方法、装置和系统的制作方法
【技术领域】
[0001]本发明属于人机交互领域，尤其涉及一种布局用户界面的方法、装置和系统。
【背景技术】
[0002]用户界面(User Interface，UI)是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。UI是介于使用者与硬件而设计彼此之间交互沟通相关软件，目的在于使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成的工作。UI定义广泛，包含了人机交互与图形使用者接口。凡参与人类与机械的信息交流的领域都存在着用户界面。优秀的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
[0003]从用户体验角度而言，用户是希望经常看到更新和变化的UI。从运营方角度而言，通过UI的改变来增加广告位或者修改广告位布局等需求也是合理的。因此，在UI产品上线后，如何按照用户需求或喜好，随时、高效地变换UI，是业界关注的课题。
[0004]现有的变换UI的方法往往是从程序内部配置文件以加载界面布局文件，或者，在程序代码里直接配置界面布局文件，待代码运行至配置界面布局文件的地方时，直接读取界面布局文件，从而变换UI。
[0005]然而，由于程序代码的固化，因此，上述现有的变换UI的方法，不仅使得UI的内容信息是固定的，而且UI的布局也是固定的；一旦UI产品上线后，很难对UI的布局和内容等做出改变。
【发明内容】
[0006]本发明的目的在于提供一种布局用户界面的方法、装置和系统，旨在解决现有的UI变换方法在产品上线后很难对UI的布局和内容等做出改变的技术问题。
[0007]本发明是这样实现的，一种布局用户界面的方法，所述方法包括:
[0008]向服务器发送下载布局信息文件和内容信息文件的请求；
[0009]从所述服务器下载所述服务器根据所述请求提供的布局信息文件和内容信息文件；
[0010]对所述从服务器下载的布局信息文件和内容信息文件进行解析；
[0011]根据所述解析的结果在第一客户端的当前用户界面布局元素。
[0012]本发明的另一目的在于提供一种布局用户界面的装置，所述装置包括:
[0013]下载请求模块，用于向服务器发送下载布局信息文件和内容信息文件的请求；
[0014]下载模块，用于从所述服务器下载所述服务器根据所述请求提供的布局信息文件和内容信息文件；
[0015]解析模块，用于对所述从服务器下载的布局信息文件和内容信息文件进行解析；
[0016]界面布局模块，用于根据所述解析的结果在第一客户端的当前用户界面布局元素。
[0017]本发明的另一目的在于提供一种布局用户界面的系统，所述系统包括第一客户端和服务器，所述第一客户端包括下载请求模块、下载模块、解析模块和界面布局模块；
[0018]所述下载请求模块，用于向所述服务器发送下载布局信息文件和内容信息文件的请求；
[0019]所述下载模块，用于对所述从服务器下载的布局信息文件和内容信息文件进行解析；
[0020]所述解析模块，用于对所述服务器根据所述请求提供的布局信息文件和内容信息文件进行解析；
[0021]所述界面布局模块，用于根据所述解析的结果在所述第一客户端的当前用户界面布局元素；
[0022]所述服务器，用于存储在第二客户端编辑并通过所述二客户端上传的布局信息文件和内容信息文件，在收到所述下载请求模块发送的所述请求后，根据所述请求提供布局信息文件和内容信息文件，向所述第一客户端返回所述第一客户端请求的布局信息文件和内容信息文件。
[0023]从上述本发明实施例可知，在服务器收到请求后，可以根据请求提供布局信息文件和内容信息文件供第一客户端下载。由于布局信息文件和内容信息文件可以事先随时由运维人员在第二客户端编辑好后上传至服务器，而不是被固化在程序代码中，因此，相比于现有技术，本发明提供的方法，用于布局用户界面的布局信息文件和内容信息文件可以根据需要随时更新，即使在UI产品上线后，用户界面的变更也非常容易，不仅增强了 UI产品在布局用户界面方面的灵活性，而且减小了 UI产品的运维成本。
【附图说明】
[0024]图1是本发明实施例一提供的布局用户界面的方法的实现流程示意图；
[0025]图2是本发明实施例二提供的布局用户界面的方法的实现流程示意图；
[0026]图3是本发明实施例三提供的布局用户界面的方法的实现流程示意图；
[0027]图4是本发明实施例提供的场景布局中布局元素的示意图；
[0028]图5是本发明实施例四提供的布局用户界面的装置的结构示意图；
[0029]图6是本发明实施例五提供的布局用户界面的装置的结构示意图；
[0030]图7是本发明实施例六提供的布局用户界面的装置的结构示意图；
[0031]图8-a是本发明实施例八提供的布局用户界面的装置的结构示意图；
[0032]图8-b是本发明实施例九提供的布局用户界面的装置的结构示意图；
[0033]图8-c是本发明实施例十提供的布局用户界面的装置的结构示意图；
[0034]图9是本发明实施例十一提供的布局用户界面的系统的结构示意图；
图10是本发明实施例提供的5X10阶矩阵网格的场景布局、摆放4X3阶矩阵网格的海报不意图；
图11是本发明实施例提供的遍历寻找可以摆放4X3阶矩阵网格的海报的位置示意图；
图12是本发明实施例提供的松手时元素落下的位置不能放置4X 3阶矩阵网格的海报示意图； 图13是本发明实施例提供的寻找最近的可放置点将海报这一元素落下示意图。
【具体实施方式】
[0035]为了使本发明的目的、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0036]本发明实施例提供一种布局用户界面的方法，所述方法包括:向服务器发送下载布局信息文件和内容信息文件的请求；从所述服务器下载所述服务器根据所述请求提供的布局信息文件和内容信息文件；对所述从服务器下载的布局信息文件和内容信息文件进行解析；根据所述解析的结果在第一客户端的当前用户界面布局元素。本发明实施例还提供相应的布局用户界面的装置和系统。以下分别进行详细说明。
[0037]请参阅附图1，是本发明实施例一提供的布局用户界面的方法的实现流程，主要包括以下步骤SlOl至步骤S104:
[0038]S101,向服务器发送下载布局信息文件和内容信息文件的请求。
[0039]在本实施例中，布局信息文件包含场景布局的网格数(即mXn个矩形网格组成的mXn阶矩阵)、每一个元素在mXn个网格构成的场景布局中的位置信息、该元素的邻居元素索引和该元素的元素版本号等，而内容信息文件包含每个元素的模板类型、此模板需要包含的图片地址、是否轮播、点击事件等属性以及和该元素的元素版本号等。
[0040]S102，从服务器下载所述服务器根据请求提供的布局信息文件和内容信息文件。
[0041]在本实施例中，服务器并非只要收到客户端的请求就向该客户端提供布局信息文件和内容信息文件。例如，有时客户端当前存有的布局信息文件和内容信息文件是最新的，在此情形下，服务器没有必要再向客户端提供布局信息文件和内容信息文件，因此，服务器根据客户端发送的请求的内容，从而提供布局信息文件和内容信息文件被客户端设备下载。
[0042]S103，对从服务器下载的布局信息文件和内容信息文件进行解析。
[0043]S104，根据步骤S103所解析的结果在第一客户端的当前用户界面布局元素。
[0044]需要说明的是，本实施例中，第一客户端和第二客户端是不同设备上的两个客户端，其中，第一客户端用于在用户界面显示这些布局完成的元素，而本发明实施例涉及的第二客户端，是另一设备上供运维人员用于生成布局信息文件和内容信息文件并上传至服务器的应用程序。如前所述，布局信息文件所包含场景布局以mXn个矩形网格组成的mXn阶矩阵表示。在本实施例中，元素就是mXn阶矩阵网格中的任意一个矩形网格。当根据步骤S103所解析的结果在第一客户端的当前用户界面布局这些元素时，就可以变换成新的用户界面。具体地，根据所解析的结果中的布局、内容等信息进行绘制，在用户按上下左右键时，可以按照布局信息中元素之间的邻居关系进行焦点跳转，用户点击某个元素后，根据元素内容的响应规则，启动新应用并传参。
[0045]从上述附图1示例的布局用户界面的方法可知，，在服务器收到第一客户端发送的请求后，可以根据请求提供布局信息文件和内容信息文件供第一客户端下载。由于布局信息文件和内容信息文件可以事先随时由运维人员在第二客户端编辑好后上传至服务器，而不是被固化在程序代码中，因此，相比于现有技术，本发明提供的方法，用于布局用户界面的布局信息文件和内容信息文件可以根据需要随时更新，即使在UI产品上线后，用户界面的变更也非常容易，不仅增强了 UI产品在布局用户界面方面的灵活性，而且减小了 UI产品的运维成本。
[0046]请参阅附图2，是本发明实施例二提供的布局用户界面的方法的实现流程，在本实施例中，向服务器发送的请求携带有第一客户端最新页面版本的版本号和所述最新页面下所有元素最新版本的版本号。附图2示例二的布局用户界面的方法主要包括以下步骤S201至步骤S204: