CN113703652A - 图像处理方法、系统及存储介质 - Google Patents
图像处理方法、系统及存储介质 Download PDFInfo
- Publication number
- CN113703652A CN113703652A CN202111015402.5A CN202111015402A CN113703652A CN 113703652 A CN113703652 A CN 113703652A CN 202111015402 A CN202111015402 A CN 202111015402A CN 113703652 A CN113703652 A CN 113703652A
- Authority
- CN
- China
- Prior art keywords
- layer
- layers
- user
- switching
- image processing
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 15
- 238000000034 method Methods 0.000 claims abstract description 14
- 230000005540 biological transmission Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 5
- 238000004364 calculation method Methods 0.000 claims description 3
- 238000010187 selection method Methods 0.000 claims description 3
- 230000003068 static effect Effects 0.000 claims description 3
- 238000000605 extraction Methods 0.000 claims description 2
- 230000035515 penetration Effects 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 3
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000004044 response 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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
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)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明属于图像编辑领域,具体涉及图像处理方法、系统和存储介质,其中方法包括针对多个图层堆叠,识别当前图层的alpha值是否为0,如果当前图层的alpha值为0,则选择直接穿透,如果当前图层的alpha值不为0,则先保留当前图层为可选择的图层;启用户选中最上层的图层,并采用长按切换或滑动切换到所需图层,切换到所需图层后,松开选择命令,再次重复上述方法切换到其它图层,本方案实现用户快速选中编辑的图层,从而避免去移开上层的图层来选中图层。通过本方案可以有效减少用户针对重叠图层选择的操作步骤,极大的提高用户的设计工作效率。
Description
技术领域
本发明属于图片编辑领域,尤其是涉及在触感屏上的多图层的图像处理方法,以及其系统和依赖的存储介质。
背景技术
在图形图像编辑的时候,特别是在通过手机作为终端进行图像编辑时,由于要进行多图层的编辑,图层打开较多,图层之间难免会出现重叠,本来手机终端的屏幕较小,并且一般不连接外部扩展设备,在较小的屏幕上编辑图像,如果图层重叠在一起,在编辑重叠下的图时就很难选中叠下底层的图片。在现在的图形图像编辑工具中对此种问题的处理方式,都是需要用户把上层的图移开后才能选择底层的图片来选中需要编辑的图片,这样就出现了问题:1、用户需要重复的移开上层的图层。2、移开上层图层的时候会导致上层已经编辑好的图片的位置,从而增加重复的编辑工作。
发明内容
本发明的目的是解决在移动终端上编辑图层,难以快速选中所需图层的问题,从而提供一种图像处理方法,并基于图像处理方法提供一种编辑图片的系统和用于支持该图像处理方法及系统的存储介质。
本发明提供的图像处理方法,所述方法具体包括:
步骤一:针对一个编辑界面有多个图层堆叠,用户选择编辑界面的当前图层;
步骤二:识别当前图层的alpha值是否为0,如果当前图层的alpha值为0,则选择直接穿透到下一图层,如果当前图层的alpha值不为0,则先保留当前图层为可选择的图层。
步骤三:完成对所有图层的alpha值识别后,启动图层浏览模式,用户选中最上层的图层,并采用长按切换或滑动切换的方式选中所需图层,当选中所需图层时,松开选择命令,当前图层停留在编辑界面的最上层;
步骤四:用户需要再次切换其它图层时,再次重复步骤三。
进一步,考虑到用户在浏览过程中,需要确定识别图层为所需图层,所述长按切换时长为1~4秒;当长按时间达到后,图层自动切换到下一图层。
进一步,在移动终端上,为了快速能够找到所需图层,所述滑动切换方式为:长按图层不松开并采取左右滑动切换图层。
进一步,为了提醒用户图层已经切换相应图层,所述步骤三中,当图层切换到下一个后图层后,调节上一图层和下一图层中图像的透明度,使得上一图层和下一图层能够直接通过人眼穿透的虚影,当前被选中的所需图层添加提醒边框并将该图层调成高亮;当用户松开选中命名后,边框和高亮随之消失,图层恢复到原始状态。
进一步,为了更加突出当前选中的图层,从所选图层的相邻2~3个图层成扇形分布,使得当前图层显示面积最大,两侧面积逐级变小且透明度逐渐增加。
本发明提供了一种图层的选择系统,所述系统包括:
获取模块,当用户长按图层,进入获取状态后,用于根据用户通过触摸选中图层后,获取编辑界面所有图层数量;
生成模块,用于根据图层数量,生成一个多层预览图层界面,所述图层界面包括去除alpha值为0的图层后的所有图层;
图层选择模块,用于响应被用户选中的图层,将被选中图层放置到最上层,并形成被选中预览模式。
进一步,所述获取模块,具体包括:
获取单元,用于检测用户是否进入切换图层的命令,当用户长按当前图层界面超过3秒,表示进入切换图层;
计算单元,用于计算编辑界面有效图层的数量,并记录这些图层在存储器中存储的位置;
数据传输单元,将计算单元中的有效图层数量和位置信息传输到生成模块中。
进一步,所述生成模块,具体包括:
提取单元,将数据传输单元的图层,获取所有图层的标签,形成每个图层的虚拟名称;
预览单元,用于将静态的堆叠的多个图层,形成可以浮动窗口,使得多个图层形成可以被移动和切换的状态。
本方案还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述方法中记载的任何一种图层的选择方法的部分步骤或全部步骤。
有益效果:本方案与现有技术相比,主要根据根据图像的alpha值来穿透图层,选择图层。根据用户长按事件的时间断来不断的展示当前事件点坐标下的图层,用户可根据当前展示的图层来停止本次长按事件并选中图层。实现用户所见所点即想要选中编辑的图层,从而避免去移开上层的图层来选中图层。通过本方案可以有效减少用户针对重叠图层选择的操作步骤,节省用户的时间,从而极大的提高用户的设计工作效率。
附图说明
图1为本方案的图像处理方法的流程图;
图2为本方案中图层的选择系统的流程图;
图3为本方案中编辑界面图层长按选择的示意图;
图4为本方案中编辑界面图层滑动切换的示意图;
图5为本方案中编辑界面图层选中的示意图。
具体实施方式
下面通过具体实施方式进一步详细说明:
实施例1
如图1、图2和图3和图5所示,本实施例是基于移动终端1上,具体为可以通过手指触摸控制的智能手机。在图片处理软件的编辑界面2中,采取如下图像处理方法,步骤一A1:针对一个编辑界面2有多个图层堆叠,用户选择编辑界面2的当前图层;步骤二A2:识别当前图层的alpha值是否为0,如果当前图层的alpha值为0,则选择直接穿透到下一图层,如果当前图层的alpha值不为0,则先保留当前图层为可选择的图层。
alpha值即尔法通道(αChannel或Alpha Channel)值,是指一张图片的透明和半透明度。例如:一个使用每个像素16比特存储的位图,对于图形中的每一个像素而言,可能以5个比特表示红色,5个比特表示绿色,5个比特表示蓝色,最后一个比特是阿尔法。在这种情况下,它要么表示透明要么不是,因为阿尔法比特只有0或1两种不同表示的可能性。
步骤三A3:完成对所有图层的alpha值识别后,启动图层浏览模式,用户选中最上层的图层,并通过手指7或触摸笔采用长按切换方式选中所需图层4,当选中的图层4时,松开选择命令,当前图层停留在编辑界面2的最上层;当图层切换到下一个图层5后,调节上一图层3和下一图层5中图像的透明度,使得上一图层3和下一图层5能够直接通过人眼穿透的虚影,当前被选中的所需图层4添加提醒边框并将该图层调成高亮;当用户松开选中命名后,边框和高亮随之消失,图层恢复到原始状态。
如图5所示,为最终选中后的图层编辑界面,选中的所需图层4置于编辑界面2中间,两侧分别显示编辑菜单栏8和编辑要素显示框9。
为了更加突出当前选中的图层,从所选图层的相邻2~3个图层成扇形分布,使得当前图层显示面积最大,两侧面积逐级变小且透明度逐渐增加。
步骤四A4:用户需要再次切换其它图层时,再次重复步骤三。
用户在浏览过程中,需要确定识别图层为所需图层,长按切换时长为3秒;当长按时间达到后,图层自动切换到下一图层。
如图2所示,本实施例的一种图层的选择系统,包括:获取模块B1,当用户长按图层,进入获取状态后,用于根据用户通过手指7触摸选中图层后,获取编辑界面2所有图层数量;生成模块B2,用于根据图层数量,生成一个多层预览图层界面6,预览图层界面6包括去除alpha值为0的图层后的所有图层;图层选择模块B3,用于响应被用户选中的图层,将被选中图层放置到最上层,并形成被选中预览模式。
获取模块B1具体包括:获取单元B11,用于检测用户是否进入切换图层的命令,当用户长按当前图层界面超过3秒,表示进入切换图层;计算单元B12,用于计算编辑界面有效图层的数量,并记录这些图层在存储器中存储的位置;数据传输单元B13,将计算单元B12中的有效图层数量和位置信息传输到生成模块B2中。
生成模块B2具体包括:提取单元B21,将数据传输单元中的图层,获取所有图层的标签,形成每个图层的虚拟名称;将静态堆叠的多个图层,在预览单元B22中形成可以浮动窗口,使得多个图层形成可以被移动和切换的状态。
本实施例中的可读存储介质为移动终端2,具体为智能手机,通过适应手机操作系统,按照实现方法进行编写程序语言,来实现上述方法中记载的任何一种图层的选择方法的部分步骤或全部步骤。
实施例2
如图4所示,本实施例与与实施例1实现步骤基本相同,采用的可读介质也是智能手机作为终端,唯一不同的是,在切换图片时候,本方案采取滑动切换方式,具体实现为用户长按叠加在一起的图层;进行左右滑动,每滑动3毫米的像素距离,图片切换到下一个或上一个图层作为当前所需图层4,在显示上,以当前所需图层4为参考,上一图层3和下一图层5中图像的透明度,使得上一图层3和下一图层5能够直接通过人眼穿透的虚影,当前被选中的所需图层4添加提醒边框并将该图层调成高亮;当用户松开选中命名后,边框和高亮随之消失,图层恢复到原始状态。
本申请还可以使用在计算能力与手机、计算机相同或高于其的智能终端上。
以上所述的仅是本发明的实施例,方案中公知的具体结构及特性等常识在此未作过多描述,所属领域普通技术人员知晓申请日或者优先权日之前发明所属技术领域所有的普通技术知识,能够获知该领域中所有的现有技术,并且具有应用该日期之前常规实验手段的能力,所属领域普通技术人员可以在本申请给出的启示下,结合自身能力完善并实施本方案,一些典型的公知结构或者公知方法不应当成为所属领域普通技术人员实施本申请的障碍。应当指出,对于本领域的技术人员来说,在不脱离本发明结构的前提下,还可以作出若干变形和改进,这些也应该视为本发明的保护范围,这些都不会影响本发明实施的效果和专利的实用性。本申请要求的保护范围应当以其权利要求的内容为准,说明书中的具体实施方式等记载可以用于解释权利要求的内容。
Claims (9)
1.图像处理方法,其特征在于,包括如下步骤:
步骤一:针对一个编辑界面有多个图层堆叠,用户选择编辑界面的当前图层;
步骤二:识别当前图层的alpha值是否为0,如果当前图层的alpha值为0,则选择直接穿透到下一图层,如果当前图层的alpha值不为0,则先保留当前图层为可选择的图层;
步骤三:完成对所有图层的alpha值识别后,启动图层浏览模式,用户选中最上层的图层,并采用长按切换或滑动切换的方式选中所需图层,当切换到所需图层时,松开选择命令,当前图层停留在编辑界面的最上层;
步骤四:用户需要再次切换其它图层时,再次重复步骤三。
2.根据权利要求1所述的图像处理方法,其特征在于:所述长按切换时长为1~4秒;当长按时间达到后,图层自动切换到下一图层。
3.根据权利要求1所述的图像处理方法,其特征在于:所述滑动切换方式为,长按图层不松开并采取左右滑动切换图层。
4.根据权利要求3所述的图像处理方法,其特征在于:所述步骤三中,当图层切换到下一个后图层后,调节上一图层和下一图层中图像的透明度,使得上一图层和下一图层能够直接通过人眼穿透的虚影,当前被选中的图层添加提醒边框并将该图层调成高亮;当用户松开选中命令后,边框和高亮随之消失,图层恢复到原始状态。
5.根据权利要求1所述的图像处理方法,其特征在于:所述步骤三中的图层浏览模式,为从所选图层的相邻2~3个图层成扇形分布,使得当前图层显示面积最大,两侧面积逐级变小且透明度逐渐增加。
6.一种图层的选择系统,其特征在于:所述系统包括:
获取模块,当用户长按图层,进入获取状态后,用于根据用户通过触摸选中图层后,获取编辑界面所有图层数量;
生成模块,用于根据图层数量,生成一个多层预览图层界面,所述图层界面包括去除alpha值为0的图层后的所有图层;
图层选择模块,用于响应被用户选中的图层,将被选中图层放置到最上层,并形成被选中预览模式。
7.根据权利要求6所述的图层的选择系统,其特征在于:所述获取模块,具体包括:
获取单元,用于检测用户是否进入切换图层的命令,当用户长按当前图层界面超过3秒,表示进入切换图层;
计算单元,用于计算编辑界面有效图层的数量,并记录这些图层在存储器中存储的位置;
数据传输单元,将计算单元中的有效图层数量和位置信息传输到生成模块中。
8.根据权利要求7所述的图层的选择系统,其特征在于:所述生成模块,具体包括:提取单元,将数据传输单元的图层,获取所有图层的标签,形成每个图层的虚拟名称;预览单元,用于将静态的堆叠的多个图层,形成可以浮动窗口,是的多个图层形成可以被移动和切换的状态。
9.一种计算机可读存储介质,其特征在于:所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述方法中记载的任何一种图层的选择方法的部分步骤或全部步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111015402.5A CN113703652A (zh) | 2021-08-31 | 2021-08-31 | 图像处理方法、系统及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111015402.5A CN113703652A (zh) | 2021-08-31 | 2021-08-31 | 图像处理方法、系统及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113703652A true CN113703652A (zh) | 2021-11-26 |
Family
ID=78658238
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111015402.5A Pending CN113703652A (zh) | 2021-08-31 | 2021-08-31 | 图像处理方法、系统及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113703652A (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160253086A1 (en) * | 2014-04-04 | 2016-09-01 | Shell Internet (Beijing) Security Technology Co., Ltd | Device, method, and graphical user interface for managing multiple display windows |
US20170083172A1 (en) * | 2015-09-23 | 2017-03-23 | Microsoft Technology Licensing, Llc | Controlling a Device |
CN107203383A (zh) * | 2017-05-25 | 2017-09-26 | 努比亚技术有限公司 | 一种用户界面调整方法及移动终端 |
CN107315747A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
CN110083292A (zh) * | 2019-04-25 | 2019-08-02 | 北京文香信息技术有限公司 | 界面窗口显示的控制方法、装置、存储介质及电子黑板 |
CN110333804A (zh) * | 2019-06-20 | 2019-10-15 | 珠海文景科技有限公司 | 游戏系统中贴图的响应方法、装置、终端设备和存储介质 |
CN110471604A (zh) * | 2019-07-01 | 2019-11-19 | 华为技术有限公司 | 一种多应用切换方法和相关装置 |
CN110471658A (zh) * | 2019-07-10 | 2019-11-19 | 成都摹客科技有限公司 | 一种图层的选择方法、系统及计算机存储介质 |
CN110968227A (zh) * | 2019-10-09 | 2020-04-07 | 广州视源电子科技股份有限公司 | 智能交互平板的控制方法和装置 |
CN112817501A (zh) * | 2019-11-18 | 2021-05-18 | 腾讯科技(深圳)有限公司 | 一种媒体内容显示的方法以及相关装置 |
-
2021
- 2021-08-31 CN CN202111015402.5A patent/CN113703652A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160253086A1 (en) * | 2014-04-04 | 2016-09-01 | Shell Internet (Beijing) Security Technology Co., Ltd | Device, method, and graphical user interface for managing multiple display windows |
US20170083172A1 (en) * | 2015-09-23 | 2017-03-23 | Microsoft Technology Licensing, Llc | Controlling a Device |
CN107315747A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
CN107203383A (zh) * | 2017-05-25 | 2017-09-26 | 努比亚技术有限公司 | 一种用户界面调整方法及移动终端 |
CN110083292A (zh) * | 2019-04-25 | 2019-08-02 | 北京文香信息技术有限公司 | 界面窗口显示的控制方法、装置、存储介质及电子黑板 |
CN110333804A (zh) * | 2019-06-20 | 2019-10-15 | 珠海文景科技有限公司 | 游戏系统中贴图的响应方法、装置、终端设备和存储介质 |
CN110471604A (zh) * | 2019-07-01 | 2019-11-19 | 华为技术有限公司 | 一种多应用切换方法和相关装置 |
CN110471658A (zh) * | 2019-07-10 | 2019-11-19 | 成都摹客科技有限公司 | 一种图层的选择方法、系统及计算机存储介质 |
CN110968227A (zh) * | 2019-10-09 | 2020-04-07 | 广州视源电子科技股份有限公司 | 智能交互平板的控制方法和装置 |
CN112817501A (zh) * | 2019-11-18 | 2021-05-18 | 腾讯科技(深圳)有限公司 | 一种媒体内容显示的方法以及相关装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111008520B (zh) | 一种批注方法、装置、终端设备及存储介质 | |
CN104756060B (zh) | 基于手势的光标控制 | |
JP6412958B2 (ja) | データ入力方法及び端末 | |
US9310998B2 (en) | Electronic device, display method, and display program | |
KR102193567B1 (ko) | 복수의 이미지를 디스플레이하는 전자 장치 및 이의 이미지 처리 방법 | |
CN103685930B (zh) | 显示控制装置及其控制方法 | |
US20130152018A1 (en) | Electronic device with touch screen and page processing method thereof | |
US9298305B2 (en) | Display control apparatus and method | |
US8782544B2 (en) | Display control apparatus, display control method, and storage medium | |
US20130209069A1 (en) | Moving image recording device, control method therefor, and non-transitory computer readable storage medium | |
CN105183338A (zh) | 对象处理方法 | |
US20140189594A1 (en) | Electronic device and display method | |
JP6142897B2 (ja) | 画像表示装置、表示制御方法及びプログラム | |
JP5962249B2 (ja) | 文字入力プログラム、情報処理装置および文字入力方法 | |
CN105824553A (zh) | 一种触控方法及移动终端 | |
CN113407144B (zh) | 显示控制方法、装置 | |
US20190179507A1 (en) | Method, Device and Computer Storage Medium for Multichannel Touch Control of All-in-One Machine | |
CN107817927B (zh) | 应用图标管理方法和装置 | |
CN110737417B (zh) | 一种演示设备及其标注线的显示控制方法和装置 | |
CN113703652A (zh) | 图像处理方法、系统及存储介质 | |
US20220308740A1 (en) | Information processing system and non-transitory computer readable medium storing program | |
JP4305325B2 (ja) | 付箋情報処理方法、付箋情報処理システム及び付箋情報処理プログラム | |
CN108932054B (zh) | 显示装置、显示方法和非暂时性的记录介质 | |
US20230306763A1 (en) | Image processing method, image processing apparatus, and image processing system | |
US20230418446A1 (en) | Screenshot method, electronic device and computer-readable storage medium |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20211126 |
|
RJ01 | Rejection of invention patent application after publication |