CN116126444A - 用户界面图标显示和隐藏的方法、装置、车辆及存储介质 - Google Patents
用户界面图标显示和隐藏的方法、装置、车辆及存储介质 Download PDFInfo
- Publication number
- CN116126444A CN116126444A CN202310064083.XA CN202310064083A CN116126444A CN 116126444 A CN116126444 A CN 116126444A CN 202310064083 A CN202310064083 A CN 202310064083A CN 116126444 A CN116126444 A CN 116126444A
- Authority
- CN
- China
- Prior art keywords
- value
- map
- icon
- gradually
- display threshold
- 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.)
- Pending
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Instructional Devices (AREA)
- User Interface Of Digital Computer (AREA)
- Navigation (AREA)
Abstract
本发明适用于图标显示技术领域,提供了一种用户界面图标显示和隐藏的方法、装置、车辆及存储介质,该方法包括:建立图标的UV贴图,UV贴图中各个位置的UV值不完全相同;判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则将该位置显示为黑色,否则将该位置显示为白色;将UV贴图作为图标的透明通道;逐渐改变显示阈值,以使图标逐渐显示或逐渐隐藏。本发明实现了一种简单的、更具科技感的图标显示方式。
Description
技术领域
本发明属于图标显示技术领域,尤其涉及一种用户界面图标显示和隐藏的方法、装置、车辆及存储介质。
背景技术
当前车机系统功能越来越丰富,参与交互的UI(User Interface,用户界面)图标也越来越多,然而屏幕大小是有限的,不可能将所有图标在一个界面中全部展示给用户,所以会将图标根据功能进行划分,在不同的功能界面展示不同的图标,切换功能界面后则会隐藏之前功能界面的图标,然后显示当前功能界面的图标。目前手机、车机等智能设备上,图标显示方式一般为从外部平移进入、整体透明度渐变显示、直接显示等,图标显示效果较单一。
发明内容
有鉴于此,本发明实施例提供了一种用户界面图标显示和隐藏的方法、装置、车辆及存储介质,以实现一种简单的、更具科技感的图标显示方式。
本发明实施例的第一方面提供了一种用户界面图标显示和隐藏的方法,包括:
建立图标的UV贴图,UV贴图中各个位置的UV值不完全相同;
判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则将该位置显示为黑色,否则将该位置显示为白色;
将UV贴图作为图标的透明通道;
逐渐改变显示阈值,以使图标逐渐显示或逐渐隐藏。
结合第一方面,在第一方面的一种可能的实现方式中,逐渐改变显示阈值以使图标逐渐显示,包括:
逐渐增大显示阈值,以使图标由完全隐藏渐变为完全显示;
其中,显示阈值的初始值小于UV贴图中各个位置的最小UV值,显示阈值的最终值大于UV贴图中各个位置的最大UV值;
结合第一方面,在第一方面的一种可能的实现方式中,逐渐改变显示阈值以使图标逐渐隐藏,包括:
逐渐减小显示阈值,以使图标由完全显示渐变为完全隐藏;
其中,显示阈值的初始值大于UV贴图中各个位置的最大UV值,显示阈值的最终值小于UV贴图中各个位置的最小UV值。
结合第一方面,在第一方面的一种可能的实现方式中,UV贴图中各个位置的UV值不完全相同,包括:
UV贴图中的UV值沿第一方向逐渐增大;
其中,第一方向为UV贴图所在平面上的任意一个方向。
进一步的,在逐渐改变显示阈值的过程中,还包括:
在UV贴图中黑白交界线两侧预设范围内添加噪波贴图。
进一步的,在逐渐改变显示阈值的过程中,还包括:
以第一直线为界,将UV贴图中黑白交界线两侧预设范围内图标的像素等分为两部分,第一直线平行于第一方向;
计算各个像素与第二直线之间的距离,第二直线垂直于第一方向且经过UV贴图中的最小UV值所在的位置;
根据各个像素与第二直线之间的距离确定各个像素的移动距离,并根据移动距离,将第一直线两边的像素分别向远离第一直线的方向移动。
进一步的,根据各个像素与第二直线之间的距离确定各个像素的移动距离,包括:
根据yi=a*(xi-c)确定各个像素的移动距离;
其中,yi为第i个像素的移动距离,xi为第i个像素与第二直线之间的距离,a为预设系数,c为各个像素与第二直线之间的距离中的最小值。
本发明实施例的第二方面提供了一种用户界面图标显示和隐藏的装置,包括:
建立模块,用于建立图标的UV贴图,UV贴图中各个位置的UV值不完全相同;
判断模块,用于判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则该位置显示为黑色,否则该位置显示为白色;
处理模块,用于将UV贴图作为图标的透明通道,以及逐渐改变显示阈值,以使图标逐渐显示或逐渐隐藏。
本发明实施例的第三方面提供了一种车辆,包括电子设备,电子设备包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序,处理器执行计算机程序时实现如上述第一方面以及第一方面的任意一种可能的实现方式中的用户界面图标显示和隐藏的方法的步骤。
本发明实施例的第四方面提供了一种计算机可读存储介质,计算机可读存储介质存储有计算机程序,计算机程序被处理器执行时实现如上述第一方面以及第一方面的任意一种可能的实现方式中的用户界面图标显示和隐藏的方法的步骤。
本发明实施例与现有技术相比存在的有益效果是:
本发明实施例通过建立图标的UV贴图,并将UV贴图中各个位置的UV值设置为不完全相同,且某个位置的UV值大于显示阈值则该位置为黑色透明,否则该位置为白色显示,从而将UV贴图作为图标的透明通道,在显示或隐藏图标时,只需要逐渐改变显示阈值的大小,即可实现渐变显示图标或者渐变隐藏图标的效果,使得图标显示更具科技感,提高了用户体验。并且,相对于传统方式,本实施例不需要制作大量特效,图标更换更加方便;通过修改UV贴图中各个位置的UV值,可以实现不同形式的渐变,可扩展性高。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的用户界面图标显示和隐藏的方法的流程图;
图2是本发明实施例提供的UV贴图的示意图一;
图3是本发明实施例提供的UV贴图的示意图二;
图4是本发明实施例提供的图标展示效果示意图;
图5是本发明实施例提供的用户界面图标显示和隐藏的装置的示意图;
图6是本发明实施例提供的电子设备的示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本发明实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本发明。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本发明的描述。
为了说明本发明所述的技术方案,下面通过具体实施例来进行说明。
图1是本实施例提供的用户界面图标显示和隐藏的方法的实现流程示意图,参见图1所示,该方法包括:
步骤S101,建立图标的UV贴图,UV贴图中各个位置的UV值不完全相同。
在本实施例中,可以使用3D实时引擎工具来实现图标的绘制。“UV”是指u,v纹理贴图坐标的简称,它定义了图片上每个点的位置的信息,这些点与3D模型是相互联系的,以决定表面纹理贴图的位置,UV就是将图像上每一个点精确对应到模型物体的表面,在点与点之间的间隙位置由软件进行图像光滑插值处理,这就是所谓的UV贴图。
对于纹理贴图而言,一张贴图的UV数值范围都是0到1,数值为0时代表黑色,数值为1时代表白色,灰色为0~1之间。在本实施例中,UV贴图中各个位置的UV值可以根据想要的展示效果预先设置,例如由下至上逐渐变小、由下至上逐渐变大、由左至右逐渐变小、由左至右逐渐变大、由中心向四周逐渐变小、由中心向四周逐渐变大等等,本实施例对此不进行限定。
步骤S102,判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则将该位置显示为黑色,否则将该位置显示为白色。
在本实施例中,对各个位置的UV值与显示阈值value进行比较,大于value则取0,小于value则取1,可以得到纯黑、纯白或黑白相间的图。
步骤S103,将UV贴图作为图标的透明通道,逐渐改变显示阈值,以使图标逐渐显示或逐渐隐藏。
在本实施例中,透明通道也称Alpha通道,代表数字图像中像素点的透明信息。白色的Alpha像素用以定义不透明的彩色像素,而黑色的Alpha定义透明像素,黑白之间的灰阶则是彩色图片中的半透明部分。将上一步骤中纯黑、纯白或黑白相间的图作为图标的透明通道,黑色为透明,白色为显示,由于各个位置的UV值不完全相同,通过逐渐改变显示阈值,可以使透明通道各个位置依次由黑变白或由白变黑,从而实现图标的逐渐显示或逐渐隐藏。
一般的,UV贴图中的UV值在0~1之间,通过改变value从0~1变化,value为0时,所有UV值均大于value,Alpha通道为纯黑,图标完全透明。
随着value增大,部分UV值小于value,Alpha通道变为黑白相间,图标逐渐显示。value为1时,所有UV值均小于value,Alpha通道为纯白,图标全部显示。图标隐藏时类似,将value改为从1~0变化即可实现。
可见,本发明实施例通过建立图标的UV贴图,并将UV贴图中各个位置的UV值设置为不完全相同,且某个位置的UV值大于显示阈值则该位置为黑色透明,否则该位置为白色显示,从而将UV贴图作为图标的透明通道,在显示或隐藏图标时,只需要逐渐改变显示阈值的大小,即可实现渐变显示图标或者渐变隐藏图标的效果,使得图标显示更具科技感,提高了用户体验。并且,相对于传统方式,本实施例不需要制作大量特效,图标更换更加方便;通过修改UV贴图中各个位置的UV值,可以实现不同形式的渐变,可扩展性高。
作为一种可能的实现方式中,步骤S103中,逐渐改变显示阈值以使图标逐渐显示,可以详述为:
逐渐增大显示阈值,以使图标由完全隐藏渐变为完全显示;
其中,显示阈值的初始值小于UV贴图中各个位置的最小UV值,显示阈值的最终值大于UV贴图中各个位置的最大UV值;
在本实施例中,显示阈值的初始值小于UV贴图中各个位置的最小UV值,显示阈值的最终值大于UV贴图中各个位置的最大UV值,即开始时透明通道为纯黑,最终透明通道为纯白,通过逐渐增大显示阈值,可以实现透明通道由黑到白的过渡,从而实现图标由完全隐藏渐变为完全显示。
示例性的,UV贴图中的UV值在0~1之间,value从0~1变化。
作为一种可能的实现方式中,步骤S103中,逐渐改变显示阈值以使图标逐渐隐藏,可以详述为:
逐渐减小显示阈值,以使图标由完全显示渐变为完全隐藏;
其中,显示阈值的初始值大于UV贴图中各个位置的最大UV值,显示阈值的最终值小于UV贴图中各个位置的最小UV值。
在本实施例中,显示阈值的初始值大于UV贴图中各个位置的最大UV值,显示阈值的最终值小于UV贴图中各个位置的最小UV值,即开始时透明通道为纯白,最终透明通道为纯黑,通过逐渐减小显示阈值,可以实现透明通道由白到黑的过渡,从而实现图标由完全显示渐变为完全隐藏。
示例性的,UV贴图中的UV值在0~1之间,value从1~0变化。
作为一种可能的实现方式中,UV贴图中各个位置的UV值不完全相同,包括:
UV贴图中的UV值沿第一方向逐渐增大;
其中,第一方向为UV贴图所在平面上的任意一个方向。
在本实施例中,设计了一种图标显示和隐藏方式,即UV贴图中的UV值沿第一方向逐渐增大。当value从0~1变化时,图标沿第一方向逐渐显示;当value从1~0变化时,图标沿与第一方向相反的方向逐渐隐藏。其中,第一方向可以是任意方向,例如从由下至上、由左至右、由左下角至右上角等等。
图2是本实施例提供的一种由下至上显示图标的方式,UV贴图中的UV值由下至上逐渐增大,在显示图标时透明通道也由下至上逐渐变白。同理,在隐藏图标时透明通道由上至下逐渐变黑,实现了由上至下隐藏图标。
进一步的,在逐渐改变显示阈值的过程中,还包括:
在UV贴图中黑白交界线两侧预设范围内添加噪波贴图。
在本实施例中,由于UV贴图中的UV值沿第一方向逐渐增大,因此必然存在黑色与白色的交界线,例如图2所示。通过在黑白交界线附近添加噪波贴图noiseTex(即黑色与白色颗粒混合的图片),可以实现图标在显示与隐藏的交界处有随机的颗粒显示效果,达到一种图标破碎的效果,如图3所示。
进一步的,在逐渐改变显示阈值的过程中,还包括:
以第一直线为界,将UV贴图中黑白交界线两侧预设范围内图标的像素等分为两部分,第一直线平行于第一方向;
计算各个像素与第二直线之间的距离,第二直线垂直于第一方向且经过UV贴图中的最小UV值所在的位置;
根据各个像素与第二直线之间的距离确定各个像素的移动距离,并根据移动距离,将第一直线两边的像素分别向远离第一直线的方向移动。
在本实施例中,以图2、图3中UV值由下至上逐渐增大的UV贴图为例,参见图4所示,第一直线沿上下方向并平行于第一方向,且第一直线将黑白交界线附近L范围内的像素等分为左右两部分,将左半部分的像素向左偏移,将右半部分的像素向右偏移,偏移值可以由下至上逐渐增加,即距离第二直线越近,偏移值越小,反之偏移值越大,从而使图标在显示部分的顶部向两侧扩散,达到破碎粒子是从上方各个角度汇聚的效果。同理,在图标隐藏时,效果为图标的破碎粒子逐渐散开,从而提高了图标显示和隐藏的展示效果。
进一步的,根据各个像素与第二直线之间的距离确定各个像素的移动距离,可以详述为:
根据yi=a*(xi-c)确定各个像素的移动距离;
其中,yi为第i个像素的移动距离,xi为第i个像素与第二直线之间的距离,a为预设系数,c为各个像素与第二直线之间的距离中的最小值。
总体而言,本实施例的图标显示与隐藏的方法具有以下优点:
(1)展示效果更富有科技感,用户体验更好;
(2)可扩展性更高,可以通过参数修改,使图标从下至上显示、从左至右显示、从右至左显示等,且不限于单方向,例如还可以从中心至外缘显示;
(3)不需要制作大量特效,图标更换更加简介,适用性更强。
(4)本方法也可结合图标移动、透明度变化等,组合出新的效果。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
图5是本发明实施例提供的用户界面图标显示和隐藏的装置的结构示意图,参见图5所示,该装置包括:
建立模块51,用于建立图标的UV贴图,UV贴图中各个位置的UV值不完全相同。
判断模块52,用于判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则该位置显示为黑色,否则该位置显示为白色。
处理模块53,用于将UV贴图作为图标的透明通道,以及逐渐改变显示阈值,以使图标逐渐显示或逐渐隐藏。
作为一种可能的实现方式,处理模块53具体用于:
逐渐增大显示阈值,以使图标由完全隐藏渐变为完全显示;
其中,显示阈值的初始值小于UV贴图中各个位置的最小UV值,显示阈值的最终值大于UV贴图中各个位置的最大UV值;
作为一种可能的实现方式,处理模块53具体用于:
逐渐减小显示阈值,以使图标由完全显示渐变为完全隐藏;
其中,显示阈值的初始值大于UV贴图中各个位置的最大UV值,显示阈值的最终值小于UV贴图中各个位置的最小UV值。
作为一种可能的实现方式,UV贴图中各个位置的UV值不完全相同,包括:
UV贴图中的UV值沿第一方向逐渐增大;
其中,第一方向为UV贴图所在平面上的任意一个方向。
进一步的,在逐渐改变显示阈值的过程中,处理模块53还用于:
在UV贴图中黑白交界线两侧预设范围内添加噪波贴图。
进一步的,在逐渐改变显示阈值的过程中,处理模块53还用于:
以第一直线为界,将UV贴图中黑白交界线两侧预设范围内图标的像素等分为两部分,第一直线平行于第一方向;
计算各个像素与第二直线之间的距离,第二直线垂直于第一方向且经过UV贴图中的最小UV值所在的位置;
根据各个像素与第二直线之间的距离确定各个像素的移动距离,并根据移动距离,将第一直线两边的像素分别向远离第一直线的方向移动。
进一步的,根据各个像素与第二直线之间的距离确定各个像素的移动距离,包括:
根据yi=a*(xi-c)确定各个像素的移动距离;
其中,yi为第i个像素的移动距离,xi为第i个像素与第二直线之间的距离,a为预设系数,c为各个像素与第二直线之间的距离中的最小值。
本发明实施例提供了一种车辆,该车辆包括电子设备,电子设备包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序,处理器执行计算机程序时实现如上述的用户界面图标显示和隐藏的方法的步骤。
图6是本发明实施例提供的电子设备60的示意图。如图6所示,该实施例的电子设备60包括:处理器61、存储器62以及存储在所述存储器62中并可在所述处理器61上运行的计算机程序63,例如用户界面图标显示和隐藏的程序。所述处理器61执行所述计算机程序63时实现上述各个用户界面图标显示和隐藏的方法实施例中的步骤,例如图1所示的步骤S101至S103。或者,所述处理器61执行所述计算机程序63时实现上述各装置实施例中各模块的功能,例如图5所示模块51至53的功能。
示例性的,所述计算机程序63可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器62中,并由所述处理器61执行,以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序63在所述电子设备60中的执行过程。
所述电子设备60可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述电子设备60可包括,但不仅限于处理器61、存储器62。本领域技术人员可以理解,图6仅仅是电子设备60的示例,并不构成对电子设备60的限定,可以包括比图示更多或更少的部件,或组合某些部件,或不同的部件,例如电子设备60还可以包括输入输出设备、网络接入设备、总线等。
所称处理器61可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器62可以是所述电子设备60的内部存储单元,例如电子设备60的硬盘或内存。所述存储器62也可以是所述电子设备60的外部存储设备,例如所述电子设备60上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器62还可以既包括所述电子设备60的内部存储单元也包括外部存储设备。所述存储器62用于存储所述计算机程序以及所述电子设备60所需的其他程序和数据。所述存储器62还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中,应该理解到,所揭露的装置/电子设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/电子设备实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种用户界面图标显示和隐藏的方法,其特征在于,包括:
建立图标的UV贴图,所述UV贴图中各个位置的UV值不完全相同;
判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则将该位置显示为黑色,否则将该位置显示为白色;
将所述UV贴图作为所述图标的透明通道;
逐渐改变所述显示阈值,以使所述图标逐渐显示或逐渐隐藏。
2.如权利要求1所述的用户界面图标显示和隐藏的方法,其特征在于,逐渐改变所述显示阈值以使所述图标逐渐显示,包括:
逐渐增大所述显示阈值,以使所述图标由完全隐藏渐变为完全显示;
其中,所述显示阈值的初始值小于所述UV贴图中各个位置的最小UV值,所述显示阈值的最终值大于所述UV贴图中各个位置的最大UV值。
3.如权利要求1所述的用户界面图标显示和隐藏的方法,其特征在于,逐渐改变所述显示阈值以使所述图标逐渐隐藏,包括:
逐渐减小所述显示阈值,以使所述图标由完全显示渐变为完全隐藏;
其中,所述显示阈值的初始值大于所述UV贴图中各个位置的最大UV值,所述显示阈值的最终值小于所述UV贴图中各个位置的最小UV值。
4.如权利要求1所述的用户界面图标显示和隐藏的方法,其特征在于,所述UV贴图中各个位置的UV值不完全相同,包括:
所述UV贴图中的UV值沿第一方向逐渐增大;
其中,所述第一方向为所述UV贴图所在平面上的任意一个方向。
5.如权利要求4所述的用户界面图标显示和隐藏的方法,其特征在于,在逐渐改变所述显示阈值的过程中,还包括:
在所述UV贴图中黑白交界线两侧预设范围内添加噪波贴图。
6.如权利要求5所述的用户界面图标显示和隐藏的方法,其特征在于,在逐渐改变所述显示阈值的过程中,还包括:
以第一直线为界,将所述UV贴图中黑白交界线两侧预设范围内图标的像素等分为两部分,所述第一直线平行于所述第一方向;
计算各个像素与第二直线之间的距离,所述第二直线垂直于所述第一方向且经过所述UV贴图中的最小UV值所在的位置;
根据各个像素与第二直线之间的距离确定各个像素的移动距离,并根据所述移动距离,将第一直线两边的像素分别向远离第一直线的方向移动。
7.如权利要求6所述的用户界面图标显示和隐藏的方法,其特征在于,根据各个像素与第二直线之间的距离确定各个像素的移动距离,包括:
根据yi=a*(xi-c)确定各个像素的移动距离;
其中,yi为第i个像素的移动距离,xi为第i个像素与第二直线之间的距离,a为预设系数,c为各个像素与第二直线之间的距离中的最小值。
8.一种用户界面图标显示和隐藏的装置,其特征在于,包括:
建立模块,用于建立图标的UV贴图,所述UV贴图中各个位置的UV值不完全相同;
判断模块,用于判断各个位置的UV值与显示阈值的大小关系,若某个位置的UV值大于显示阈值则该位置显示为黑色,否则该位置显示为白色;
处理模块,用于将所述UV贴图作为所述图标的透明通道,以及逐渐改变所述显示阈值,以使所述图标逐渐显示或逐渐隐藏。
9.一种车辆,包括电子设备,电子设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述方法的步骤。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310064083.XA CN116126444A (zh) | 2023-01-16 | 2023-01-16 | 用户界面图标显示和隐藏的方法、装置、车辆及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310064083.XA CN116126444A (zh) | 2023-01-16 | 2023-01-16 | 用户界面图标显示和隐藏的方法、装置、车辆及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116126444A true CN116126444A (zh) | 2023-05-16 |
Family
ID=86302439
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310064083.XA Pending CN116126444A (zh) | 2023-01-16 | 2023-01-16 | 用户界面图标显示和隐藏的方法、装置、车辆及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116126444A (zh) |
-
2023
- 2023-01-16 CN CN202310064083.XA patent/CN116126444A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7764292B2 (en) | Three dimensional graphics processing apparatus, image display apparatus, three dimensional graphics processing method, control program and computer-readable recording medium | |
CN108399646B (zh) | 一种图像渲染方法及装置 | |
US20060250415A1 (en) | Anti-aliasing content using opacity blending | |
US8498500B2 (en) | Image processing apparatus and image processing method | |
KR101993949B1 (ko) | 필터 탭들을 폐기하는 텍스처 어드레스 모드 | |
US8699815B2 (en) | Methods and apparatus for improved display of foreground elements | |
US8471851B2 (en) | Method and device for rending three-dimensional graphics | |
US20080158248A1 (en) | Rendering device and rendering method | |
CN105023234B (zh) | 基于嵌入式系统存储优化的图形加速方法 | |
CN110675334A (zh) | 一种图像增强方法及装置 | |
CN108960012B (zh) | 特征点检测方法、装置及电子设备 | |
CN105574808A (zh) | 一种流水线纹理贴图单元体系结构 | |
CN109377552B (zh) | 图像遮挡计算方法、装置、计算设备及存储介质 | |
CN109448123B (zh) | 模型的控制方法及装置、存储介质、电子设备 | |
CN113506305B (zh) | 三维点云数据的图像增强方法、语义分割方法及装置 | |
CN114359048A (zh) | 图像的数据增强方法、装置、终端设备及存储介质 | |
CN116563083A (zh) | 渲染图像的方法和相关装置 | |
CN111127590B (zh) | 一种二阶贝塞尔曲线绘制方法及装置 | |
CN116126444A (zh) | 用户界面图标显示和隐藏的方法、装置、车辆及存储介质 | |
CN116681860A (zh) | 一种特征线渲染方法、装置、电子设备及存储介质 | |
CN115761091A (zh) | 游戏画面渲染方法、装置、电子设备和存储介质 | |
CN113808246B (zh) | 一种贴图的生成方法、装置、计算机设备及计算机可读存储介质 | |
CN111200705B (zh) | 图像处理方法和装置 | |
KR20210141307A (ko) | 정밀 변조 셰이딩 | |
CN116630516B (zh) | 一种基于3d特性的2d渲染排序方法、装置、设备及介质 |
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 |