CN116483359A - 一种新拟态绘制方法、装置、电子设备及可读存储介质 - Google Patents
一种新拟态绘制方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN116483359A CN116483359A CN202310453550.8A CN202310453550A CN116483359A CN 116483359 A CN116483359 A CN 116483359A CN 202310453550 A CN202310453550 A CN 202310453550A CN 116483359 A CN116483359 A CN 116483359A
- Authority
- CN
- China
- Prior art keywords
- shadow
- mimicry
- drawable
- new
- bright
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 140
- 230000006870 function Effects 0.000 claims description 24
- 238000004590 computer program Methods 0.000 claims description 17
- 238000012545 processing Methods 0.000 claims description 13
- 238000009877 rendering Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 abstract description 21
- 230000000694 effects Effects 0.000 description 19
- 239000003086 colorant Substances 0.000 description 11
- 230000000007 visual effect Effects 0.000 description 8
- 238000005286 illumination Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000012546 transfer Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computing Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请涉及界面绘制技术领域,提供了一种新拟态绘制方法、装置、电子设备及可读存储介质。该方法包括:获取目标控件的新拟态属性参数;新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;根据新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层;调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层。本申请中新拟态属性参数可随时修改调整,相比参数确定的点9图更为灵活,整个过程不需要预先设置点9图,内存占用较少。
Description
技术领域
本申请涉及界面绘制技术领域,尤其涉及一种新拟态绘制方法、装置、电子设备及可读存储介质。
背景技术
新拟态是图形用户界面使用的一种设计风格,其风格介于扁平和投影之间,目的在于为界面的UI(User Interface,用户界面)元素赋予真实感,UI元素在新拟态中的通常表现为受到单一方向的光源照射时具有凸起或凹陷的立体视觉效果。
目前新拟态的实现方式,多采用点9图切图作为UI元素背景。具体的,点9图切图模拟立体视觉效果中UI元素的阴影部分生成背景图层,将背景图层置于UI元素下层,从而UI元素和背景图层的结合产生立体视觉效果。
这种方法依赖于点9图,点9图需要预先通过额外工具生成,生成后应用的点9图的参数不能随时调整,因此阴影部分的参数例如圆角、颜色无法灵活更改。同时点9图作为控件背景使用,占用内存高且增加APK(Android application package,Android应用程序包)的大小。
因此,如何提供一种解决上述技术问题的方案是目前本领域技术人员需要解决的问题。
发明内容
有鉴于此,本申请实施例提供了一种新拟态绘制方法、装置、电子设备及可读存储介质,以解决现有技术中新拟态实现无法灵活调整的问题。
本申请实施例的第一方面,提供了一种新拟态绘制方法,包括:
获取目标控件的新拟态属性参数;新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
根据新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层;
调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层。
本申请实施例的第二方面,提供了一种新拟态绘制装置,包括:
获取模块,用于获取目标控件的新拟态属性参数;新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
创建模块,用于根据新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
绘制模块,用于根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层;
更新模块,用于调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层。
本申请实施例的第三方面,提供了一种电子设备,包括存储器、处理器以及存储在存储器中并且可在处理器上运行的计算机程序,该处理器执行计算机程序时实现上述方法的步骤。
本申请实施例的第四方面,提供了一种可读存储介质,该可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述方法的步骤。
本申请实施例与现有技术相比存在的有益效果至少包括:本申请实施例通过新拟态属性参数,直接创建亮色阴影可绘制对象和暗色阴影可绘制对象并将这二者绘制到同一个背景图层,背景图层更新于图标界面的下层即实现了新拟态效果,该过程中新拟态属性参数可随时修改调整,相比参数确定的点9图更为灵活,整个过程不需要预先设置点9图,内存占用较少。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1是本申请实施例的一种应用场景的场景示意图;
图2是本申请实施例提供的一种新拟态绘制方法的流程示意图;
图3是本申请实施例提供的一种新拟态绘制方法的绘制效果图;
图4是本申请实施例提供的一种新拟态绘制装置的结构示意图;
图5是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本申请实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本申请的描述。
下面将结合附图详细说明根据本申请实施例的一种新拟态绘制方法、装置、电子设备及可读存储介质。
图1是本申请实施例的应用场景的场景示意图。该应用场景可以包括终端设备101、102和103、服务器104以及网络105。
终端设备101、102和103可以是硬件,也可以是软件。当终端设备101、102和103为硬件时,其可以是具有显示屏且支持与服务器104通信的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等;当终端设备101、102和103为软件时,其可以安装在如上的电子设备中。终端设备101、102和103可以实现为多个软件或软件模块,也可以实现为单个软件或软件模块,本申请实施例对此不作限制。进一步地,终端设备101、102和103上可以安装有各种应用,例如数据处理应用、即时通信工具、社交平台软件、搜索类应用、购物类应用等。
服务器104可以是提供各种服务的服务器,例如,对与其建立通信连接的终端设备发送的请求进行接收的后台服务器,该后台服务器可以对终端设备发送的请求进行接收和分析等处理,并生成处理结果。服务器104可以是一台服务器,也可以是由若干台服务器组成的服务器集群,或者还可以是一个云计算服务中心,本申请实施例对此不作限制。
需要说明的是,服务器104可以是硬件,也可以是软件。当服务器104为硬件时,其可以是为终端设备101、102和103提供各种服务的各种电子设备。当服务器104为软件时,其可以是为终端设备101、102和103提供各种服务的多个软件或软件模块,也可以是为终端设备101、102和103提供各种服务的单个软件或软件模块,本申请实施例对此不作限制。
网络105可以是采用同轴电缆、双绞线和光纤连接的有线网络,也可以是无需布线就能实现各种通信设备互联的无线网络,例如,蓝牙(Bluetooth)、近场通信(Near FieldCommunication,NFC)、红外(Infrared)等,本申请实施例对此不作限制。
需要说明的是,终端设备101、102和103、服务器104以及网络105的具体类型、数量和组合可以根据应用场景的实际需求进行调整,本申请实施例对此不作限制。
图2是本申请实施例提供的一种新拟态绘制方法的流程示意图。图2的新拟态绘制方法可以由图1的终端设备执行。如图2所示,该新拟态绘制方法包括:
S201:获取目标控件的新拟态属性参数;新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
S202:根据新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
S203:根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层;
S204:调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层。
目标控件的新拟态效果表现为受到单一方向的光源照射时凸起或凹陷的立体视觉效果,因此本申请实施例创建一个亮色阴影可绘制对象来模拟目标控件相对光源正面方向的视觉效果,创建一个暗色阴影可绘制对象来模拟目标控件背对光源方向的视觉效果,根据立体视觉效果,亮色阴影可绘制对象、暗色阴影可绘制对象和目标控件的图标,三者位置在重叠时存在一定的偏差,该偏差通过新拟态属性参数中的阴影偏移的值设置。
新拟态效果表现除了立体视觉效果外,其他可调节或设置的内容包括光源的位置和颜色、阴影的面积、形状和颜色等,这些内容均可通过新拟态属性参数进行设置。其中光源位置可由用户自定义指定,也可以预设多个选项供用户选择,通常光源位置设于终端界面的边缘,光源位置的确定进一步规定了目标控件受到的光照方向,为便于用户理解,供用户选择的预设选项可以光照方向的形式表示,例如光照方向包括左上、左下、右上和右下四个光源方向。光源颜色可由用户自定义指定,也可预设多个选项供用户选择。
阴影面积、阴影形状通常与目标控件的面积和形状相关,但并非必须相同,用户可设置根据需求喜好调整新拟态属性参数中的阴影面积和阴影形状,例如对目标控件的面积缩小或放大得到阴影面积,对目标控件的形状进行修改或删减。
阴影颜色通常与光源颜色相关,亮色阴影可绘制对象和暗色阴影可绘制对象的阴影颜色与光源颜色相近,但亮色阴影可绘制对象的阴影颜色通常比光源颜色的明度更高,暗色阴影可绘制对象的阴影颜色通常比光源颜色的明度更低。方便起见,阴影颜色可直接设置与光源颜色绑定,即当新拟态属性参数中的光源颜色被设置,阴影颜色直接根据与光源颜色的预设明度关系确定。除此外,阴影颜色也可以由用户自定义指定,或者,为用户提供根据光源颜色确定的阴影颜色的可选范围,用户在该可选范围内选择阴影颜色。除了光源颜色外,目标控件的图标颜色也可作为阴影颜色的影响因素,通过图标颜色和光源颜色共同确定阴影颜色。
目标控件的新拟态属性参数并不需要持续刷新,当终端设备收到将目标控件设为新拟态的绘制指令,则开始执行本申请实施例的方法,为了提高设置效率,可预设一组或多组新拟态属性参数,每组新拟态属性参数中预设了各参数的数值,不同组对应不同参数,每组新拟态属性参数可看作是一个用户可选的配置样式,例如日间样式、夜间样式、护眼样式或用户预先保存的预设个性化样式。此时步骤S201获取目标控件的新拟态属性参数的过程包括:
获取用户指定样式;用户指定样式为日间样式、夜间样式、护眼样式或预设个性化样式;
获取目标控件对应用户指定样式的新拟态属性参数。
在用户指定样式的基础上,已确定的新拟态属性参数还可以进一步被调整和修改,本实施例中允许对新拟态属性参数进行灵活的参数调整。
这里的亮色阴影创建方法、暗色阴影创建方法、混合绘制方法均为预先创建接口文件并在接口文件中定义的方法,按照步骤调用不同的方法,即可实现最后的新拟态视觉效果,如图3所示为三种不同的新拟态属性参数对应的新拟态视觉效果。本实施例绘制过程中不需要预先做好的点9图,直接根据新拟态属性参数即可创建出目标控件需要的背景图层,背景图层与图标界面的结合即可呈现出目标控件的立体视觉效果。
本申请实施例通过新拟态属性参数,直接创建亮色阴影可绘制对象和暗色阴影可绘制对象并将这二者绘制到同一个背景图层,背景图层更新于图标界面的下层即实现了新拟态效果,该过程中新拟态属性参数可随时修改调整,相比参数确定的点9图更为灵活,整个过程不需要预先设置点9图,内存占用较少。
在一些具体的实施例中,根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层之后,调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层之前,还包括:对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理。点9图呈现的视觉效果较为生硬,本实施例通过对背景图层上的图像进行模糊处理后,再将背景图层更新于图标界面的下层,将呈现更为柔和真实的视觉效果。
在一些具体的实施例中,创建的亮色阴影可绘制对象和暗色阴影可绘制对象的对象类型均为渐变可绘制对象GradientDrawable,该对象类型继承自可绘制对象Drawable。Drawable是Android系统中可在画布中绘制对象的一个抽象类,GradientDrawable是Android系统中一种可设置圆角、边框、背景色的可绘制图像实例类型,适用于本实施例中亮色阴影可绘制对象与暗色阴影可绘制对象的使用。
在一些具体的实施例中,根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层的过程,包括:
调用位图对象创建函数Bitmap.createBitmap函数生成一个空的位图对象;
创建画布对象,将位图对象作为输入参数生成画布实例并保存画布状态;
根据阴影偏移确定目标控件与亮色阴影可绘制对象的第一位置关系,并根据第一位置关系调用偏移函数即translation()函数偏移画布实例的位置,然后获取亮色阴影可绘制对象并对亮色阴影可绘制对象调用绘制方法即draw方法,再恢复画布状态,以完成对亮色阴影可绘制对象的绘制;
根据阴影偏移确定目标控件与暗色阴影可绘制对象的第二位置关系,并根据第二位置关系调用偏移函数偏移画布实例的位置,然后获取暗色阴影可绘制对象并对暗色阴影可绘制对象调用绘制方法,再恢复画布状态,以完成对暗色阴影可绘制对象的绘制;
根据当前的画布状态输出相应的位图对象作为背景图层。
其中画布对象Canvas是Android系统中可用于绘制的画布对象,位图对象Bitmap是Android系统中用于存储位图像素信息数据的对象。以上对混合绘制方法作了更为具体的细节描述,除了这种实施方式,也可以选择其他能够达到混合绘制目的的其他实施方式,此处不作限制。
在一些具体的实施例中,对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理的过程,包括:采用图片处理框架RenderScript或应用端栈算法,即Stack算法,对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理。除了这种模糊处理的实施方式,也可以选择其他能够达到模糊处理目的的其他实施方式,此处不作限制。
在一些具体的实施例中,调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层的过程,包括:调用自行无效函数即invalidateSelf(),将背景图层作为背景更新于目标控件的图标界面的下层。该步骤后背景图层更新并显示于目标控件的图标界面的下层,从而实现了当新拟态属性参数更新,目标控件的新拟态效果被触发显示的效果。
在一些具体的实施例中,为了实施完整的新拟态绘制方法,以上所有涉及到的方法和对象均需要提前进行预设置,先创建相关的类和方法,然后再生成实例并用于动态更新,具体的:
(1)创建光源LightSource类,可提供多个可选的光源位置或光照方向,例如内部定义LEFT_TOP、LEFT_BOTTOM、RIGHT_TOP和RIGHT_BOTTOM四个常量,分别表示左上、左下、右上和右下是个光照方向。
(2)创建配置文件NeumorphConfig类,该类可保存新拟态属性参数,并提供设置/获取方法,以便后续对新拟态属性参数的动态更新。
(3)创建阴影轮廓ShadowShape类。
(3.1)首先创建接口文件ShadowShape,在该接口文件中定义如下方法:
setConfig:设置新拟态属性参数,也即NeumorphConfig配置参数;
getLightShadowDrawable:获取亮色阴影可绘制对象;
getDarkShadowDrawable:获取暗色阴影可绘制对象;
generateMixedShadowBitmap:生成亮色阴影可绘制对象与暗色阴影可绘制对象混合后的可绘制对象;
blur:对可绘制图像进行模糊处理,使图像过渡更加自然,效果更为真实;
draw(Canvas canvas):在画布上绘制阴影轮廓。
(3.2)创建NormalShape类,实现ShadowShape接口:
实现setConfig方法:在构造函数中传入NeumorphConfig配置参数,申明成员变量mConfig保存该属性。
实现getLightShadowDrawable方法:创建亮色阴影可绘制对象lightShadowDrawable,其声明的对象类型为GradientDrawable,根据新拟态属性参数设置可绘制对象的颜色、轮廓、圆角、边框大小等参数,完成lightShadowDrawable对象的初始化。
实现getDarkShadowDrawable方法:同理,创建暗色阴影可绘制对象darkShadowDrawable,其与lightShadowDrawable不同之处在于阴影颜色,阴影偏移等属性值不同。
实现generateMixedShadowBitmap方法:以光照方向左上到右下为例,通过调用系统Bitmap.createBitmap函数生成一个空的shadowBitmap对象,创建Canvas画布对象,shadowbitmap对象作为输入参数,生成画布实例,首先保存Canvas画布状态,调用偏移函数translation(x,y)偏移画布,获取lightShadowDrawable对象,调用其lightShadowDrawable.draw方法,再恢复画布状态即完成亮色阴影图层的绘制,同理调用系统函数translation(x,y)偏移画布,获取darkShadowDrawable对象,并调用darkShadowDrawable.draw方法,再恢复画布状态即完成暗色阴影图层的绘制,此时整个画布状态已完成两个图层的混合,可输出为位图对象。
实现blur方法:Android系统中对图像进行模糊处理,可采用系统的RenderScript框架或者纯应用端Stack算法完成对图像的模糊处理。
实现draw方法:在上文调用lightShadowDrawable.draw方法或调用darkShadowDrawable.draw方法时生成的shadowBitmap对象的draw方法,可完成亮色图层和暗色图层的错位重叠绘制。
(4)创建NeumorphDrawable类并继承Drawable可绘制对象:
在NeumorphDrawable类中定义成员变量NeumorphConfig配置参数和阴影shadowShape,在其构造函数中完成初始化并生成实例对象;
重新调整draw(Canvas canvas)方法,以达到在draw(Canvas canvas)方法中调用shadowShape.draw方法即可完成阴影图层的绘制的目的;
重新调整onBoundsChange()/onStateChange()方法,该方法表示可绘制对象状态发生变化,通过对该方法的调整来达到调用系统函数invalidateSelf()重新进行绘制的目的;
在该类中新增对配置文件的修改方法,方便对其显示效果的动态更新。
(5)生成NeumorphDrawable实例并设置到控件的背景
生成NeumorphDrawable实例,由于Android系统的控件都是继承自View,View都具有setBackground方法,故对目标空间的新拟态属性进行配置后设置调用控件的setBackground()方法,新拟态UI效果即可生效。
(6)UI效果动态更新:
根据步骤(4)的描述,由于NeumorphDrawable对象中已声明并创建NeumorphConfig对象,故创建对应的getNeumorphConfig函数或setNeumorphConfig函数提供给外部进行调用,外部对属性进行自定义配置后(参考步骤(2)),传入更新后的NeumorphConfig对象,NeumorphDrawable再根据最新的NeumorphConfig进行对应的绘制即可完成该UI的动态更新。
通过调用setNeumorphConfig方法可实现属性的更新,该方法内部可调用NeumorphDrawable.InvalidateSele()函数触发控件重绘,完成界面的更新。
对于不同的应用场景,由于需要实现的效果不同,故目标控件对新拟态UI所需的属性参数可能不同,但属性参数的更新步骤与其他应用场景保持一致,一般步骤都为目标控件通过getBackground方法获取到对应的背景NeumorphDrawable对象,再进一步获取或者创建NeumorphConfig对象,对其属性进行设置后,调用setNeumorphConfig方法即可完成属性的动态更新。
对于多个应用场景下UI风格的切换,可考虑不同场景使用不同的NeumorphConfig配置文件,每个配置文件可根据实际需要定义不同属性,采用预定义的方式声明多套配置文件,在进行场景切换时通过遍历控件调用setNeumorphConfig切换相应的配置文件完成不同场景下的UI切换展示。
以上描述以Android系统作为本申请实施例的实施背景,实际上本申请实施例并不受系统架构、程序语言、终端设备型号的限制,具有优良的兼容性。本申请实施例的方法采用动态绘制的方法实现,基本不影响安装包大小,且占用内存较少。
本申请实施例通过新拟态属性参数,直接创建亮色阴影可绘制对象和暗色阴影可绘制对象并将这二者绘制到同一个背景图层,背景图层更新于图标界面的下层即实现了新拟态效果,该过程中新拟态属性参数可随时修改调整,相比参数确定的点9图更为灵活,整个过程不需要预先设置点9图,内存占用较少。
上述所有可选技术方案,可以采用任意结合形成本申请的可选实施例,在此不再一一赘述。应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
图4是本申请实施例提供的一种新拟态绘制装置,如图4所示,该装置包括:
获取模块401,用于获取目标控件的新拟态属性参数;新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
创建模块402,用于根据新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
绘制模块403,用于根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层;
更新模块404,用于调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层。
本申请实施例通过新拟态属性参数,直接创建亮色阴影可绘制对象和暗色阴影可绘制对象并将这二者绘制到同一个背景图层,背景图层更新于图标界面的下层即实现了新拟态效果,该过程中新拟态属性参数可随时修改调整,相比参数确定的点9图更为灵活,整个过程不需要预先设置点9图,内存占用较少。
在一些具体的实施例中,绘制模块403根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层之后,调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层之前,还用于:
对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理。
在一些具体的实施例中,对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理的过程,包括:
采用图片处理框架或应用端栈算法,对背景图层上的亮色阴影可绘制对象与暗色阴影可绘制对象的图像进行模糊处理。
在一些具体的实施例中,创建的亮色阴影可绘制对象和暗色阴影可绘制对象的对象类型均为渐变可绘制对象。
在一些具体的实施例中,调用控件重绘方法,将背景图层作为背景更新于目标控件的图标界面的下层的过程,包括:
调用自行无效函数,将背景图层作为背景更新于目标控件的图标界面的下层。
在一些具体的实施例中,获取目标控件的新拟态属性参数的过程,包括:
获取用户指定样式;用户指定样式为日间样式、夜间样式、护眼样式或预设个性化样式;
获取目标控件对应用户指定样式的新拟态属性参数。
在一些具体的实施例中,根据阴影偏移,调用混合绘制方法,将亮色阴影可绘制对象和暗色阴影可绘制对象绘制到同一个背景图层的过程,包括:
调用位图对象创建函数生成一个空的位图对象;
创建画布对象,将位图对象作为输入参数生成画布实例并保存画布状态;
根据阴影偏移确定目标控件与亮色阴影可绘制对象的第一位置关系,并根据第一位置关系调用偏移函数偏移画布实例的位置,然后获取亮色阴影可绘制对象并对亮色阴影可绘制对象调用绘制方法,再恢复画布状态,以完成对亮色阴影可绘制对象的绘制;
根据阴影偏移确定目标控件与暗色阴影可绘制对象的第二位置关系,并根据第二位置关系调用偏移函数偏移画布实例的位置,然后获取暗色阴影可绘制对象并对暗色阴影可绘制对象调用绘制方法,再恢复画布状态,以完成对暗色阴影可绘制对象的绘制;
根据当前的画布状态输出相应的位图对象作为背景图层。
图5是本申请实施例提供的电子设备5的示意图。如图5所示,该实施例的电子设备5包括:处理器501、存储器502以及存储在该存储器502中并且可在处理器501上运行的计算机程序503。处理器501执行计算机程序503时实现上述各个方法实施例中的步骤。或者,处理器501执行计算机程序503时实现上述各装置实施例中各模块/单元的功能。
电子设备5可以是桌上型计算机、笔记本、掌上电脑及云端服务器等电子设备。电子设备5可以包括但不仅限于处理器501和存储器502。本领域技术人员可以理解,图5仅仅是电子设备5的示例,并不构成对电子设备5的限定,可以包括比图示更多或更少的部件,或者不同的部件。
处理器501可以是中央处理单元(Central Processing Unit,CPU),也可以是其它通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。
存储器502可以是电子设备5的内部存储单元,例如,电子设备5的硬盘或内存。存储器502也可以是电子设备5的外部存储设备,例如,电子设备5上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。存储器502还可以既包括电子设备5的内部存储单元也包括外部存储设备。存储器502用于存储计算机程序以及电子设备所需的其它程序和数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,计算机程序可以存储在可读存储介质中,该计算机程序在被处理器执行时,可以实现上述各个方法实施例的步骤。计算机程序可以包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。可读存储介质可以包括:能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是,可读存储介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如,在某些司法管辖区,根据立法和专利实践,可读存储介质不包括电载波信号和电信信号。
以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围,均应包含在本申请的保护范围之内。
Claims (10)
1.一种新拟态绘制方法,其特征在于,包括:
获取目标控件的新拟态属性参数;所述新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
根据所述新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
根据所述阴影偏移,调用混合绘制方法,将所述亮色阴影可绘制对象和所述暗色阴影可绘制对象绘制到同一个背景图层;
调用控件重绘方法,将所述背景图层作为背景更新于所述目标控件的图标界面的下层。
2.根据权利要求1所述的方法,其特征在于,根据所述阴影偏移,调用混合绘制方法,将所述亮色阴影可绘制对象和所述暗色阴影可绘制对象绘制到同一个背景图层之后,调用控件重绘方法,将所述背景图层作为背景更新于所述目标控件的图标界面的下层之前,还包括:
对所述背景图层上的所述亮色阴影可绘制对象与所述暗色阴影可绘制对象的图像进行模糊处理。
3.根据权利要求2所述的方法,其特征在于,对所述背景图层上的所述亮色阴影可绘制对象与所述暗色阴影可绘制对象的图像进行模糊处理的过程,包括:
采用图片处理框架或应用端栈算法,对所述背景图层上的所述亮色阴影可绘制对象与所述暗色阴影可绘制对象的图像进行模糊处理。
4.根据权利要求1所述的方法,其特征在于,创建的所述亮色阴影可绘制对象和所述暗色阴影可绘制对象的对象类型均为渐变可绘制对象。
5.根据权利要求1所述的方法,其特征在于,调用控件重绘方法,将所述背景图层作为背景更新于所述目标控件的图标界面的下层的过程,包括:
调用自行无效函数,将所述背景图层作为背景更新于所述目标控件的图标界面的下层。
6.根据权利要求1所述的方法,其特征在于,所述获取目标控件的新拟态属性参数的过程,包括:
获取用户指定样式;所述用户指定样式为日间样式、夜间样式、护眼样式或预设个性化样式;
获取目标控件对应所述用户指定样式的新拟态属性参数。
7.根据权利要求1至6中任一项所述的方法,其特征在于,根据所述阴影偏移,调用混合绘制方法,将所述亮色阴影可绘制对象和所述暗色阴影可绘制对象绘制到同一个背景图层的过程,包括:
调用位图对象创建函数生成一个空的位图对象;
创建画布对象,将所述位图对象作为输入参数生成画布实例并保存画布状态;
根据所述阴影偏移确定所述目标控件与所述亮色阴影可绘制对象的第一位置关系,并根据所述第一位置关系调用偏移函数偏移所述画布实例的位置,然后获取所述亮色阴影可绘制对象并对所述亮色阴影可绘制对象调用绘制方法,再恢复所述画布状态,以完成对所述亮色阴影可绘制对象的绘制;
根据所述阴影偏移确定所述目标控件与所述暗色阴影可绘制对象的第二位置关系,并根据所述第二位置关系调用偏移函数偏移所述画布实例的位置,然后获取所述暗色阴影可绘制对象并对所述暗色阴影可绘制对象调用绘制方法,再恢复所述画布状态,以完成对所述暗色阴影可绘制对象的绘制;
根据当前的所述画布状态输出相应的所述位图对象作为背景图层。
8.一种新拟态绘制装置,其特征在于,包括:
获取模块,用于获取目标控件的新拟态属性参数;所述新拟态属性参数包括光源位置、光源颜色、阴影面积、阴影形状、阴影颜色、阴影偏移;
创建模块,用于根据所述新拟态属性参数,调用亮色阴影创建方法创建亮色阴影可绘制对象,调用暗色阴影创建方法创建暗色阴影可绘制对象;
绘制模块,用于根据所述阴影偏移,调用混合绘制方法,将所述亮色阴影可绘制对象和所述暗色阴影可绘制对象绘制到同一个背景图层;
更新模块,用于调用控件重绘方法,将所述背景图层作为背景更新于所述目标控件的图标界面的下层。
9.一种电子设备,包括存储器、处理器以及存储在所述存储器中并且可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述方法的步骤。
10.一种可读存储介质,所述可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310453550.8A CN116483359B (zh) | 2023-04-25 | 2023-04-25 | 一种新拟态绘制方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310453550.8A CN116483359B (zh) | 2023-04-25 | 2023-04-25 | 一种新拟态绘制方法、装置、电子设备及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116483359A true CN116483359A (zh) | 2023-07-25 |
CN116483359B CN116483359B (zh) | 2024-03-12 |
Family
ID=87215221
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310453550.8A Active CN116483359B (zh) | 2023-04-25 | 2023-04-25 | 一种新拟态绘制方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116483359B (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020022517A1 (en) * | 2000-07-27 | 2002-02-21 | Namco Ltd. | Image generation apparatus, method and recording medium |
US20120038645A1 (en) * | 2009-04-17 | 2012-02-16 | Peder Norrby | Method for adding shadows to objects in computer graphics |
JP2017111719A (ja) * | 2015-12-18 | 2017-06-22 | 株式会社コーエーテクモゲームス | 映像処理装置、映像処理方法、及び映像処理プログラム |
CN110389761A (zh) * | 2018-04-20 | 2019-10-29 | 广州优视网络科技有限公司 | 阴影绘制方法、装置、终端以及计算机可读存储介质 |
US20190384164A1 (en) * | 2017-03-24 | 2019-12-19 | Asml Netherlands B.V. | Method of determining pellicle degradation compensation corrections, and associated lithographic apparatus and computer program |
CN110717969A (zh) * | 2018-07-13 | 2020-01-21 | 阿里巴巴集团控股有限公司 | 一种阴影生成方法和装置 |
CN111652963A (zh) * | 2020-05-07 | 2020-09-11 | 浙江大学 | 一种基于神经网络的增强现实绘制方法 |
CN111790150A (zh) * | 2020-06-18 | 2020-10-20 | 完美世界(北京)软件科技发展有限公司 | 阴影数据确定方法、装置、设备和可读介质 |
CN111930291A (zh) * | 2020-10-09 | 2020-11-13 | 广州宸祺出行科技有限公司 | 一种在Android平台实现个性化阴影的方法及系统 |
CN113918253A (zh) * | 2021-09-26 | 2022-01-11 | 北京鲸鲮信息系统技术有限公司 | 一种系统栏图标显示方法及装置 |
CN114119818A (zh) * | 2021-11-18 | 2022-03-01 | 洪恩完美(北京)教育科技发展有限公司 | 场景模型的渲染方法、装置及设备 |
WO2022160946A1 (zh) * | 2021-01-28 | 2022-08-04 | 北京字跳网络技术有限公司 | 一种文字的阴影效果处理方法、装置、设备及存储介质 |
CN115774590A (zh) * | 2021-09-07 | 2023-03-10 | Oppo广东移动通信有限公司 | 阴影生成方法及装置、电子设备、存储介质 |
-
2023
- 2023-04-25 CN CN202310453550.8A patent/CN116483359B/zh active Active
Patent Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020022517A1 (en) * | 2000-07-27 | 2002-02-21 | Namco Ltd. | Image generation apparatus, method and recording medium |
US20120038645A1 (en) * | 2009-04-17 | 2012-02-16 | Peder Norrby | Method for adding shadows to objects in computer graphics |
JP2017111719A (ja) * | 2015-12-18 | 2017-06-22 | 株式会社コーエーテクモゲームス | 映像処理装置、映像処理方法、及び映像処理プログラム |
US20190384164A1 (en) * | 2017-03-24 | 2019-12-19 | Asml Netherlands B.V. | Method of determining pellicle degradation compensation corrections, and associated lithographic apparatus and computer program |
CN110389761A (zh) * | 2018-04-20 | 2019-10-29 | 广州优视网络科技有限公司 | 阴影绘制方法、装置、终端以及计算机可读存储介质 |
CN110717969A (zh) * | 2018-07-13 | 2020-01-21 | 阿里巴巴集团控股有限公司 | 一种阴影生成方法和装置 |
CN111652963A (zh) * | 2020-05-07 | 2020-09-11 | 浙江大学 | 一种基于神经网络的增强现实绘制方法 |
CN111790150A (zh) * | 2020-06-18 | 2020-10-20 | 完美世界(北京)软件科技发展有限公司 | 阴影数据确定方法、装置、设备和可读介质 |
CN111930291A (zh) * | 2020-10-09 | 2020-11-13 | 广州宸祺出行科技有限公司 | 一种在Android平台实现个性化阴影的方法及系统 |
WO2022160946A1 (zh) * | 2021-01-28 | 2022-08-04 | 北京字跳网络技术有限公司 | 一种文字的阴影效果处理方法、装置、设备及存储介质 |
CN115774590A (zh) * | 2021-09-07 | 2023-03-10 | Oppo广东移动通信有限公司 | 阴影生成方法及装置、电子设备、存储介质 |
WO2023036089A1 (zh) * | 2021-09-07 | 2023-03-16 | Oppo广东移动通信有限公司 | 阴影生成方法及装置、电子设备、存储介质 |
CN113918253A (zh) * | 2021-09-26 | 2022-01-11 | 北京鲸鲮信息系统技术有限公司 | 一种系统栏图标显示方法及装置 |
CN114119818A (zh) * | 2021-11-18 | 2022-03-01 | 洪恩完美(北京)教育科技发展有限公司 | 场景模型的渲染方法、装置及设备 |
Non-Patent Citations (1)
Title |
---|
姜永丰: "新拟态设计风格崛起背景下移动UI体验设计的趋势研究", 信息科技, no. 9 * |
Also Published As
Publication number | Publication date |
---|---|
CN116483359B (zh) | 2024-03-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110766777B (zh) | 虚拟形象的生成方法、装置、电子设备及存储介质 | |
US20130044123A1 (en) | User-specified image colorization for application user interface | |
CN108170282A (zh) | 用于控制三维场景的方法和装置 | |
US20240193846A1 (en) | Scene rendering method, electronic device, and non-transitory readable storage medium | |
WO2023093291A1 (zh) | 图像处理方法、装置、计算机设备和计算机程序产品 | |
CN109118456A (zh) | 图像处理方法和装置 | |
US20240087219A1 (en) | Method and apparatus for generating lighting image, device, and medium | |
US10445047B2 (en) | Automatic real-time configuration of a multi-head display system | |
CN116483359B (zh) | 一种新拟态绘制方法、装置、电子设备及可读存储介质 | |
CN112686939A (zh) | 景深图像的渲染方法、装置、设备及计算机可读存储介质 | |
JP7422734B2 (ja) | 視覚的ノイズ低減のための深度レイ層 | |
WO2023036089A1 (zh) | 阴影生成方法及装置、电子设备、存储介质 | |
CN108604367A (zh) | 一种显示方法以及手持电子设备 | |
CN113450444B (zh) | 生成光照贴图的方法、装置、存储介质及电子设备 | |
US11055881B2 (en) | System and a method for providing color vision deficiency assistance | |
CN113223128B (zh) | 用于生成图像的方法和装置 | |
CN112162719A (zh) | 显示内容渲染方法及装置、计算机可读介质和电子设备 | |
CN108053436A (zh) | 图片的处理方法、装置、电子设备及图片服务器 | |
CN112164121B (zh) | 撕裂效果图的生成方法和装置、存储介质、电子装置 | |
CN116459516A (zh) | 分屏特效道具生成方法、装置、设备和介质 | |
US20230386097A1 (en) | Tinting material on an interface | |
US20230252611A1 (en) | Generation of three-dimensional (3d) lookup table for tone mapping or other image processing functions | |
CN118170298A (zh) | 壁纸的显示方法、装置和终端设备 | |
CN114367105A (zh) | 模型着色方法、装置、设备、介质和程序产品 | |
CN117611719A (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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20240116 Address after: No. 13 Xingxiang Road, Zengjia Town, High tech Zone, Shapingba District, Chongqing, 400039 Applicant after: Chongqing Selis Phoenix Intelligent Innovation Technology Co.,Ltd. Address before: 610095 No. 2901, floor 29, unit 1, building 1, No. 151, Tianfu Second Street, high tech Zone, China (Sichuan) pilot Free Trade Zone, Chengdu, Sichuan Province Applicant before: Chengdu Thalys Technology Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |