CN111158834B - 界面自定义方法及计算机可读存储介质 - Google Patents

Abstract

本发明公开了一种界面自定义方法及计算机可读存储介质，方法包括：通过预设的可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件；根据所述配置文件，更新待布局界面。本发明实现了对界面的模块自定义编辑方法，为用户操作提供了个性化的快捷入口，提升了用户体验。

Description

界面自定义方法及计算机可读存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种界面自定义方法及计算机可读存储介质。

背景技术

现有数字视听场所的点歌系统中，其点歌界面一般显示固定的功能模块，用户无法自定义界面的功能模块，这样导致有些用户常用的功能在二级或三级甚至更深级别的界面中，用户需要多次点击才能找到个人喜欢或常用的功能，从而影响用户体验。例如，在点歌功能中，用户常用“排行点歌”或“男歌手点歌”这两个功能模块，但这两个功能经常在二级或三级界面，用户无法在首页直接点击到上述两个功能模块，用户体验不佳。

同时，在用户界面皮肤进行更换时，目前一般只能更换背景皮肤，各个功能模块(或应用程序)的图标基本保持不变，从而导致各个功能模块的图标可能与更新后的背景皮肤不匹配，或当用户自定义了界面的功能模块的布局后，可能会导致某些功能模块的图标与背景皮肤不匹配，或遮挡了背景皮肤的主题元素，影响界面显示效果及用户体验。

另外，在一些设备中，可以实现部分应用的图标在界面皮肤切换时实现同步更新，但没办法实现对所有应用或功能模块的图标均进行同步更新。例如，智能手机经常安装大量的应用，特别是一些个性化的应用，这样手机开发商没办法在每款皮肤中均设计有各个应用对应的图标，无法实现切换的皮肤与各应用图标在显示上完全匹配，从而影响界面显示效果及用户体验。

发明内容

本发明所要解决的技术问题是：提供一种界面自定义方法及计算机可读存储介质，使用户可对界面进行自定义布局，提高用户体验。

为了解决上述技术问题，本发明采用的技术方案为：一种界面自定义方法，包括：

通过预设的可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件；

根据所述配置文件，更新待布局界面。

本发明还提出一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上所述的步骤。

本发明的有益效果在于：通过接收用户对各功能模块的编辑操作，生成个性化的界面，使得用户可根据自己的操作习惯，对界面进行布局，从而提高用户的操作体验和使用体验。本发明可以在显示界面个性化的选择用户想要的功能模块，从而使界面显示的功能模块更符合用户的需要，满足个性化的需求，提高用户体验。

附图说明

图1为本发明实施例一的一种界面自定义方法的流程图；

图2为本发明实施例二的换肤方法的流程图；

图3为本发明实施例三的换肤方法的流程图。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图详予说明。

本发明最关键的构思在于：记录用户对功能模块的编辑操作，生成配置文件，并根据配置文件更新待布局界面；为布局位置分配唯一标识，并根据布局位置的唯一标识为皮肤资源命名，实现基于布局位置的换肤。

请参阅图1，一种界面自定义方法，包括：

通过预设的可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件；

根据所述配置文件，更新待布局界面。

从上述描述可知，本发明的有益效果在于：使得用户可根据自己的操作习惯及喜好，选择需要的功能模块，实现自主对界面功能模块进行布局，从而提高用户的操作体验和使用体验。

进一步地，所述功能模块为预设的一级功能模块和/或二级以上的功能模块。

由上述描述可知，用户不仅可通过可视化配置界面，在界面中配置一级功能模块，还可以将用户常用的各功能模块的二级以上的子模块配置到待布局界面，从而实现了用户可快速找到个人常用的功能模块，提高用户体验。

进一步地，所述编辑操作包括新增、删除和排序中的至少一种；所述配置文件包括各功能模块的配置信息，所述配置信息包括从属信息、点击响应信息以及控件参数中的至少一种，所述控件参数包括显示位置、控件宽度和控件高度。

进一步地，所述根据所述编辑操作，生成配置文件之后，进一步包括：

保存所述配置文件后，触发所述待布局界面的更新。

由上述描述可知，在保存配置文件立即对待布局界面进行更新，使用户可尽快看到自定义布局后的界面。

进一步地，所述根据所述配置文件，更新所述待布局界面具体为：

解析所述配置文件，获取各功能模块的配置信息；

根据所述配置信息，更新所述待布局界面。

由上述描述可知，配置文件可保存为Json形式，便于解析。

进一步地，还包括：

分别为待布局界面上的各布局位置分配唯一标识；

下载皮肤资源包，所述皮肤资源包包括背景皮肤及皮肤资源，并将所述皮肤资源存储至预设的目录，所述皮肤资源的资源名称中包含一布局位置的唯一标识；

在更新所述待布局界面的过程中，或接收到换肤指令后，从所述预设的目录中获取所述皮肤资源，并分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源。

由上述描述可知，可实现基于功能模块位置的换肤，且换肤过程中，在视觉上无明显异常。

进一步地，所述在更新所述待布局界面的过程中，或接收到换肤指令后，还包括：

将当前待布局界面的背景皮肤替换为所述皮肤资源包中的背景皮肤。

由上述描述可知，可实现待布局界面的全局换肤。

进一步地，所述皮肤资源包中的皮肤资源的数量与待布局界面的布局位置数量一致。

由上述描述可知，可保证全局匹配的换肤效果。

进一步地，所述分别为待布局界面上的各布局位置分配唯一标识之后，还包括：

分别在预设的布局位置上添加一一对应的占位图，并根据占位图所处的布局位置的唯一标识，生成占位图的资源名称，所述预设的布局位置为布局有功能模块的布局位置或唯一标识属于预设的标识白名单的布局位置。

进一步地，所述分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

分别将所述皮肤资源的资源名称与占位图的资源名称进行匹配；

若一皮肤资源的资源名称与一占位图的资源名称匹配，则将所述一占位图替换为所述一皮肤资源。

由上述描述可知，通过设置占位图，并基于占位图实现换肤，由于布局中的原始资源的名称未修改，且布局中的原始资源名称与功能模块名称一一对应。因此，通过上述方案，当需要恢复原始皮肤时，只需要恢复背景皮肤及通过功能模块名称使得功能模块的图标恢复原始资源，使得后续可方便进行皮肤还原。

进一步地，所述若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，且所述一布局位置上布局有功能模块，则将处于所述一布局位置上的功能模块的原始皮肤资源替换为所述一皮肤资源。

由上述描述可知，可只对布局有功能模块的布局位置进行换肤。

本发明还提出一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上所述的步骤。

实施例一

请参照图1，本发明的实施例一为：一种界面自定义方法，可应用于对点歌界面的自定义编辑，包括如下步骤：

S101：为待布局界面设置可视化配置界面。用户可在可视化配置界面上触发功能模块的新增、删除和排序，并可根据功能模块的不同归属，在一级模块下继续添加二级模块、三级模块等多级模块。

本实施例中，可视化配置界面可包括待布局界面的预览界面和模块选择界面，可通过删除预览界面中的功能模块实现该功能模块的删除；通过在模块选择界面选择不同的层级，展示不同层级的功能模块，并将展示的功能模块添加到预览界面，实现功能模块的新增；通过在预览界面调整功能模块的布局位置，实现功能模块的排序。

通过上述的方式，可将一些用户常用的功能模块的二级以上的子模块配置到首页，从而方便用户使用，提高用户体验。例如，在一个点歌系统中，有个功能模块为点歌模块，该点歌模块包括以下二级子模块：歌名、歌星、排行、曲种等等。二级子模块曲种又包括以下三级子模块：流行歌曲、情歌对唱、祝福歌曲、舞曲、民族歌曲、革命歌曲、戏曲、摇滚乐等。某个用户是戏曲爱好者，需要将戏曲这个三级子模块配置到首页。通过上述的方法，用户可实现将点歌功能模块的三级子模块“戏曲”配置到首页，从而方便用户直接在首页上点击戏曲功能模块。

S102：通过可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件。

所述配置文件包括各功能模块的配置信息，所述配置信息包括如下信息：1、功能模块的从属关系，即该功能模块具体从属于哪个功能模块；2、功能模块的点击响应信息，即点击了该功能模块会触发何种事件；点击响应信息可以预设设置，也可以根据该功能模块对应的代码得到；3、功能模块的控件参数，即该功能模块显示于屏幕何处，包括显示位置、控件宽度和控件高度，还可以包括控件的图形类型。

进一步地，待布局界面上已经预先设置好固定的布局位置，功能模块的显示位置可以为其所处布局位置的左上角坐标来表示。

生成配置文件后，对其进行保存，保存所述配置文件后，即可触发所述待布局界面的更新。

S103：根据所述配置文件，更新所述待布局界面。具体地，解析所述配置文件，获取各功能模块的配置信息；根据所述配置信息，更新所述待布局界面。

由于配置文件的存储方式为Json格式，因此解析方式即为读取Json文件的信息，获取各功能模块的从属信息和控件参数，通过这些数据进行待布局界面的刷新。

对比传统的点歌界面，本实施例实现了对点歌界面的模块自定义编辑方法，为用户操作提供了个性化的快捷入口，提升了用户体验。

实施例二

请参照图2，本实施例是实施例一的进一步拓展，相同之处不再累述，区别在于，本实施例可实现换肤的功能。

在界面的绘制过程中，换肤功能的原生实现方式是读取自身应用(APK)的资源文件(drawable目录下的资源)，获取该路径的资源文件，并在界面展示该资源文件。

由于换肤功能可拦截布局生成的过程，因此可在布局生成过程中，从云端自动下载最新的皮肤资源，并存入预设的换肤目录，下载的皮肤资源与原皮肤资源同名。由于文件的绝对路径和具体资源名称可以组成唯一的文件路径，因此在换肤功能开启后，会根据该文件路径获取最新的皮肤资源，并进行展示，从而实现换肤的效果。

在上述实现方式中，基于相同资源名称，通过改变资源的获取路径，从而实现换肤，但新的皮肤资源的具体名称必须事先指定，这种换肤方式可能无法满足某些场景的需求。例如，待布局界面的某个布局位置可以显示任意功能模块(意味着具体的皮肤资源文件名称不固定)，但若此时要求该布局位置必须显示某张图片(比如端午节，在用户在某个布局位置配置了功能模块的前提下，要求将该布局位置，即该功能模块的图标固定显示为一张龙舟龙头的图片)，上述换肤的实现方式则无法满足要求，因为该布局位置可以显示任意功能模块，而每个功能模块对应的皮肤资源名称必不相同。

因此，本实施例提出一种基于相同布局位置的换肤方法，具体地，包括如下步骤：

S201：分别为待布局界面上的各布局位置分配唯一标识；可预先在待布局界面上设置固定的布局位置，用户可通过拖动功能模块来将功能模块摆放到某个布局位置上，例如，在手机界面上通过拖动应用图标来自定义应用摆放在哪个布局位置。然后分别为各布局位置分配唯一标识，例如，可从待布局界面的上至下，从左至右的递增顺序，为各布局位置进行编号。

S202：从云端下载皮肤资源包，所述皮肤资源包包括背景皮肤及皮肤资源，并将所述皮肤资源存储至预设的目录，所述皮肤资源的资源名称中包含一布局位置的唯一标识，进一步地，也可以将背景皮肤也存储至预设的目录。优选地，所述皮肤资源的数量与待布局界面的布局位置数量一致。

S203：将当前待布局界面的背景皮肤替换为所述皮肤资源包中的背景皮肤。

S204：从所述预设的目录中获取所述皮肤资源，并分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配。

S205：判断一皮肤资源的资源名称是否与一布局位置的唯一标识匹配，若是，则执行步骤S206。具体地，若一皮肤资源的资源名称中的布局位置的唯一标识与一布局位置的唯一标识相同，则认为该皮肤资源与该布局位置匹配。

S206：将当前处于所述一布局位置上的资源替换为所述一皮肤资源。

其中，对于步骤S204获取的每个皮肤资源，都执行步骤S205-206。步骤S203-S206可在更新待布局界面的过程中，或在接收到换肤指令之后执行。换肤指令可定时触发，也可根据用户的控制，即时触发或指定时间点触发。

通过上述步骤，即可实现基于功能模块位置的换肤，即当要求某个布局位置固定展示某一资源时，无论用户在该布局位置上配置哪个功能模块，都可固定展示该资源，且换肤过程中，在视觉上无明显异常。

实施例三

请参照图3，本实施例是实施例二的换肤方法的另一实现方法，包括如下步骤：

S301：分别为待布局界面上的各布局位置分配唯一标识。可预先在待布局界面上设置固定的布局位置，用户可通过拖动功能模块来将功能模块摆放到某个布局位置上，例如，在手机界面上通过拖动应用图标来自定义应用摆放在哪个布局位置。然后分别为各布局位置分配唯一标识，例如，可从待布局界面的上至下，从左至右的递增顺序，为各布局位置进行编号。

