CN112506597B - 软件界面配色方法、装置、计算机设备和存储介质 - Google Patents
软件界面配色方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112506597B CN112506597B CN202011387104.4A CN202011387104A CN112506597B CN 112506597 B CN112506597 B CN 112506597B CN 202011387104 A CN202011387104 A CN 202011387104A CN 112506597 B CN112506597 B CN 112506597B
- Authority
- CN
- China
- Prior art keywords
- color
- picture
- displaying
- page
- target
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种软件界面配色方法、装置、计算机设备和存储介质。所述方法包括:响应于软件定制化请求,显示第一页面,第一页面中包括图片上传控件;响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片;响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色;响应于配色指令,显示配色后的软件界面预览图,软件界面预览图中的界面主色为目标颜色。采用本方法能够实现软件界面自动换肤,提高界面整体风格的协调性。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种软件界面配色方法、装置、计算机设备和存储介质。
背景技术
为了满足用户多样化的需求,一些软件为用户提供了定制化功能,例如自定义软件图标(logo)的功能,然而,用户自定义的图标与软件原有的界面风格在视觉上可能并不匹配,显得图标比较突兀,影响界面外观。
发明内容
基于此,有必要针对上述技术问题,提供一种能够实现软件界面自动换肤的软件界面配色方法、装置、计算机设备和存储介质。
一种软件界面配色方法,所述方法包括:
响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件;
响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;
响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;
响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
一种软件界面配色装置,所述装置包括:
定制化指令响应模块,用于响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件;
图片上传事件响应模块,用于响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;
颜色吸取操作响应模块,用于响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;
配色指令响应模块,用于响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
定制化请求响应模块,用于响应于软件定制化指令,显示第一页面,所述第一页面中包括图片上传控件;
图片上传事件响应模块,用于响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;
颜色吸取操作响应模块,用于响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;
配色指令响应模块,用于响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件;
响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;
响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;
响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件;
响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;
响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;
响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
上述软件界面配色方法、装置、计算机设备和存储介质,响应于软件定制化请求,显示第一页面,第一页面中包括图片上传控件;响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片;响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色;响应于配色指令,显示配色后的软件界面预览图,软件界面预览图中的界面主色为目标颜色。据此,为用户提供了定制化软件图标的功能入口,根据用户上传的图片颜色信息,对软件界面进行相应的配色,实现软件界面自动换肤,解决了定制化后的软件图标与原有界面风格不匹配的问题,提高界面整体风格的协调性。
附图说明
图1为一个实施例中软件界面配色方法的流程示意图;
图2为一个实施例中第一页面的示意图;
图3为一个实施例中第一页面的示意图;
图4为一个实施例中第一页面的示意图;
图5为一个实施例中软件界面配色装置的结构框图;
图6为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在一个实施例中,如图1所示,提供了一种软件界面配色方法,本实施例以该方法应用于终端进行举例说明,终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。本实施例中,该方法包括以下步骤S102至步骤S108。
S102,响应于软件定制化请求,显示第一页面,第一页面中包括图片上传控件。
软件定制化请求用于请求对软件相关界面进行定制化,软件相关界面可以包括软件使用过程会涉及到的展示给用户的界面,例如软件登录界面、软件运行界面等。以空调选型软件为例,用户可以通过安装有空调选型软件的终端访问该空调选型软件,具体可以通过已注册账号登录该空调选型软件,登录成功之后,终端显示该空调选型软件的首页,用户可以在首页相应位置触发软件定制化功能对应的控件,以发起软件定制化请求。
终端接收到该软件定制化请求之后,显示第一页面,可以是从首页跳转到第一页面,也可以是在首页上方浮层显示第一页面,本实施例对此不做限定。第一页面中包括图片上传控件,图片上传控件用于实现图片上传功能。图片上传控件可以是按键或按钮形式,用户通过点击该按键或按钮触发图片上传页面,并通过图片上传页面完成图片上传,图片上传控件还可以是固定区域形式,用户通过将图片拖到该固定区域完成图片上传,本实施例对此不做限定。
S104,响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片。
终端监听到通过图片上传控件触发的图片上传事件,意味着用户上传了图片,图片上传事件对应的目标图片可以是用户上传的图片,也可以是对上传的图片进行了相应处理(例如裁切、放大或缩小)之后的图片。用户上传的图片具体可以是自定义的软件图标(logo),用于在定制化完成后代替软件相关界面中的原有图标,例如软件登录界面中的原有图标、软件运行界面中的原有图标、软件在终端的桌面图标等。
S106,响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色。
颜色吸取操作表示对目标图片中的颜色进行取色的操作,终端显示目标图片之后,用户可以利用取色工具(例如吸色器)在目标图片中进行取色。目标颜色表示从目标图片中选取的颜色,用于在定制化完成后代替软件的原有界面主色。
S108,响应于配色指令,显示配色后的软件界面预览图,软件界面预览图中的界面主色为目标颜色。
配色指令表示根据目标颜色对软件界面进行配色的指令,根据目标颜色对软件界面进行配色具体可以是将软件界面的主色替换成目标颜色。软件界面预览图可以是软件首页的界面主色替换成目标颜色后的预览图,用户可以根据该预览图查看配色是否满意,并进行后续相关操作,例如,若满意,可以发起确认指令,终端接收到确认指令后,将目标颜色实际应用于软件界面中;若不满意,可以发起回到之前步骤的指令,以重新进行取色或重新上传其它图片。
上述软件界面配色方法中,响应于软件定制化请求,显示第一页面,第一页面中包括图片上传控件;响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片;响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色;响应于配色指令,显示配色后的软件界面预览图,软件界面预览图中的界面主色为目标颜色。据此,为用户提供了定制化软件图标的功能入口,根据用户上传的图片颜色信息,对软件界面进行相应的配色,实现软件界面自动换肤,解决了定制化后的软件图标与原有界面风格不匹配的问题,提高界面整体风格的协调性。
在一个实施例中,第一页面中还包括第一图片显示区域;响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片的步骤,具体可以是:响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的目标图片。
如图2所示,提供了一个实施例中第一页面的示意图,该第一页面中包括图片上传控件a和第一图片显示区域A1,第一图片显示区域A1位于图片上传控件a下方,上传的图片会在第一图片显示区域A1中显示,目标图片可以是第一图片显示区域A1中显示的图片。
在一个实施例中,第一页面中还包括第二图片显示区域;响应于通过图片上传控件触发的图片上传事件,还可以包括以下步骤:在第二图片显示区域中显示基于预设尺寸对目标图片进行调整后的图片。
如图2所示,该第一页面中还包括第二图片显示区域A2,第二图片显示区域A2位于第一图片显示区域A1下方,第一图片显示区域A1中显示上传的图片时,第二图片显示区域A2中可以显示对该上传的图片进行了自动尺寸调整后的图片。由于用于不同界面时,软件图标的尺寸可能不一致,因此可以设置多个预设尺寸,将上传的图片自动调整到各个预设尺寸,以满足不同界面的需求。例如,可以将上传的图片自动调整为125*25、240*50和64*64三种尺寸的图片,分别用于软件界面、登录界面和桌面图标。
在一个实施例中,响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的目标图片的步骤,具体可以包括以下步骤:响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的已上传图片;当检测到针对已上传图片的图片处理操作时,在第一图片显示区域中显示图片处理操作对应的处理后图片;当检测到第一页面中触发的进入下一步指令时,将此时第一图片显示区域中显示的图片确定为图片上传事件对应的目标图片。
图片上传事件对应的已上传图片可以理解为上传的原始图片,如图2所示,该第一页面中还提供了对已上传图片进行图片处理操作的功能,可以理解,当用户对第一图片显示区域A1中显示的图片进行图片处理操作时,第一图片显示区域A1中显示的图片会发生变化,终端在检测到图片处理操作时,可以实时显示经过图片处理操作后的图片。图片处理操作可以包括但不限于裁切操作、放大或缩小等,例如用户可以通过已上传图片***的尺寸调整框,对已上传图片进行自定义裁切、放大或缩小。
如图2所示,该第一页面还包括进入下一步指令控件n1,进入下一步指令控件n1被触发时,用于指示当前页面的操作已完成,进入下一步操作。由于第一图片显示区域A1中显示的图片会随着用户的图片处理操作发生变化,而当进入下一步指令控件n1被触发时,意味着此时第一图片显示区域A1中显示的图片为用户确定的图片,从而将此时第一图片显示区域A1中显示的图片作为目标图片,用于后续处理。
在一个实施例中,当检测到第一页面中触发的进入下一步指令时,还可以包括以下步骤:显示第二页面,第二页面中包括第三图片显示区域,在第三图片显示区域中显示目标图片。
如图3所示,提供了一个实施例中第二页面的示意图,该第二页面中包括第三图片显示区域A3,在第三图片显示区域A3中显示上一步中确定的目标图片。当检测到第一页面中触发的进入下一步指令时,显示第二页面,可以是从当前显示的第一页面跳转到第二页面。
在一个实施例中,第二页面中还包括颜色显示区域和吸色器控件;响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色的步骤,具体可以包括以下步骤:当检测到吸色器控件被触发时,显示可移动的吸色器图标;响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的目标颜色。
如图3所示,该第二页面中还包括颜色显示区域A4和吸色器控件k,吸色器控件k用于实现取色功能,颜色显示区域A4用于显示从目标图片中选取的颜色。用户可以通过点击吸色器控件以触发显示可移动的吸色器图标k1,当用户将吸色器图标k1移动到目标图片的相应位置并点击时,终端认为检测到颜色吸取操作,在颜色显示区域A4中显示点击位置处的颜色,即用户所选取的颜色,目标颜色可以是颜色显示区域A4中显示的颜色。
在一个实施例中,响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的目标颜色的步骤,具体可以包括以下步骤:响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的吸取颜色;当检测到可移动的吸色器图标在目标图片上吸取的颜色发生变化时,在颜色显示区域中显示变化后的吸取颜色;当检测到第二页面中触发的进入下一步指令时,将此时颜色显示区域中显示的吸取颜色确定为颜色吸取操作对应的目标颜色。
如图3所示,该第二页面中还包括进入下一步指令控件n2,进入下一步指令控件n2被触发时,用于指示当前页面的操作已完成,进入下一步操作。用户可以通过吸色器图标k1在目标图片上多次取色,以获得最满意的颜色,可以理解,每当吸色器图标k1在目标图片上吸取的颜色发生变化时,颜色显示区域A4中显示的颜色会发生变化,即颜色显示区域A4中显示的是最近一次颜色吸取操作所吸取的颜色。当进入下一步指令控件n1被触发时,意味着此时颜色显示区域A4中显示的颜色为用户确定的颜色,从而将此时颜色显示区域A4中显示的颜色作为目标颜色,用于后续处理。
在一个实施例中,第二页面中还包括色板区域;响应于针对目标图片的颜色吸取操作,还可以包括以下步骤:在色板区域中标记显示目标颜色在色板中的位置。
如图3所示,该第二页面中还包括色板区域A5,用于辅助显示从目标图片中吸取的颜色。颜色显示区域A4中显示吸取的颜色时,色板区域A5中可以同时标记显示该吸取的颜色在色板中的位置,如图3所示,色板区域中用小圆圈标记出该吸取的颜色在色板中的位置,方便用户查看。
在一个实施例中,第二页面中还包括色值显示区域;响应于针对目标图片的颜色吸取操作,还可以包括以下步骤:在色值显示区域中显示目标颜色的色值。
如图3所示,该第二页面中还包括色值显示区域A6,用于显示从目标图片中吸取的颜色的色值。颜色显示区域A4中显示吸取的颜色时,色值显示区域A6中可以同时显示该吸取的颜色的色值,方便用户获知更多的颜色信息。
在一个实施例中,当检测到第二页面中触发的进入下一步指令时,判定为检测到配色指令。
终端检测到第二页面中触发的进入下一步指令时,认为检测到配色指令,从而无需用户再次发起配色指令,即可根据目标颜色对软件界面进行配色。
在一个实施例中,当检测到第二页面中触发的进入下一步指令时,还可以包括以下步骤:显示第三页面;响应于配色指令,显示配色后的软件界面预览图的步骤,具体可以是:响应于配色指令,在第三页面显示配色后的软件界面预览图。
如图4所示,提供了一个实施例中第三页面的示意图,该第三页面中显示配色后的软件界面预览图。该软件界面预览图可以是软件首页的界面主色替换成目标颜色后的预览图,界面主色可以包括界面预设位置的颜色,例如选中状态下字体的颜色、按钮的颜色、图标的颜色等。
在一个实施例中,该方法还可以包括以下步骤:当检测到第三页面中触发的返回上一步指令时,显示第二页面。
如图4所示,该第三页面还包括返回上一步指令控件p1,上一步指令控件p1被触发时,用于指示返回到上一页面。用户若对软件界面预览图不满意,可以点击返回上一步指令控件p1,回到第二页面重新吸取颜色。当检测到第三页面中触发的返回上一步指令时,显示第二页面,可以是从当前显示的第三页面跳转到第二页面。
此外,该第三页面还可以包括确认指令控件c,用户若对软件界面预览图不满意,可以点击确认指令控件c以发起确认指令,终端接收到确认指令后,将目标颜色实际应用于软件界面中以完成软件界面配色,将界面相应位置的图标替换为目标图片,实现软件定制化。
在一个实施例中,该方法还可以包括以下步骤:当检测到第二页面中触发的返回上一步指令时,显示第一页面。
如图3所示,该第二页面还包括返回上一步指令控件p2,上一步指令控件p2被触发时,用于指示返回到上一页面。用户若对软件界面预览图不满意,还可以先回到第二页面,再点击返回上一步指令控件p2,回到第一页面重新上传图片。当检测到第二页面中触发的返回上一步指令时,显示第一页面,可以是从当前显示的第二页面跳转到第一页面。
在一个实施例中,如图2所示,该第一页面中还包括软件名称输入区域b,用户可以在软件名称输入区域b中输入自定义的软件名称,以实现对于软件名称的定制化功能。在一个实施例中,该第一页面中还可以包括机型定制化控件,用户通过点击机型定制化控件以发起机型定制化指令,终端接收到该机型定制化指令之后,从该第一页面跳转到第四页面进行显示,第四页面中包含机组型号信息,用户可以在第四页面中自定义修改机型名称和选择机型等。从而可以满足用户多样化的自定义需求,提升用户体验。
需要说明的是,图2、图3、图4只是示例性的第一页面、第二页面、第三页面的示意图,实际页面中可以包括比图中所示更多或更少的内容或功能控件,显示方式也可以有多种变形方式,并不局限于图中所示。
应该理解的是,虽然上述实施例涉及的各流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,上述实施例涉及的各流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图5所示,提供了一种软件界面配色装置500,包括:定制化请求响应模块510、图片上传事件响应模块520、颜色吸取操作响应模块530和配色指令响应模块540,其中:
定制化请求响应模块510,用于响应于软件定制化请求,显示第一页面,第一页面中包括图片上传控件。
图片上传事件响应模块520,用于响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片。
颜色吸取操作响应模块530,用于响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色。
配色指令响应模块540,用于响应于配色指令,显示配色后的软件界面预览图,软件界面预览图中的界面主色为目标颜色。
在一个实施例中,第一页面中还包括第一图片显示区域;图片上传事件响应模块520在响应于通过图片上传控件触发的图片上传事件,显示图片上传事件对应的目标图片时,具体用于:响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的目标图片。
在一个实施例中,第一页面中还包括第二图片显示区域;图片上传事件响应模块520还用于:响应于通过图片上传控件触发的图片上传事件,在第二图片显示区域中显示基于预设尺寸对目标图片进行调整后的图片。
在一个实施例中,图片上传事件响应模块520在响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的目标图片时,具体用于:响应于通过图片上传控件触发的图片上传事件,在第一图片显示区域中显示图片上传事件对应的已上传图片;当检测到针对已上传图片的图片处理操作时,在第一图片显示区域中显示图片处理操作对应的处理后图片;当检测到第一页面中触发的进入下一步指令时,将此时第一图片显示区域中显示的图片确定为图片上传事件对应的目标图片。
在一个实施例中,该装置还包括页面切换模块,用于当检测到第一页面中触发的进入下一步指令时,显示第二页面,第二页面中包括第三图片显示区域,在第三图片显示区域中显示目标图片。
在一个实施例中,第二页面中还包括颜色显示区域和吸色器控件;颜色吸取操作响应模块530在响应于针对目标图片的颜色吸取操作,显示颜色吸取操作对应的目标颜色时,具体用于:当检测到吸色器控件被触发时,显示可移动的吸色器图标;响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的目标颜色。
在一个实施例中,颜色吸取操作响应模块530在响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的目标颜色时,具体用于:响应于可移动的吸色器图标在目标图片上的颜色吸取操作,在颜色显示区域中显示颜色吸取操作对应的吸取颜色;当检测到可移动的吸色器图标在目标图片上吸取的颜色发生变化时,在颜色显示区域中显示变化后的吸取颜色;当检测到第二页面中触发的进入下一步指令时,将此时颜色显示区域中显示的吸取颜色确定为颜色吸取操作对应的目标颜色。
在一个实施例中,第二页面中还包括色板区域;颜色吸取操作响应模块530还用于:响应于针对目标图片的颜色吸取操作,在色板区域中标记显示目标颜色在色板中的位置。
在一个实施例中,第二页面中还包括色值显示区域;颜色吸取操作响应模块530还用于:响应于针对目标图片的颜色吸取操作,在色值显示区域中显示目标颜色的色值。
在一个实施例中,配色指令响应模块540还用于:当检测到第二页面中触发的进入下一步指令时,判定为检测到配色指令。
在一个实施例中,页面切换模块还用于:当检测到第二页面中触发的进入下一步指令时,显示第三页面。
在一个实施例中,配色指令响应模块540在响应于配色指令,显示配色后的软件界面预览图时,具体用于:响应于配色指令,在第三页面显示配色后的软件界面预览图。
在一个实施例中,页面切换模块还用于:当检测到第三页面中触发的返回上一步指令时,显示第二页面。
在一个实施例中,页面切换模块还用于:当检测到第二页面中触发的返回上一步指令时,显示第一页面。
关于软件界面配色装置的具体限定可以参见上文中对于软件界面配色方法的限定,在此不再赘述。上述软件界面配色装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图6所示。该计算机设备包括通过***总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种软件界面配色方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图6中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述各方法实施例中的步骤。
需要理解的是,上述实施例中的术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (13)
1.一种软件界面配色方法,其特征在于,所述方法包括:
响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件,其中,所述第一页面中还包括第一图片显示区域;
响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片,其中,响应于通过所述图片上传控件触发的图片上传事件,在所述第一图片显示区域中显示所述图片上传事件对应的目标图片;当检测到所述第一页面中触发的进入下一步指令时,还包括:显示第二页面,所述第二页面中包括第三图片显示区域,在所述第三图片显示区域中显示所述目标图片;
响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;所述第二页面中还包括颜色显示区域和吸色器控件;其中,响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色,包括:当检测到所述吸色器控件被触发时,显示可移动的吸色器图标;响应于所述可移动的吸色器图标在所述目标图片上的颜色吸取操作,在所述颜色显示区域中显示所述颜色吸取操作对应的目标颜色;
响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
2.根据权利要求1所述的方法,其特征在于,所述第一页面中还包括第二图片显示区域;响应于通过所述图片上传控件触发的图片上传事件,还包括:在所述第二图片显示区域中显示基于预设尺寸对所述目标图片进行调整后的图片。
3.根据权利要求1所述的方法,其特征在于,响应于通过所述图片上传控件触发的图片上传事件,在所述第一图片显示区域中显示所述图片上传事件对应的目标图片,包括:
响应于通过所述图片上传控件触发的图片上传事件,在所述第一图片显示区域中显示所述图片上传事件对应的已上传图片;
当检测到针对所述已上传图片的图片处理操作时,在所述第一图片显示区域中显示所述图片处理操作对应的处理后图片;
当检测到所述第一页面中触发的进入下一步指令时,将此时所述第一图片显示区域中显示的图片确定为所述图片上传事件对应的目标图片。
4.根据权利要求1所述的方法,其特征在于,响应于所述可移动的吸色器图标在所述目标图片上的颜色吸取操作,在所述颜色显示区域中显示所述颜色吸取操作对应的目标颜色,包括:
响应于所述可移动的吸色器图标在所述目标图片上的颜色吸取操作,在所述颜色显示区域中显示所述颜色吸取操作对应的吸取颜色;
当检测到所述可移动的吸色器图标在所述目标图片上吸取的颜色发生变化时,在所述颜色显示区域中显示变化后的吸取颜色;
当检测到所述第二页面中触发的进入下一步指令时,将此时所述颜色显示区域中显示的吸取颜色确定为所述颜色吸取操作对应的目标颜色。
5.根据权利要求1所述的方法,其特征在于,所述第二页面中还包括色板区域;响应于针对所述目标图片的颜色吸取操作,还包括:在所述色板区域中标记显示所述目标颜色在色板中的位置。
6.根据权利要求1所述的方法,其特征在于,所述第二页面中还包括色值显示区域;响应于针对所述目标图片的颜色吸取操作,还包括:在所述色值显示区域中显示所述目标颜色的色值。
7.根据权利要求4所述的方法,其特征在于,当检测到所述第二页面中触发的进入下一步指令时,判定为检测到所述配色指令。
8.根据权利要求7所述的方法,其特征在于,当检测到所述第二页面中触发的进入下一步指令时,还包括:显示第三页面;
响应于配色指令,显示配色后的软件界面预览图,包括:
响应于配色指令,在所述第三页面显示配色后的软件界面预览图。
9.根据权利要求8所述的方法,其特征在于,还包括:当检测到所述第三页面中触发的返回上一步指令时,显示所述第二页面。
10.根据权利要求1所述的方法,其特征在于,还包括:当检测到所述第二页面中触发的返回上一步指令时,显示所述第一页面。
11.一种软件界面配色装置,其特征在于,所述装置包括:
定制化请求响应模块,用于响应于软件定制化请求,显示第一页面,所述第一页面中包括图片上传控件,其中,所述第一页面中还包括第一图片显示区域;
图片上传事件响应模块,用于响应于通过所述图片上传控件触发的图片上传事件,显示所述图片上传事件对应的目标图片;当检测到所述第一页面中触发的进入下一步指令时,还包括:显示第二页面,所述第二页面中包括第三图片显示区域,在所述第三图片显示区域中显示所述目标图片;
颜色吸取操作响应模块,用于响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色;所述第二页面中还包括颜色显示区域和吸色器控件;其中,响应于针对所述目标图片的颜色吸取操作,显示所述颜色吸取操作对应的目标颜色,包括:当检测到所述吸色器控件被触发时,显示可移动的吸色器图标;响应于所述可移动的吸色器图标在所述目标图片上的颜色吸取操作,在所述颜色显示区域中显示所述颜色吸取操作对应的目标颜色;
配色指令响应模块,用于响应于配色指令,显示配色后的软件界面预览图,所述软件界面预览图中的界面主色为所述目标颜色。
12.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至10中任一项所述的方法的步骤。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至10中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011387104.4A CN112506597B (zh) | 2020-12-01 | 2020-12-01 | 软件界面配色方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011387104.4A CN112506597B (zh) | 2020-12-01 | 2020-12-01 | 软件界面配色方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112506597A CN112506597A (zh) | 2021-03-16 |
CN112506597B true CN112506597B (zh) | 2022-04-08 |
Family
ID=74969090
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011387104.4A Active CN112506597B (zh) | 2020-12-01 | 2020-12-01 | 软件界面配色方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112506597B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113486206B (zh) * | 2021-06-25 | 2024-04-30 | 珠海格力电器股份有限公司 | 选型的自动化配色方法及设备 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105117225A (zh) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | 一种基于安卓***的hmi界面的自定义方法及*** |
CN105468158A (zh) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | 颜色调整方法及移动终端 |
CN106033305A (zh) * | 2015-03-20 | 2016-10-19 | 广州金山移动科技有限公司 | 一种屏幕取色方法及装置 |
CN107133038A (zh) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | 一种应用程序换肤的方法及其装置 |
CN107368231A (zh) * | 2017-06-07 | 2017-11-21 | 深圳市金立通信设备有限公司 | 一种主题处理方法及相关产品 |
CN111435276A (zh) * | 2019-01-14 | 2020-07-21 | 阿里巴巴集团控股有限公司 | 图像处理方法、装置及电子设备 |
CN111596848A (zh) * | 2020-05-09 | 2020-08-28 | 远光软件股份有限公司 | 一种界面取色方法、装置、设备及存储介质 |
CN111897619A (zh) * | 2020-08-14 | 2020-11-06 | 百度时代网络技术(北京)有限公司 | 浏览器页面的显示方法、装置、电子设备及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106873959B (zh) * | 2016-07-12 | 2020-05-19 | 阿里巴巴集团控股有限公司 | 一种软件界面配色方法及装置 |
-
2020
- 2020-12-01 CN CN202011387104.4A patent/CN112506597B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106033305A (zh) * | 2015-03-20 | 2016-10-19 | 广州金山移动科技有限公司 | 一种屏幕取色方法及装置 |
CN105117225A (zh) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | 一种基于安卓***的hmi界面的自定义方法及*** |
CN105468158A (zh) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | 颜色调整方法及移动终端 |
CN107133038A (zh) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | 一种应用程序换肤的方法及其装置 |
CN107368231A (zh) * | 2017-06-07 | 2017-11-21 | 深圳市金立通信设备有限公司 | 一种主题处理方法及相关产品 |
CN111435276A (zh) * | 2019-01-14 | 2020-07-21 | 阿里巴巴集团控股有限公司 | 图像处理方法、装置及电子设备 |
CN111596848A (zh) * | 2020-05-09 | 2020-08-28 | 远光软件股份有限公司 | 一种界面取色方法、装置、设备及存储介质 |
CN111897619A (zh) * | 2020-08-14 | 2020-11-06 | 百度时代网络技术(北京)有限公司 | 浏览器页面的显示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112506597A (zh) | 2021-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11128802B2 (en) | Photographing method and mobile terminal | |
US10268658B2 (en) | Page loading method and system, and computer-readable storage medium | |
CN107632895B (zh) | 一种信息共享方法及移动终端 | |
US9274646B2 (en) | Method and apparatus for selecting text information | |
CN107678644B (zh) | 一种图像处理方法及移动终端 | |
CN107509030B (zh) | 一种对焦方法及移动终端 | |
CN109218819B (zh) | 一种视频预览方法及移动终端 | |
US9229615B2 (en) | Method and apparatus for displaying additional information items | |
CN112130729B (zh) | 页面处理方法、装置、计算机设备和存储介质 | |
US10936187B2 (en) | Electronic album apparatus, and operation method and operation program for the same | |
CN112817376A (zh) | 信息显示方法、装置、电子设备和存储介质 | |
CN111813305A (zh) | 应用程序启动方法及装置 | |
CN112099706A (zh) | 页面展示方法、装置、电子设备及计算机可读存储介质 | |
CN112506597B (zh) | 软件界面配色方法、装置、计算机设备和存储介质 | |
CN113407144B (zh) | 显示控制方法、装置 | |
WO2018196693A1 (zh) | 一种图片列表显示方法及移动终端 | |
CN115617225A (zh) | 应用界面显示方法、装置、电子设备及存储介质 | |
CN107026977B (zh) | 一种动态图像拍摄方法及移动终端 | |
CN111796736B (zh) | 应用程序的分享方法、装置和电子设备 | |
CN110968236A (zh) | 基于网页的截图方法及装置 | |
CN111124246B (zh) | 界面交互方法、设备及存储介质 | |
CN114519212A (zh) | 信息显示方法及装置 | |
CN114115639A (zh) | 界面控制方法、装置、电子设备及存储介质 | |
CN111880707A (zh) | 长截图方法、***、装置、计算机和存储介质 | |
CN112148406A (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 |