CN115543116A - 一种显示设备及消除区域灰度的方法 - Google Patents
一种显示设备及消除区域灰度的方法 Download PDFInfo
- Publication number
- CN115543116A CN115543116A CN202210107311.2A CN202210107311A CN115543116A CN 115543116 A CN115543116 A CN 115543116A CN 202210107311 A CN202210107311 A CN 202210107311A CN 115543116 A CN115543116 A CN 115543116A
- Authority
- CN
- China
- Prior art keywords
- color
- area
- picture
- display
- painting
- 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
- 238000000034 method Methods 0.000 title claims abstract description 41
- 238000010422 painting Methods 0.000 claims abstract description 77
- 239000003086 colorant Substances 0.000 claims abstract description 16
- 238000004040 coloring Methods 0.000 claims abstract description 12
- 230000008859 change Effects 0.000 claims description 7
- 239000003973 paint Substances 0.000 claims description 6
- 230000004044 response Effects 0.000 claims description 5
- 238000012790 confirmation Methods 0.000 claims description 3
- 230000008569 process Effects 0.000 abstract description 8
- 239000010410 layer Substances 0.000 description 24
- 238000010586 diagram Methods 0.000 description 22
- 230000006870 function Effects 0.000 description 22
- 238000012545 processing Methods 0.000 description 16
- 230000009471 action Effects 0.000 description 13
- 230000003993 interaction Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 10
- 230000007704 transition Effects 0.000 description 10
- 230000002452 interceptive effect Effects 0.000 description 8
- 230000000694 effects Effects 0.000 description 7
- 238000000605 extraction Methods 0.000 description 5
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000010521 absorption reaction Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 2
- 239000002131 composite material Substances 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000008030 elimination Effects 0.000 description 2
- 238000003379 elimination reaction Methods 0.000 description 2
- 239000000284 extract Substances 0.000 description 2
- 238000000638 solvent extraction Methods 0.000 description 2
- 241001270131 Agaricus moelleri Species 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000004043 dyeing Methods 0.000 description 1
- 238000012966 insertion method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000007591 painting process Methods 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000004886 process control Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0416—Control or interface arrangements specially adapted for digitisers
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种显示设备及消除区域灰度的方法,方法具体包括以下步骤:获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域。控制显示器显示完成区域划分的涂色图片。响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。通过对涂色图片的区域划分,将涂色图片的区域划分为闭合区域和边界区域,同时在划分的过程中消除闭合区域和边界区域之间存在的颜色灰度,使闭合区域和边界区域颜色分明。因此,用户可以将闭合区域全部填充满颜色,避免了闭合区域周围出现毛刺的情况,从而提高用户的体验感。
Description
本申请要求在2021年6月30日提交中国专利局、申请号为202110739092.5、发明名称为“消除过渡区域灰度的方法和显示设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及显示设备技术领域,尤其涉及一种显示设备及消除区域灰度的方法。
背景技术
显示设备是指能够输出具体显示画面的终端设备,如智能电视、移动终端、智能广告屏、投影仪等。随着显示设备的普及,以及多媒体教育电视的不断更新,越来越多的教学娱乐、儿童益智的应用可以在电视上使用,从而实现或辅助实现教育、教学、培训、益智等功能。例如,显示设备上可以安装图像处理应用,图像处理应用可以提供不同类型的涂色图片,涂色图片包括闭合区域和边界区域,闭合区域为用户进行涂色的区域。边界区域为边界线条,边界线条围绕闭合区域设置。通常,闭合区域的颜色为白色,边界区域的颜色为黑色。用户可以对涂色图片中的闭合区域进行调整,比如,对闭合区域进行涂色。
目前,涂色图片均采用压缩后保存,过由于涂色图片进行了压缩,所以在转换成位图文件后,闭合区域和区域边界之间存在过渡区域,而过渡区域的颜色为灰度渐变。进而,当用户对涂色图片进行涂色时,由于闭合区域和边界区域之间的过渡区域存在颜色灰度,导致用户在填色时无法将闭合区域全部填满,以及在边界区域周围出现毛刺,从而影响涂色效果,降低用户的使用体验感。
发明内容
本申请提供了一种显示设备及消除区域灰度的方法。以解决导致用户在填色时无法将闭合区域全部填满,以及在边界区域周围出现毛刺的问题。
第一方面,本申请提供了一种显示设备,包括:
显示器,被配置为显示电子画板界面,电子画板界面用于展示涂色图片;
触控组件,被配置为接收用户通过触控输入的指令,其中触控组件和显示器形成触摸屏;
控制器,被配置为:
获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域;
控制显示器显示完成区域划分的涂色图片;
响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。
第二方面,本申请提供了一种消除区域灰度的方法,方法具体包括以下步骤:
获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域;
控制显示器显示完成区域划分的涂色图片;
响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。
由以上技术方案可以看出,本申请提供了一种显示设备及消除区域灰度的方法,方法具体包括以下步骤:获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域。控制显示器显示完成区域划分的涂色图片。响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。通过对涂色图片的区域划分,将涂色图片的区域划分为闭合区域和边界区域,同时在划分的过程中消除闭合区域和边界区域之间存在的颜色灰度。因此,用户可以将闭合区域全部填充满颜色,避免了闭合区域周围出现毛刺的情况,从而提高用户的体验感。
附图说明
为了更清楚地说明本申请的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了根据一些实施例中显示设备与控制装置之间操作场景的示意图;
图2示出了根据一些实施例中显示设备200的硬件配置框图;
图3示出了根据一些实施例中显示设备200中软件配置图;
图4示出了根据一些实施例中显示器中的用户界面;
图5示出了根据一些实施例中应用列表的示意图;
图6示出了根据一些实施例中电子画板界面的示意图;
图7示出了根据一些实施例中菜单区域内插入下拉菜单的界面示意图;
图8示出了根据一些实施例中插入下拉菜单中插入图片项目的界面示意图;
图9示出了根据一些实施例中画图区域中显示涂色图片的界面示意图;
图10示出了根据一些实施例中涂色图片未进行区域划分后用户完成涂色的界面示意图;
图11示出了根据一些实施例中一种消除区域灰度方法的流程示意图;
图12示出了根据一些实施例中划分闭合区域和边界区域的流程示意图;
图13示出了根据一些实施例中涂色图片进行区域划分后用户完成涂色的界面示意图;
图14示出了根据一些实施例中控件区域的界面示意图;
图15示出了根据一些实施例中控件区域中包括颜色吸取控件的界面示意图。
具体实施方式
为使本申请的目的和实施方式更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施方式进行清楚、完整地描述,显然,描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
需要说明的是,本申请中对于术语的简要说明,仅是为了方便理解接下来描述的实施方式,而不是意图限定本申请的实施方式。除非另有说明,这些术语应当按照其普通和通常的含义理解。
本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体,而不必然意味着限定特定的顺序或先后次序,除非另外注明。应该理解这样使用的用语在适当情况下可以互换。
术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的所有组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其他组件。
术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示,用户可通过智能设备300或控制装置100操作显示设备200。
在一些实施例中,控制装置100可以是遥控器,遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信,及其他短距离通信方式,通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。
在一些实施例中,也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如,使用在智能设备上运行的应用程序控制显示设备200。
在一些实施例中,显示设备可以不使用上述的智能设备或控制设备接收指令,而是通过触摸或者手势等接收用户的控制。
在一些实施例中,显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制,例如,可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制,也可以通过显示设备200设备外部设置的语音控制设备来接收用户的语音指令控制。
在一些实施例中,显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群,也可以是多个集群,可以包括一类或多类服务器。
图2示出了根据一些实施例中显示设备200的硬件配置框图。
在一些实施例中,显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
在一些实施例中控制器包括中央处理器,视频处理器,音频处理器,图形处理器,RAM,ROM,用于输入/输出的第一接口至第n接口。
在一些实施例中,显示器260包括用于呈现画面的显示屏组件,以及驱动图像显示的驱动组件,用于接收源自控制器输出的图像信号,进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面等。
显示器260可为液晶显示器、OLED显示器、以及投影显示器中的至少一种,还可以为一种投影装置和投影屏幕。
调谐解调器210通过有线或无线接收方式接收广播电视信号,以及从多个无线或有线广播电视信号中解调出音视频信号,如以及EPG数据信号。
通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如:通信器可以包括Wifi模块,蓝牙模块,有线以太网模块等其他网络通信协议芯片或近场通信协议芯片,以及红外接收器中的至少一种。显示设备200可以通过通信器220与控制装置100或服务器400建立控制信号和数据信号的发送和接收。
检测器230用于采集外部环境或与外部交互的信号。例如,检测器230包括光接收器,用于采集环境光线强度的传感器;或者,检测器230包括图像采集器,如摄像头,可以用于采集外部环境场景、用户的属性或用户交互手势,再或者,检测器230包括声音采集器,如麦克风等,用于接收外部声音。
外部装置接口240可以包括但不限于如下:高清多媒体接口接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。
在一些实施例中,控制器250和调谐解调器210可以位于不同的分体设备中,即调谐解调器210也可在控制器250所在的主体设备的外置设备中,如外置机顶盒等。
控制器250,通过存储在存储器上中各种软件控制程序,来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器260上显示UI对象的用户命令,控制器250便可以执行与由用户命令选择的对象有关的操作。
所述对象可以是可选对象中的任何一个,例如超链接、图标或其他可操作的控件。与所选择的对象有关操作有:显示连接到超链接页面、文档、图像等操作,或者执行与所述图标相对应程序的操作。
控制器包括中央处理器(Central Processing Unit,CPU),视频处理器,音频处理器,图形处理器(Graphics Processing Unit,GPU),RAM Random Access Memory,RAM),ROM(Read-Only Memory,ROM),用于输入/输出的第一接口至第n接口,通信总线(Bus)等中的至少一种。
“用户界面”,是摄像头应用或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(Graphic User Interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素,其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素中的至少一种。
用户接口280,为可用于接收控制输入的接口(如:显示设备本体上的实体按键,或其他等)。
在一些实施例中,显示设备的系统可以包括内核(Kernel)、命令解析器(shell)、文件系统和摄像头应用。内核、shell和文件系统一起组成了基本的操作系统结构,它们让用户可以管理文件、运行程序并使用系统。上电后,内核启动,激活内核空间,抽象硬件、初始化硬件参数等,运行并维护虚拟内存、调度器、信号及进程间通信(IPC)。内核启动后,再加载Shell和用户摄像头应用。摄像头应用在启动后被编译成机器码,形成一个进程。
参见图3,在一些实施例中,将系统分为四层,从上至下分别为摄像头应用(Applications)层(简称“应用层”),摄像头应用框架(Application Framework)层(简称“框架层”),安卓运行时(Android runtime)和系统库层(简称“系统运行库层”),以及内核层。
在一些实施例中,摄像头应用层中运行有至少一个摄像头应用,这些摄像头应用可以是操作系统自带的窗口(Window)程序、系统设置程序或时钟程序等;也可以是第三方开发者所开发的摄像头应用。在具体实施时,摄像头应用层中的摄像头应用包不限于以上举例。
框架层为摄像头应用层的摄像头应用提供应用编程接口(applicationprogramming interface,API)和编程框架。摄像头应用框架层包括一些预先定义的函数。摄像头应用框架层相当于一个处理中心,这个中心决定让应用层中的摄像头应用做出动作。摄像头应用通过API接口,可在执行中访问系统中的资源和取得系统的服务。
如图3所示,本申请实施例中摄像头应用框架层包括管理器(Managers),内容提供者(Content Provider)等,其中管理器包括以下模块中的至少一个:活动管理器(ActivityManager)用于和系统中正在运行的所有活动进行交互;位置管理器(Location Manager)用于给系统服务或应用提供了系统位置服务的访问;文件包管理器(Package Manager)用于检索当前安装在设备上的摄像头应用包相关的各种信息;通知管理器(NotificationManager)用于控制通知消息的显示和清除;窗口管理器(Window Manager)用于管理用户界面上的括图标、窗口、工具栏、壁纸和桌面部件。
在一些实施例中,活动管理器用于管理各个摄像头应用的生命周期以及通常的导航回退功能,比如控制摄像头应用的退出、打开、后退等。窗口管理器用于管理所有的窗口程序,比如获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕,控制显示窗口变化(例如将显示窗口缩小显示、抖动显示、扭曲变形显示等)等。
在一些实施例中,系统运行库层为上层即框架层提供支撑,当框架层被使用时,安卓操作系统会运行系统运行库层中包含的C/C++库以实现框架层要实现的功能。
在一些实施例中,内核层是硬件和软件之间的层。如图3所示,内核层至少包含以下驱动中的至少一种:音频驱动、显示驱动、蓝牙驱动、摄像头驱动、WIFI驱动、USB驱动、HDMI驱动、传感器驱动(如指纹传感器,温度传感器,压力传感器等)、以及电源驱动等。
显示设备可以具有触控交互功能,用户只要用手指轻轻地碰显示器就能实现对主机操作,这样摆脱了键盘、鼠标、遥控器操作,使人机交互更为直截了当。基于上述显示设备,可以通过增加触控组件使显示设备支持触控交互功能。通常,触控组件可以与显示器共同构成触摸屏。在触摸屏上用户可以通过触摸操作输入不同的控制指令。例如,在显示设备中可以安装有图像处理应用,用户可以在这些应用的触控界面里,进行写字、划线等操作,显示设备可根据用户的触摸动作生成触控轨迹,以实现演示或娱乐的功能。
为了实现上述不同的触摸动作,触控组件可以在用户输入不同触摸动作时,产生不同的电信号,并将产生的电信号发送给控制器。控制器可以对接收到的电信号进行特征提取,从而根据提取的特征确定用户要执行的控制功能。
例如,当用户在应用程序界面中的任一程序图标位置输入点击触摸动作时,触控组件将感应到触摸动作从而产生电信号。控制器在接收到电信号后,可以先对电信号中触摸动作对应电平的持续时间进行判断,在持续时间小于预设时间阈值时,识别出用户输入的是点击触控指令。控制器再对电信号产生的位置特征进行提取,从而确定触摸位置。当触摸位置在应用图标显示范围内时,确定用户在应用图标位置输入了点击触控指令。相应的,点击触控指令在当前场景下用于执行运行相应应用程序的功能,因此控制器可以启动运行对应的应用程序。
又例如,当用户在媒资展示页面中输入滑动动作时,触控组件同样将感应到的电信号发送给控制器。控制器先对电信号中触摸动作对应信号的持续时间进行判断。在确定持续时间大于预设时间阈值时,再对信号产生的位置变化情况进行判断,显然,对于互动触摸动作,其信号的产生位置将发生变化,从而确定用户输入了滑动触控指令。控制器再根据信号产生位置的变化情况,对滑动触控指令的滑动方向进行判断,控制在媒资展示页面中对显示画面进行翻页,以显示更多的媒资选项。进一步地,控制器还可以对滑动触控指令的滑动速度、滑动距离等特征进行提取,并按照所提取的特征进行翻页的画面控制,以达到跟手效果等。
同理,对于双击、长按等触控指令,控制器可以通过提取不同的特征,并通过特征判断确定触控指令的类型后,按照预设的交互规则执行相应的控制功能。在一些实施例中,触控组件还支持多点触控,从而使用户可以在触摸屏上通过多指输入触摸动作,例如,多指点击、多指长按、多指滑动等。
对于上述触控动作还可以配合特定的应用程序,实现特定的功能。例如,当用户打开图像处理应用后,显示器可以呈现电子画板,电子画板中包括绘图区域,用户可以通过滑动触控指令在绘图区域中画出特定触控动作轨迹,控制器则通过触控组件检测的触控动作,确定触控动作图案,并控制显示器实时进行显示,以满足演示效果。
在一些实施例中,显示设备中可以安装有多个应用。图4示出了根据一些实施例中显示器中的用户界面。用户可以点击用户界面中的“我的应用”,触发显示应用列表。应用列表中包括显示设备已安装的所有应用。
本申请提供的显示设备具有画板功能。该画板功能基于显示设备上安装的画板功能相关应用实现。为便于说明,将画板功能相关应用称为“图像处理应用”。为便于后续描述,用户在图像处理应用中实现画板功能时,如对涂色图片进行涂色。将待处理的图片称为涂色图片。
图5示出根据一些实施例中应用列表的示意图。如图5所示,显示设备安装有图像处理应用,播放器应用,视频聊天应用,摄像头应用,网络购物应用和游戏应用。当显示器中显示应用列表时,用户可以选择其中一个应用并进行打开,以实现该应用的功能。需要说明的是,其中,安装的上述应用可以是系统应用,也可以是第三方应用。
在一些实施例中,本申请实施例所涉及的部分或者全部步骤在操作系统内和应用程序中实现。在一些实施例中,将用于实现本申请实施例部分或者全部步骤的应用程序为上述“图像处理应用”,其存储在存储器中,控制器250通过在操作系统中运行该应用程序,来控制显示设备200的工作和响应与该应用程序有关的用户操作。
显示设备启动图像处理应用后,显示器上呈现电子画板界面。电子画板界面上显示与图像处理应用的一个或者多个功能相对应的用户界面对象、信息和/或可输入内容的区域。前述用户界面对象是指构成电子画板界面的对象,可以包括但不限于文本、图像、图标、软按键(或称“虚拟按钮”)、下拉菜单、单选按钮、复选框、可选列表等等。所显示的用户界面对象可以包括,用于传递信息或者构成用户界面外观的非交互对象、可供用户交互的交互式对象,或者非交互对象与交互式对象的组合。用户在可以在其希望与之交互的交互对象所对应的触摸屏位置与触摸屏进行接触,从而与用户界面对象进行交互。显示设备检测接触,并且通过执行与交互对象的交互相对应的操作来响应所检测到的接触。
在一些实施例中,图6示出了根据一些实施例中电子画板界面的示意图。电子画板界面包括菜单区域、画图区域和控件区域。其中,菜单区域用于提供用户导航菜单,具体包括“开始”控件、“插入”控件、“设计”控件、“视图”控件、“进程”控件和“工具”控件。用户可以通过触发不同的交互控件,实现不同的与图像处理有关的功能。画图区域为可输入内容的区域,通常根据用户的需求用于显示涂色图片。控件区域可以集中显示与图像处理应用的一个或者多个功能相对应的控件,例如画笔控件、颜色吸取控件、擦除控件、染色桶控件等,用户可以使用各个控件可进行相应的操作,还可以设置每个控件的参数,例如设置画笔控件的颜色及线条样式等。
下面结合图6至图9,说明用户与显示设备的交互过程及用户界面变化。首先,在图6所示界面上,用户可以通过控制装置触发电子画板界面中菜单区域中的“插入”控件,进而控制显示器显示“插入”控件对应的下拉菜单。如图7所示,该电子画板界面中显示有“插入”控件对应的下拉菜单80,该下拉菜单80包含多个项目,具体包括“插入图片81”、“插入文本框82”及“插入对象83”等控件。其中,用户可以通过操作“插入图片81”控件,以实现在画图区域中插入涂色图片。具体的,当用户操作控制装置而输入指示选择项目81的用户指令时,控制器可以响应于该用户指令,在显示器上呈现如图8所示的用户界面,该用户界面中显示可插入的图片选项。之后,当用户操作控制装置而输入选择某个图片的用户指令时,控制器响应于该用户指令,将该图片显示在画图区域。例如,当用户选择图8中第一张图片插入后,该图片显示在画图区域中,即插入的图片称为涂色图片。
在一些实施例中,在电子画板界面中,画图区域展示的涂色图片格式可以为RGB格式,同时也可以是JPG、PNG或SVG格式中的一种。
在一些实施例中,除上述用户通过操作选择项目81插入涂色图片,还可以采用其他方式插入涂色图片,例如,利用语音控制功能或者手动拖拽图片功能使画图区域显示涂色图片。
在一些实施例中,插入涂色图片后,用户可以对涂色图片进行涂色。参见图9,涂色图片中包括闭合区域101和边界区域102,在用户涂色的过程中需对涂色图片中的闭合区域101进行涂色。其中,闭合区域的颜色为纯底色,例如:白色。边界区域也就是边界线条,边界线条围绕闭合区域设置。边界区域的颜色为纯边界色,例如:黑色。通常,闭合区域和边界区域之间还存在过渡区域,过渡区域的颜色常为灰度渐变。当用户对涂色图片进行涂色时,会出现无法将闭合区域全部填满,以及在边界区域周围出现毛刺的情况。
为便于说明上述出现的情况,参见图10所示的用户界面,可以看出由于闭合区域和边界区域直接存在颜色灰度,严重影响用户的使用体验。为优化上述问题,本申请提供的显示设备可以在画图区域展示涂色图片之前,对涂色图片的过渡区域进行灰度消除操作,防止出现用户无法将闭合区域全部涂满颜色的情况。
本申请提供的显示设备包括显示器;显示器被配置为显示电子画板界面,电子画板界面用于展示涂色图片。触控组件,被配置为接收用户通过触控输入的指令,其中触控组件和显示器形成触摸屏。为消除涂色图片中闭合区域和边界区域之间的颜色灰度,将闭合区域和边界区域进行明确划分,本申请将根据灰度值对全部像素点对应的颜色进行设置,以消除区域颜色灰度。
以下针对本申请提供的一种显示设备及消除区域灰度方法进行具体阐述。
图11示出了根据一些实施例中一种消除区域灰度方法的流程示意图。参见图11,本申请实施例提供的一种显示设备,其配置的控制器在执行消除区域灰度方法时,被配置为执行下述步骤:
S1、获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域。
示例性的,涂色图片可以通过上述插入方式将涂色图片插入到电子画板界面中。在插入涂色图片的过程中,需对涂色图片进行区域划分,形成至少一个闭合区域和包围闭合区域的边界区域,进而消除灰度。同时,在图像处理应用中或者显示设备的本地存储器中可以预存有涂色图片集合,涂色图片集合中包括若干个的用于用户选择的图片,也就是说,涂色图片选自前述图片集合。控制器可以预先对该图片集合中的图片进行统一的区域划分处理,这样,在用户输入的插入涂色图片的指令之前,涂色图片集合中所有备选的图片都是完成区域划分的涂色图片。当某个涂色图片被用户选中后,可直接显示在电子画板界面中的画图区域,以便于用户进行后续的操作。需要说明的是,本申请不对进行区域划分的时间以及划分涂色图片的数量进行限定,也就是说涂色图片可以批量/每张进行区域划分。同时,涂色图片可以在被用户选中前完成区域划分,也可以当被用户选中后自动进行区域划分。
图12示出了根据一些实施例中划分闭合区域和边界区域的流程示意图。参见图12,将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域的过程中,控制器进一步被配置为执行下述步骤:
S11、将涂色图片中全部像素点进行遍历,计算每个像素点对应的灰度值。
具体实现时,将涂色图片加载至内存中,并创建涂色图片对应的位图文件(Bitmap),位图文件用于获取涂色图片中的全部像素点。进一步,遍历全部像素点。由于涂色图片是由一定数量的像素点组成的,需利用预设程序对涂色图片中的全部像素点进行遍历,以确定每个像素点对应的原始RGB分量。利用预设灰度值公式对每个像素点对应的原始RGB分量进行计算,得到每个像素点对应的灰度值。
在一些实施例中,预设灰度值公式如下:
Gray=R×0.03+G×0.59+B×0.11;
其中,Gray为灰度值;R为红色分量值;G为绿色分量值;B为蓝色分量值。
S12、基于灰度值确定全部像素点的像素颜色,以划分涂色图片中的闭合区域和边界区域。
在一些实施例中,由于涂色图片全部像素点的像素颜色无需全部调整,即涂色图片中白色和黑色的区域无需调整。仅需对部分像素点的像素颜色进行调整。也就是说,需对闭合区域和边界区域之间存在的灰度渐变进行调整。进而,在确定全部像素点的像素颜色的过程中,对每个像素点的像素颜色进行重新确定的同时,对部分像素点的像素颜色进行调整,以完成对涂色图片中闭合区域和边界区域的划分。
具体实现时,对全部像素点对应的灰度值进行判断。判断每个像素点对应的灰度值与预设灰度阈值的大小,预设灰度阈值用于划分闭合区域和边界区域。需要说明的是,预设灰度阈值本申请并不进行具体限定,可根据实际情况自行设计。
进一步地,在灰度值大于预设灰度阈值的情况下,将灰度值对应像素点的颜色设置为黑色,以使颜色为黑色的像素点构成边界区域。在灰度值小于预设灰度阈值的情况下,将灰度值对应像素点的颜色设置为白色,以使颜色为白色的像素点构成闭合区域。
进而,根据判断结果确定全部像素点的颜色,以划分涂色图片的闭合区域和边界区域。这样,当边界区域和闭合区域之间存在过渡区域时,可以将过渡区域重新调整为边界区域的黑色、或者为闭合区域的白色或者一部分为黑色一部分为白色,从而消除过渡区域即颜色灰度,使边界区域和闭合区域颜色分明。
示例性的,经过完成对涂色图片的区域划分后,即不存在颜色灰度的情况下,在显示器上呈现如图13所示的电子画板界面,该电子画板界面中显示的是用户涂色后的涂色图片。可见,用户在对任意一个闭合区域进行涂色操作后,该闭合区域的周围不会出现毛刺的情况,且该闭合区域被用户全部涂满,从而提高涂色图片的美观性和用户的体验感。
S2、控制显示器显示完成区域划分的涂色图片。
当对涂色图片完成区域划分后,控制器控制显示器呈现出划分完成的涂色图片,并在电子画板界面中的画图区域展示涂色图片。以便于后续用户对闭合区域进行涂色。
S3、响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。
在一些实施例中,电子画板界面还包括控件区域,所述控件区域包括至少一个画笔控件,所述画笔控件用于在所述画图区域中输入内容。
示例性的,用户可以使用控件区域中的各种控件对画图区域中的涂色图片进行其他操作,例如,使用画笔控件在涂色图片的闭合区域101中输入线条,图形等。具体的,用户可以选中画笔控件,画笔控件处于拾取状态,此时用户可以控制画笔控件在涂色图片中进行相应的操作。当检测到画笔控件被选中时,控制器还可以控制显示器显示该画笔控件对应的工具栏。图14示出了根据一些实施例中控件区域的界面示意图。在工具栏中可以选择画笔的颜色、线条粗细以及线条样式等参数信息。当用户选择好画笔控件的各项参数信息后,可以基于与画图区域触控以输入内容,输入的内容即为用户在画图区域上的触控轨迹。
在一些实施例中,用户可以通过画笔控件对应的工具栏选取画笔控件的颜色。当用户点击工具栏中的颜色选项时,控制器可以控制显示器显示画笔控件颜色情况。画笔控件颜色情况中包括画笔控件可以使用的所有颜色以及画笔控件的当前颜色。图15示出了根据一些实施例中控件区域中包括颜色吸取控件的界面示意图。用户可以查看画笔控件当前正在使用的颜色。用户还可以自行设定画笔控件的颜色。
其中,颜色吸取控件1501至少用于指示出涂色位置对应的吸取颜色,吸取颜色为所述画图区域中所述涂色位置处的颜色。当用户对颜色吸取控件进行选中操作后,如颜色1,此时,画笔控件的颜色为“颜色1”即涂色位置的颜色为“颜色1”。控制器响应于输入的确认涂色操作,根据颜色吸取控件指示的所述涂色位置对应的吸取颜色,完成对所述闭合区域的涂色。
在一些实施例中,在显示所述颜色吸取控件时,还包括接收输入的所述吸取颜色变更操作。根据所述变更操作确定新的吸取颜色,并根据所述新的所述吸取颜色对所述颜色吸取控件指示的吸取颜色进行更新,以完成对所述闭合区域的涂色。
在一些实施例中,变更操作包括与触摸屏的接触操作。例如,变更操作包括在触摸屏上执行手势,即与触摸屏接触的对象/配件的运动。但是应理解的是,该接触也可以是使用任何适当的物件或配件来执行,例如电容笔等。所述接触可以包括,在触摸屏上发生的一下或者多下点击、保持与触摸屏持续接触、在保持持续接触的同时移动接触点、中断接触、或前述一项或者多项的组合。在一些实施例中,颜色吸取控件是一个交互式用户界面对象,用户可以与之交互以改变吸取颜色,最终选择出最新的吸取颜色。
由以上实施例可以看出,基于本申请实施例提供的显示设备,通过对涂色图片的区域划分,将涂色图片的区域划分为闭合区域和边界区域。同时在划分的过程中消除闭合区域和边界区域之间存在的颜色灰度,使闭合区域和边界区域的颜色分明。因此,用户可以将闭合区域全部填充满颜色,避免了闭合区域周围出现毛刺的情况,从而提高用户的体验感。
以上UI是以显示设备为例,其他类别的显示设备体现在电子画板界面对图片涂色方面的UI基本与上述UI相似,这里不再一一列举。本申请提供的UI界面仅仅是示例性,具体以实际应用和设计为准。
本申请实施例还提供一种消除区域灰度的方法,应用于显示设备,该方法具体包括以下步骤:获取涂色图片,并将涂色图片进行区域划分,以形成至少一个闭合区域以及包围闭合区域的边界区域。控制显示器显示完成区域划分的涂色图片。响应于输入的对闭合区域的涂色操作,以使闭合区域的颜色为用户选择的颜色。
在一些实施例中,在显示电子画板界面时,方法还包括:将涂色图片中全部像素点进行遍历,计算每个像素点对应的灰度值。基于灰度值确定全部像素点的像素颜色,以划分涂色图片中的闭合区域和边界区域。
在一些实施例中,基于灰度值确定全部像素点的像素颜色,以划分涂色图片中的闭合区域和边界区域,方法还包括:判断灰度值与预设灰度阈值的大小,预设灰度阈值用于划分闭合区域和边界区域。在灰度值大于预设灰度阈值的情况下,将灰度值对应像素点的颜色设置为黑色,以使颜色为黑色的像素点构成边界区域。在灰度值小于预设灰度阈值的情况下,将灰度值对应像素点的颜色设置为白色,以使颜色为白色的像素点构成闭合区域。
在一些实施例中,将涂色图片中全部像素点进行遍历,计算每个像素点对应的灰度值,方法还包括:将涂色图片加载至内存中,并创建涂色图片对应的位图文件,位图文件用于获取涂色图片中的全部像素点。遍历全部像素点,确定每个像素点对应的原始RGB分量。利用预设灰度值公式对原始RGB分量进行计算,得到每个像素点对应的灰度值。
在一些实施例中,预设灰度值公式如下:
Gray=R×0.03+G×0.59+B×0.11;
其中,Gray为灰度值;R为红色分量值;G为绿色分量值;B为蓝色分量值。
在一些实施例中,电子画板界面还包括控件区域,控件区域包括至少一个画笔控件,画笔控件用于在画图区域中输入内容;响应于输入的对闭合区域的涂色操作,方法还包括:响应于输入的触发涂色操作,在画图区域上显示颜色吸取控件,颜色吸取控件至少用于指示出涂色位置对应的吸取颜色。响应于输入的确认涂色操作,根据颜色吸取控件指示的涂色位置对应的吸取颜色,以完成对闭合区域的涂色。
在一些实施例中,方法还包括:在显示颜色吸取控件时,接收输入的吸取颜色变更操作。根据变更操作确定新的吸取颜色,并根据新的吸取颜色对颜色吸取控件指示的吸取颜色进行更新,以完成对闭合区域的涂色。
在一些实施例中,涂色图片的格式为RGB、JPG、PNG或SVG格式中的任意一种。
由以上技术方案可知,本申请提供的一种显示设备及消除区域灰度方法,通过将涂色图片中的区域划分为闭合区域和边界区域,消除闭合区域和边界区域之间的区域灰度。使闭合区域和边界区域的颜色分明,即闭合区域为白色,边界区域为黑色。在用户涂色时闭合区域可以填满,并且边界区域在填色后不存在毛刺。
本说明书中各个实施例之间相同相似的部分互相参照即可,在此不再赘述。
具体实现中,本发明还提供一种计算机存储介质,其中,该计算机存储介质可存储有程序,该程序执行时可包括本发明提供的扩展媒资显示数量方法的各实施例中的部分或全部步骤。的存储介质可为磁碟、光盘、只读存储记忆体(英文:read-only memory,简称:ROM)或随机存储记忆体(英文:random access memory,简称:RAM)等。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
为了方便解释,已经结合具体的实施方式进行了上述说明。但是,上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导,可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用,从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。
Claims (10)
1.一种显示设备,其特征在于,包括:
显示器,被配置为显示电子画板界面,所述电子画板界面用于展示涂色图片;
触控组件,被配置为接收用户通过触控输入的指令,其中所述触控组件和所述显示器形成触摸屏;
控制器,被配置为:
获取所述涂色图片,并将所述涂色图片进行区域划分,以形成至少一个闭合区域以及包围所述闭合区域的边界区域;
控制所述显示器显示完成区域划分的所述涂色图片;
响应于输入的对所述闭合区域的涂色操作,以使所述闭合区域的颜色为用户选择的颜色。
2.根据权利要求1所述的显示设备,其特征在于,所述获取所述涂色图片,并将所述涂色图片进行区域划分,以形成至少一个闭合区域以及包围所述闭合区域的边界区域,所述控制器进一步被配置为:
将所述涂色图片中全部像素点进行遍历,计算每个所述像素点对应的灰度值;
基于所述灰度值确定全部所述像素点的像素颜色,以划分所述涂色图片中的所述闭合区域和边界区域。
3.根据权利要求2所述的显示设备,其特征在于,所述基于所述灰度值确定全部所述像素点的像素颜色,以划分所述涂色图片中的所述闭合区域和边界区域,所述控制器进一步被配置为:
判断所述灰度值与预设灰度阈值的大小,所述预设灰度阈值用于划分所述闭合区域和边界区域;
在所述灰度值大于所述预设灰度阈值的情况下,将所述灰度值对应所述像素点的颜色设置为黑色,以使颜色为黑色的所述像素点构成所述边界区域;
在所述灰度值小于所述预设灰度阈值的情况下,将所述灰度值对应所述像素点的颜色设置为白色,以使颜色为白色的所述像素点构成所述闭合区域。
4.根据权利要求2所述的显示设备,其特征在于,所述将所述涂色图片中全部像素点进行遍历,计算每个所述像素点对应的灰度值,所述控制器进一步被配置为:
将所述涂色图片加载至内存中,并创建所述涂色图片对应的位图文件,所述位图文件用于获取所述涂色图片中的全部所述像素点;
遍历全部所述像素点,确定每个所述像素点对应的原始RGB分量;
利用预设灰度值公式对所述原始RGB分量进行计算,得到每个所述像素点对应的灰度值。
5.根据权利要求4所述的显示设备,其特征在于,所述预设灰度值公式如下:
Gray=R×0.03+G×0.59+B×0.11;
其中,Gray为灰度值;R为红色分量值;G为绿色分量值;B为蓝色分量值。
6.根据权利要求1所述的显示设备,其特征在于,所述电子画板界面还包括控件区域,所述控件区域包括至少一个画笔控件,所述画笔控件用于在所述涂色图片中输入内容;所述响应于输入的对所述闭合区域的涂色操作,所述控制器进一步被配置为:
响应于输入的触发涂色操作,在所述画图区域上显示颜色吸取控件,所述颜色吸取控件至少用于指示出涂色位置对应的吸取颜色;
响应于输入的确认涂色操作,根据所述颜色吸取控件指示的所述涂色位置对应的吸取颜色,以完成对所述闭合区域的涂色。
7.根据权利要求6所述的显示设备,其特征在于,所述控制器进一步被配置为:
在显示所述颜色吸取控件时,接收输入的所述吸取颜色变更操作;
根据所述变更操作确定新的所述吸取颜色,并根据所述新的所述吸取颜色对所述颜色吸取控件指示的所述吸取颜色进行更新,以完成对所述闭合区域的涂色。
8.根据权利要求1所述的显示设备,其特征在于,所述涂色图片的格式为RGB、JPG、PNG或SVG格式中的任意一种。
9.一种消除区域灰度的方法,应用于显示设备,其特征在于,所述方法具体包括以下步骤:
获取涂色图片,并将所述涂色图片进行区域划分,以形成至少一个闭合区域以及包围所述闭合区域的边界区域;
控制所述显示器显示完成区域划分的所述涂色图片;
响应于输入的对所述闭合区域的涂色操作,以使所述闭合区域的颜色为用户选择的颜色。
10.根据权利要求9所述的方法,其特征在于,在显示电子画板界面时,所述方法还包括:
将所述涂色图片中全部像素点进行遍历,计算每个所述像素点对应的灰度值;
基于所述灰度值确定全部所述像素点的像素颜色,以划分所述涂色图片中的所述闭合区域和边界区域。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2022/096009 WO2023273761A1 (zh) | 2021-06-30 | 2022-05-30 | 一种显示设备及图像处理方法 |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2021107390925 | 2021-06-30 | ||
CN202110739092 | 2021-06-30 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115543116A true CN115543116A (zh) | 2022-12-30 |
Family
ID=84723547
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210107311.2A Pending CN115543116A (zh) | 2021-06-30 | 2022-01-28 | 一种显示设备及消除区域灰度的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115543116A (zh) |
-
2022
- 2022-01-28 CN CN202210107311.2A patent/CN115543116A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114501107A (zh) | 一种显示设备及涂色方法 | |
CN113810746B (zh) | 一种显示设备及图片分享方法 | |
CN112799627B (zh) | 显示设备及图像显示方法 | |
CN115243094A (zh) | 一种显示设备及多图层叠加方法 | |
CN114115637B (zh) | 显示设备及电子画板优化方法 | |
CN112698905B (zh) | 一种屏保显示方法、显示设备、终端设备及服务器 | |
CN115129214A (zh) | 一种显示设备和颜色填充方法 | |
CN112947800A (zh) | 显示设备与触摸点识别方法 | |
CN112584211A (zh) | 一种显示设备 | |
CN114501108A (zh) | 一种显示设备及分屏显示方法 | |
CN115562544A (zh) | 一种显示设备及撤销方法 | |
CN113485614A (zh) | 显示设备和颜色设置方法 | |
CN113485613A (zh) | 显示设备及自由画屏幕边缘涂色实现方法 | |
CN113225602A (zh) | 一种显示设备、及电视主页内容加载显示的控制方法 | |
WO2023273761A1 (zh) | 一种显示设备及图像处理方法 | |
CN113655936B (zh) | 显示设备和屏幕保护方法 | |
CN112926420B (zh) | 一种显示设备和菜单文字识别方法 | |
CN115543116A (zh) | 一种显示设备及消除区域灰度的方法 | |
CN115550717A (zh) | 一种显示设备及多指触控显示方法 | |
CN114296623A (zh) | 一种显示设备 | |
CN114442849B (zh) | 一种显示设备及显示方法 | |
CN115550718A (zh) | 一种显示设备及显示方法 | |
CN114968049A (zh) | 一种显示设备和颜色渲染方法 | |
CN115543160A (zh) | 显示设备及图形填充方法 | |
CN114281284B (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 |