S302：分别在预设的布局位置上添加一一对应的占位图，并根据占位图所处的布局位置的唯一标识，生成占位图的资源名称。可预设标识白名单，在唯一标识属于所述标识白名单的布局位置上设置占位图，从而可以根据需要设置占位图，也可以在每个布局位置上都设置一张占位图。进一步地，可以根据实施例一中的配置文件确定布局有功能模块的布局位置，在这些布局位置上设置占位图。

占位图的资源名称可以以“名称+布局位置的唯一标识”的形式进行命名，例如，XX_0，XX_1，XX_2等，其中“XX”为预设的名称，数字即为布局位置的编号。这种命名方式，使得占位图的名称与其所处的布局位置有关。并且，在制作新的皮肤资源时，根据皮肤资源所要求的布局位置对其进行命名，也就是说，皮肤资源的资源名称中含有其要求所处的布局位置的唯一标识，进一步地，也可根据上述的命名方法进行命名。通过该种方式，使得位于同一布局位置的资源的资源名称是固定的。

S303：从云端下载皮肤资源包，所述皮肤资源包包括背景皮肤以及皮肤资源，并将所述皮肤资源存储至预设的目录，进一步地，也可以将背景皮肤也存储至预设的目录。

优选地，所述皮肤资源的数量与待布局界面的布局位置数量一致。在制作新的皮肤资源时，可根据背景皮肤为各个布局位置设计适配的皮肤资源，使得皮肤资源与背景皮肤匹配不突兀。并且，从上述可知，会根据皮肤资源要求所处的布局位置的唯一标识，为各皮肤资源进行命名。

S304：将当前待布局界面的背景皮肤替换为所述皮肤资源包中的背景皮肤。

S305：从所述预设的目录中获取皮肤资源，并分别将所述皮肤资源的资源名称与占位图的资源名称进行匹配。

S306：判断一皮肤资源的资源名称是否与一占位图的资源名称匹配，若是，则执行步骤S307。具体地，若一皮肤资源的资源名称中的布局位置的唯一标识与一占位图的资源名称中的布局位置的唯一标识相同，则认为该皮肤资源与该占位图匹配。

S307：将所述一占位图替换为所述一皮肤资源。可选地，若所述一皮肤资源的资源名称与所述一占位图的资源名称匹配，且所述一占位图对应的布局位置上布局有功能模块，才将所述一占位图替换为所述一皮肤资源。

其中，对于步骤S305获取的每个皮肤资源，都执行步骤S306-307。另外，步骤S304-S307可在更新待布局界面的过程中，或在接收到换肤指令之后执行。换肤指令可定时触发，也可根据用户的控制，即时触发或指定时间点触发。

通过本实施例，可保证无论用户怎么布局，都可保证界面上的各功能模块均有其对应的且与背景皮肤适配的皮肤资源，实现切换的皮肤与各功能模块的图标在显示上的完全匹配，展示最优的皮肤效果，提高界面显示的美观度，提高用户体验。

实施例四

本实施例是对应上述实施例的一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如下步骤：

通过预设的可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件；

根据所述配置文件，更新待布局界面。

进一步地，所述功能模块为预设的一级功能模块和/或二级以上的功能模块。

进一步地，所述编辑操作包括新增、删除和排序中的至少一种；所述配置文件包括各功能模块的配置信息，所述配置信息包括从属信息、点击响应信息以及控件参数中的至少一种，所述控件参数包括显示位置、控件宽度和控件高度。

进一步地，所述根据所述编辑操作，生成配置文件之后，进一步包括：

保存所述配置文件后，触发所述待布局界面的更新。

进一步地，所述根据所述配置文件，更新所述待布局界面具体为：

解析所述配置文件，获取各功能模块的配置信息；

根据所述配置信息，更新所述待布局界面。

进一步地，还包括：

分别为待布局界面上的各布局位置分配唯一标识；

下载皮肤资源包，所述皮肤资源包包括背景皮肤及皮肤资源，并将所述皮肤资源存储至预设的目录，所述皮肤资源的资源名称中包含一布局位置的唯一标识；

在更新所述待布局界面的过程中，或接收到换肤指令后，从所述预设的目录中获取所述皮肤资源，并分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源。

进一步地，所述皮肤资源包中的皮肤资源的数量与待布局界面的布局位置数量一致。

