一种显示模板的处理方法及装置
技术领域
本申请涉及计算机领域,尤其涉及一种显示模板的处理方法及装置。
背景技术
伴随着互联网的发展,呈现给用户的内容也越来越丰富,尤其是存储资源的不断扩容和网络传输的不断提速,以及显示设备的不断更新换代,工程师设计出越来越多的高质量图像和根据不同节日定制的图像,将这些呈现给用户,为用户提供了更好的视觉感受。比如,网站的改版升级,会将网站内的所有网页中旧版本的小尺寸、低分辨率的图像全部换成大尺寸、高分辨率的图像;当重大节日来临时,会将所有网页中的原有图像换成带有节日特色的图像等;又如,为了适配不同显示尺寸或分辨率的显示设备,服务器或者显示设备自身也会根据显示设备的尺寸和分辨率等,将用户界面(User Interface,UI)中图像进行更换。
在开发环境中,网页模板是源代码,通过编译,生成目标代码,即网页页面中显示的图像、文字等媒体信息;类似的,移动终端的UI,包括图形用户界面(Graphical User Interface,GUI),也是在源代码(UI模板)中通过编译,在UI中显示媒体信息。可以将网页模板和UI模板统称为显示模板,现有技术在显示模板中添加图像的方法是:开发人员在源代码中查找到需要添加图像的显示位置,将图像的引用代码添加在显示位置上;完成编译。类似的,修改图像的方法是:开发人员在编译完成的目标代码中找到需要修改的图像的显示位置,将原图像的引用代码修改为新图像的引用代码,再次完成编译。比如,需要在显示模板中100个不同的显示位置添加图像a,就需要在源代码中分别找到这100个显示位置,在显示位置上逐一添加图像a的引用代码。
类似地,若需要在目标代码中删除图像,也需要开发人员从目标代码中找到需要删除的图像的显示位置,并将该位置的图像的引用代码删除。
发明内容
本申请实施例提供一种显示模板的处理方法,用于提高对于显示模板的处理效率。
本申请实施例提供一种显示模板的处理装置,用于提高对于显示模板的处理效率。
本申请实施例采用下述技术方案:
一种显示模板的处理方法,包括:获取显示位置标识码;从显示模板中,查找包含所述显示位置标识码的显示位置;根据处理指令,对所述显示位置进行处理。
一种显示模板的处理装置,包括:获取单元,用于获取显示位置标识码;查找单元,用于从显示模板中,查找包含所述显示位置标识码的显示位置;处理单元,用于根据处理指令,对所述显示位置进行处理。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
由于可以先利用显示位置标识码,从包含显示位置标识码的显示模板中,准确地查找到显示位置,再根据处理指令,对所述显示位置进行处理。也就是先在源代码中查找到显示位置,再根据处理指令,完成编译过程,生成目标代码。从而解决了人工在显示模板中查找显示位置,再对显示位置进行处理导致的效率低的问题,进而提高了对于显示模板的处理效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1-1为本申请实施例1提供的一种显示模板的处理方法的具体实现流程示意图;
图1-2为本申请实施例提供的图形界面模式下显示模板的示意图;
图1-3为本申请实施例提供的图形界面模式下实际应用中的显示模板的示意图;
图2为本申请实施例2提供的一种显示模板的处理装置的具体结构示意图;
图3为本申请实施例3提供的一种移动终端应用程序中用户界面的图标替换方法的示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
实施例1
实施例1提供了一种显示模板的处理方法,用于提高对于显示模板的处理效率。该方法的具体流程示意图如图1-1所示,包括下述步骤:
步骤11,获取显示位置标识码。
在开发环境中,显示模板在文本模式下是源代码,其中包含所有图像的显示位置的信息。可以根据在显示位置上显示图像内容的不同,使显示位置具有不同的标识码,将该标识码称为显示位置标识码,用于指代显示模板中显示位置的标识;其中,用于显示相同图像的显示位置具有相同的显示位置标识码,可以用于区别显示不同图像的显示位置,还可以方便开发人员查找。如图1-2所示,为一显示模板在图形界面模式下的示意图,其中包含4个用于显示图像的显示位置(显示位置1~显示位置4),可以根据在这些位置显示的图像的内容、大小等特征,分别为这4个显示位置标记不同的显示位置标识码(显示位置标识码1~显示位置标识码4),用于区别这4个不同的显示位置,还可以根据显示位置标识码,方便查找。
该图像的显示位置可以通过设置图像占位符来实现,通过设置图像占位符,可以在添加图像之前确定图像在显示模板上的位置。比如,如图1-3所示,在实际应用中的图形界面模式下,显示模板中有4个图像占位符(图像占位符1~图像占位符4),分别用于显示商标和标题1~标题3,就可以根据这些图像占位符需要显示的图像内容,分别为这4个图像占位符标记不同的图像占位符标识码(logo,title1~title3),当利用图像占位符标识码logo搜索商标的显示位置时,就可以搜索到图像占位符1的位置。
针对步骤11而言,获取显示位置标识码,可以包括:获取输入的显示位置标识码;或在发生触发事件时,生成显示位置标识码。
具体地,
在开发人员参与编译的场景下,可以获取开发人员输入的显示位置标识码。开发人员期望对某些显示位置进行编译,就输入对应的显示位置标识码;比如,如图1-3所示的显示模板为例,想编译源代码中用于显示商标图像的图像占位符1,其图像占位符标识码为“logo”,就输入此图像占位符标识码。
在实现程序的自主编译的场景下,可以在发生触发事件时,生成显示位置标识码。发生触发事件,可以是指检测到系统时间满足特定要求。其中特定要求可以包括:到达指定时刻或处于指定时间段。
比如,指定时刻可以是节日的开始时刻(1月1日00:00,12月25日00:00);处于指定时间段可以是节日的持续时间(农历腊月三十00:00至正月初五24:00)。当到达指定时刻或处于指定时间段,生成显示位置标识码“logo”,以便后续对源代码中的显示商标的显示位置做添加或对目标代码中显示商标的显示位置做修改。
为了提供更好的个性化服务,可以在发生触发事件时,生成显示位置标识码前,获取来自用户的时间设置信息;根据时间设置信息,设置特定要求。比如,获取到移动终端来自用户的时间设置信息为:生日4月2日,则根据生日信息,设置指定时刻(4月2日00:00)或指定时间段(4月2日00:00至24:00)。然后,当到达指定时刻或处于指定时间段,生成显示位置标识码“logo”。
步骤12,从显示模板中,查找包含显示位置标识码的显示位置。
在步骤11中,介绍了根据在显示位置上显示图像内容等特征,为显示位置标记不同的显示位置标识码,用于区别不同显示位置,还可以根据显示位置标识码,方便查找。
所以,针对步骤12而言,就可以利用显示位置标识码,准确地查找到所有包含显示位置标识码的显示位置。比如,依旧以如图1-3的显示模板为例,假如一个网站中,有若干个这样的显示模板(网页模板),每一页都需要显示同一个商标,利用“logo”图像占位符标识码,就可以在源代码中,准确地查找到所有图像占位符1。
此步骤中,由于显示位置标识码是能够指代显示模板中显示位置的唯一标识,所以才能在源代码(或目标代码)中,不受其他代码的干扰,利用显示位置标识码准确地查找到所有对应的显示位置,对于本方案解决的问题,起到了非常重要的作用。此外,基于该思路,也可以查找到视频显示位置、音频播放位置等媒体信息在显示模板中的位置。
步骤13,根据处理指令,对所述显示位置进行处理。
在步骤12中,利用显示位置标识码查找到显示位置后,就可以通过执行步骤13,根据处理指令,对所述显示位置进行处理。
针对步骤13而言,根据处理指令,对所述显示位置进行处理,可以包括:根据处理指令,删除显示位置上的图像。
具体地,删除显示位置上的图像是指可以通过执行步骤12,查找到包含显示位置标识码的显示位置后,将显示位置上引用的图像删除掉。比如,需要删除“返回”图标(该图标的图像占位符标识码为“back”),就先根据图像占位符标识码“back”查找到所有用于显示“返回”图标的图像占位符,再将所有图像占位符上的引用代码删除。
针对步骤13进一步而言,根据处理指令,对所述显示位置进行处理,可以包括:根据处理指令,将待显示图像添加到所述显示位置。将待显示图像添加到显示位置,可以包括:选取待显示图像;将选取的待显示图像,添加到显示位置上。
为了方便选取待显示图像,一般地,会将显示位置与图像集合路径建立映射关系。比如,某一用于显示网站“商标”的图像占位符,与指定路径下的“商标图标”文件夹建立映射,文件夹中有不同类型(不同节日、不同分辨率、不同设计风格)的商标图标,每个图标都有一个文件名,每次添加商标或替换商标时,都会引用图标文件名,在商标图标文件夹中找到指定的商标图标,在源代码中添加或在目标代码中替换。
所以,在选取待显示图像,可以包括:获取图像标识码;根据图像标识码,选取待显示图像。其中,图像标识码包括:图像唯一标识码。
具体地,图像标识码是查找指定图像的依据,图像标识码可以由图像唯一标识码组成(简称“唯一标”),比如,某一商标图标的唯一标为logo,文件名就可以为“logo.png”。可以根据唯一标组成的图像标识码,选取待显示图像。
在实际应用中,为了提供不同的视觉效果,往往表达一个内容(logo、back、enter等)的图像会有多种类型,所以图像标识码,还包括图像分辨率标识码;图像尺寸标识码;图像格式标识码;图像风格标识码中的至少一种。其中,图像分辨率标识码(简称“分辨率标”)代表特定的分辨率,比如:1080、720、2K等;图像比例标识码(简称“比例标”)代表特定的比例,比如:1:1、16:9等,不同比例的图像主要为了适配移动终端不同比例的屏幕;图像格式标识码(简称“格式标”)代表特定的格式,比如,位图,是最小单位由像素构成的图,缩放会失真,格式包括bmp、jpg、png、gif等,矢量图,是缩放不失真的图像格式,格式包括:dwg、ai等;图像风格标识码(简称“风格标”),代表特定的设计风格,比如,official官方、simple简约、beautiful华丽、spring春、new year新年、chritmas圣诞等。
利用不同的图像标识码,就可以将具备同一图像唯一标识码的不同图像进行分类,以便调取。
为了根据节日来对图像进行分类,就需要图像标识码中包含风格标,比如不同节日的logo图标会有“new year-logo、chritmas-logo”等图像标识码。
类似的,为了对图像进行细化分类,可以利用唯一标、分辨率标、比例标、格式标以及风格标组成图像标识码,比如:1080-jpg-16:9-official-logo。
为了适配不同的智能终端的屏幕,会设计出不同分辨率的图像。比如,以logo图标为例,也就会有不同的图像标识码,如1080-jpg-official-logo、720-png-official-logo、2K-svg-official-logo。当显示设备的分辨率很高时(1920×1080),就可以将高分辨率的图标(1080-jpg-official-logo.jpg)添加到logo的图像占位符上。
所以,为了选取出适配不同智能终端屏幕的图像,选取待显示图像,可以包括:获取显示设备的特征;根据所述特征,选取适用于所述显示设备的待显示图像。其中,显示设备的特征可以但不限于包括:显示设备的型号;显示设备屏幕的尺寸、比例、分辨率等。
具体地,可以直接获取显示设备屏幕的尺寸、比例、分辨率等,也可以先获取显示设备的型号,再根据型号,查找到该型号对应屏幕的尺寸、比例、分辨率等。为了减少查找的工作量,可以建立数据库,用于保存显示设备的型号、及其对应屏幕的尺寸、比例、分辨率等信息。在获取到显示设备的特征后,根据显示设备的特征,选取适用于所述显示设备的待显示图像。比如,获取到显示设备为iphone 6Plus,根据型号,查找到对应的屏幕分辨率为1920×1080,再根据该分辨率,选取适用于该屏幕的logo图标“1080-jpg-official-logo.jpg”。
需要说明的是,由于图像标识码中包括至少由唯一标组成,所以在选取图像时,可以根据实际情况增加或减少选取条件,这取决于图像类型的多少,比如可以根据风格标和唯一标选取不同风格的图像,也可以根据风格标、唯一标以及分辨率标,选取适用于不同显示设备的不同风格的图像。
在选取到待显示图像后,再将选取的待显示图像,添加到显示位置上。可以在显示位置上,添加待显示图像的路径,也可以在显示位置上,添加待显示图像的代码。
具体地,如果选取的位图,可以直接在显示位置上,添加待显示图像的路径,比如,选取了png图标文件,就直接在图像占位符上添加该文件的引用代码;如果选取的是矢量图,可以在显示位置上,添加待显示图像的代码,比如,以可缩放矢量图形(Scalable Vector Graphics,SVG)为例,SVG是基于可扩展标记语言(Extensible Markup Language,XML)的格式,可以将SVG中的代码直接添加到图像占位符上,在网页发布时,对该图像进行渲染。
需要说明的是,本实施例虽然是提供了一种图像的添加和删除方法,但在实际应用中,还可以作为一种图像的替换方法,由于思路一致,所以不再赘述。
采用实施例1提供的该方法,由于可以先利用显示位置标识码,从包含显示位置标识码的显示模板中,准确地查找到显示位置,再根据处理指令,对所述显示位置进行处理。也就是先在源代码中查找到显示位置,再根据处理指令,完成编译过程,生成目标代码。从而解决了人工在显示模板中查找显示位置,再对显示位置进行处理导致的效率低的问题,进而提高了对于显示模板的处理效率。
需要说明的是,实施例1所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法的各步骤也可以由不同设备作为执行主体。比如,步骤11和步骤12的执行主体可以为设备1,步骤13的执行主体可以为设备2;又比如,步骤11的执行主体可以为设备1,步骤12和步骤13的执行主体可以为设备2;等等。
实施例2
基于相同的发明构思,实施例2提供了一种图像的添加装置,用于提高图像的添加效率。如图2所示,该图像的添加装置包括:
获取单元21,可以用于获取显示位置标识码;
查找单元22,可以用于从显示模板中,查找包含所述显示位置标识码的显示位置;
处理单元23,可以用于根据处理指令,对所述显示位置进行处理。
在一种实施方式中,处理单元23,可以用于:
根据处理指令,将待显示图像添加到所述显示位置;或
根据处理指令,删除所述显示位置上的图像。
在一种实施方式中,获取单元21,可以用于:获取输入的显示位置标识码;或在发生触发事件时,生成显示位置标识码。
在一种实施方式中,发生触发事件,可以包括:检测到系统时间满足特定要求;特定要求包括:到达指定时刻;或处于指定时间段。
在一种实施方式中,获取单元21,还可以用于:在发生触发事件时,生成显示位置标识码前,获取来自用户的时间设置信息;根据时间设置信息,设置特定要求。
在一种实施方式中,处理单元23,可以用于:选取待显示图像;将选取的待显示图像,添加到所述显示位置上。
在一种实施方式中,处理单元23,可以用于:获取图像标识码;其中,图像标识码包括:图像唯一标识码;根据图像标识码,选取待显示图像。
在一种实施方式中,图像标识码,还包括至少一种:图像分辨率标识码;图像比例标识码;图像格式标识码;图像风格标识码。
在一种实施方式中,处理单元23,可以用于:获取显示设备的特征;根据所述特征,选取适用于所述显示设备的待显示图像。
在一种实施方式中,显示位置标识码,包括:用于指代显示模板中显示位置的标识;其中,用于显示相同图像的显示位置具有相同的显示位置标识码。
采用实施例2提供的该装置,由于可以先利用显示位置标识码,从包含显示位置标识码的显示模板中,准确地查找到显示位置,再根据处理指令,对所述显示位置进行处理。也就是先在源代码中查找到显示位置,再根据处理指令,完成编译过程,生成目标代码。从而解决了人工在显示模板中查找显示位置,再对显示位置进行处理导致的效率低的问题,进而提高了对于显示模板的处理效率。
实施例3
基于相同的发明构思,实施例3提供了一种移动终端应用程序中用户界面的图标替换方法,用于在节日来临时,为用户提供符合节日气氛的用户界面。假设执行主体是移动终端,该方法的示意图如图3所示,包括下述步骤:
步骤31,检测到系统日期为1月1日(1/1),生成商标(logo)的图像占位符标识码“logo”。
步骤32,根据图像占位符标识码“logo”,查找到用户界面(UI)的目标代码中有10个图像占位符。
步骤33,获取添加在“logo”图像占位符上引用的图标文件为“official-logo.jpg”,解析该图标的图标标识码为“official-logo”,其中包括风格标识码official和唯一标识码logo。
步骤34,根据唯一标识码logo,从下表1中获取logo图标对于不同日期的显示方案,根据日期(1/1),获取到的显示方案为“new year”,对应的图标标识码为“new year-logo”,对应的图标文件为“new year-logo.jpg”。
日期Date |
显示方案Design |
图标标识码Icon ID |
图标文件名Name |
1/1 |
new year |
new year-logo |
new year-logo.jpg |
14/2 |
valentine |
valentine-logo |
valentine-logo.bmp |
…… |
…… |
…… |
|
25/12 |
christmas |
christmas-logo |
christmas-logo.gif |
表1
步骤35,将这10个图像占位符上的图标引用代码原来的“official-logo.jpg”修改为“new year-logo.jpg”,完成编译目标代码。
采用实施例3提供的移动终端应用程序中用户界面的图标替换方法,由于先利用图像占位符标识码,准确地查找到图像占位符,再将引用原图像替换为引用新图标。从而解决了人工查找图像占位符,再替换图标导致的替换图标效率低的问题,进而提高了图标的替换效率。此外,还为用户提供符合节日气氛的用户界面。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。