进一步地，所述分别为待布局界面上的各布局位置分配唯一标识之后，还包括：

分别在预设的布局位置上添加一一对应的占位图，并根据占位图所处的布局位置的唯一标识，生成占位图的资源名称，所述预设的布局位置为布局有功能模块的布局位置或唯一标识属于预设的标识白名单的布局位置。

进一步地，所述分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

分别将所述皮肤资源的资源名称与占位图的资源名称进行匹配；

若一皮肤资源的资源名称与一占位图的资源名称匹配，则将所述一占位图替换为所述一皮肤资源。

进一步地，所述若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，且所述一布局位置上布局有功能模块，则将处于所述一布局位置上的功能模块的原始皮肤资源替换为所述一皮肤资源。

综上所述，本发明提供的一种界面自定义方法及计算机可读存储介质，通过接收用户对各功能模块的编辑操作，生成个性化的界面，使得用户可根据自己的操作习惯，对界面进行布局，从而提高用户的操作体验和使用体验。可以在显示界面个性化的选择用户想要的功能模块，从而使界面显示的功能模块更符合用户的需要，满足个性化的需求，提高用户体验。可实现基于功能模块位置的换肤，即当要求某个布局位置固定展示某一资源时，无论用户在该布局位置上配置哪个功能模块，都可固定展示该资源，且换肤过程中，在视觉上无明显异常。可保证无论用户怎么布局，都可保证界面上的各功能模块均有其对应的且与背景皮肤适配的皮肤资源，实现切换的皮肤与各功能模块的图标在显示上的完全匹配，展示最优的皮肤效果，提高界面显示的美观度，提高用户体验。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (9)

1.一种界面自定义方法，其特征在于，包括：

通过预设的可视化配置界面接收用户对各功能模块的编辑操作，并根据所述编辑操作，生成配置文件；

根据所述配置文件，更新待布局界面；

还包括：

分别为待布局界面上的各布局位置分配唯一标识；

下载皮肤资源包，所述皮肤资源包包括背景皮肤及皮肤资源，并将所述皮肤资源存储至预设的目录，所述皮肤资源的资源名称中包含一布局位置的唯一标识；

在更新所述待布局界面的过程中，或接收到换肤指令后，从所述预设的目录中获取所述皮肤资源，并分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源。

2.根据权利要求1所述的界面自定义方法，其特征在于，所述功能模块为预设的一级功能模块和/或二级以上的功能模块。

3.根据权利要求1或2所述的界面自定义方法，其特征在于，所述编辑操作包括新增、删除和排序中的至少一种；所述配置文件包括各功能模块的配置信息中的至少一种，所述配置信息包括从属信息、点击响应信息以及控件参数，所述控件参数包括显示位置、控件宽度和控件高度。

4.根据权利要求1所述的界面自定义方法，其特征在于，所述在更新所述待布局界面的过程中，或接收到换肤指令后，还包括：

将当前待布局界面的背景皮肤替换为所述皮肤资源包中的背景皮肤。

5.根据权利要求1所述的界面自定义方法，其特征在于，所述皮肤资源包中的皮肤资源的数量与待布局界面的布局位置数量一致。

6.根据权利要求1所述的界面自定义方法，其特征在于，所述分别为待布局界面上的各布局位置分配唯一标识之后，还包括：

分别在预设的布局位置上添加一一对应的占位图，并根据占位图所处的布局位置的唯一标识，生成占位图的资源名称，所述预设的布局位置为布局有功能模块的布局位置或唯一标识属于预设的标识白名单的布局位置。

7.根据权利要求6所述的界面自定义方法，其特征在于，所述分别将所述皮肤资源的资源名称与各布局位置的唯一标识进行匹配；若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

分别将所述皮肤资源的资源名称与占位图的资源名称进行匹配；

若一皮肤资源的资源名称与一占位图的资源名称匹配，则将所述一占位图替换为所述一皮肤资源。

8.根据权利要求1所述的界面自定义方法，其特征在于，所述若一皮肤资源的资源名称与一布局位置的唯一标识匹配，则将当前处于所述一布局位置上的资源替换为所述一皮肤资源具体为：

若一皮肤资源的资源名称与一布局位置的唯一标识匹配，且所述一布局位置上布局有功能模块，则将处于所述一布局位置上的功能模块的原始皮肤资源替换为所述一皮肤资源。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8任一项所述的步骤。

Images