CN114035739B - 图形绘制方法和装置、计算机可读存储介质、电子设备 - Google Patents

图形绘制方法和装置、计算机可读存储介质、电子设备 Download PDF

Info

Publication number
CN114035739B
CN114035739B CN202111341107.9A CN202111341107A CN114035739B CN 114035739 B CN114035739 B CN 114035739B CN 202111341107 A CN202111341107 A CN 202111341107A CN 114035739 B CN114035739 B CN 114035739B
Authority
CN
China
Prior art keywords
control
graph
graphic
pen
touch control
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
Application number
CN202111341107.9A
Other languages
English (en)
Other versions
CN114035739A (zh
Inventor
周文超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN202111341107.9A priority Critical patent/CN114035739B/zh
Publication of CN114035739A publication Critical patent/CN114035739A/zh
Application granted granted Critical
Publication of CN114035739B publication Critical patent/CN114035739B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • 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/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
    • G06F3/0354—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
    • G06F3/03545—Pens or stylus
    • 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/044—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means by capacitive means
    • G06F3/0441—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means by capacitive means using active external devices, e.g. active pens, for receiving changes in electrical potential transmitted by the digitiser, e.g. tablet driving signals

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

图形绘制方法和装置、计算机可读存储介质、电子设备
技术领域
本公开实施例涉及计算机技术领域，具体而言，涉及一种图形绘制方法、图形绘制装置、计算机可读存储介质以及电子设备。
背景技术
随着手机等移动设备的高速发展，基于触摸屏的触摸技术得到了广泛应用，各种电子设备都具有触摸输入的能力，具有触摸输入能力的电子设备以其便携性、易用性得到了人们广泛的认可。
由于在电子设备的电子屏幕上书写、绘画无纸张、油墨的浪费，且方便传阅与存储，已经被越来越多的人所接受和需要。目前，在触摸屏上绘图的方法有：用手指在触摸屏上绘制以及使用电磁笔等外设进行绘制。
但是，使用手指在触摸屏上进行绘制时，手指容易遮挡屏幕导致无法看清绘制的内容，并且，由于手指触摸的不精确性，导致绘制的精确性无法保证；在绘制过程中，当需要切换绘制的颜色或其他设置时，需要打断当前操作，调整完成后才能继续进行绘制；另外，通过电磁笔等外设虽然可以进行比较专业的绘图，但不是所有的电子设备都有对应的外设。
因此，需要提供一种新的图形绘制方法。
需要说明的是，在上述背景技术部分发明的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种图形绘制方法、图形绘制装置、计算机可读存储介质以及电子设备，进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的图形绘制效率低的问题。
根据本公开的一个方面，提供一种图形绘制方法，包括：
响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；
响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；
响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
在本公开的一种示例性实施例中，所述触控操作包括初始触控操作和第一滑动操作；响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置，包括：
响应作用于所述笔触控件的初始触控操作，触发调整所述笔触控件在所述图形绘制区域中的位置；
响应与所述初始触控操作连续的第一滑动操作，根据所述第一滑动操作的结束触控点，在所述图形绘制区域中确定所述笔触控件的目标位置
在本公开的一种示例性实施例中，根所述绘制控件为颜色控件或笔刷控件。
在本公开的一种示例性实施例中，所述笔触控件包括光标子控件以及可变图形子控件；其中，当所述笔触控件发生变化时，所述可变图形子控件的图形颜色发生改变或所述可变图形子控件的图形形状发生改变。
在本公开的一种示例性实施例中，响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，包括：
当所述绘制控件为颜色控件时，响应作用于所述颜色控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形颜色；
根据所述可变图形子控件的图形颜色，确定与所述笔触控件对应的绘制图形颜色；
当所述绘制控件为笔刷控件时，响应作用于所述笔刷控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形形状；
根据所述可变图形子控件的图形形状，确定与所述笔触控件对应的绘制图形形状。
在本公开的一种示例性实施例中，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述颜色控件时，获取所述可变图形子控件的图形颜色；
根据所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的颜色和与所述可变图形子控件的图形颜色相同。
在本公开的一种示例性实施例中，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述笔刷控件时，获取预设的与所述笔触控件对应的绘制图形颜色；
基于所述预设的与所述笔触控件对应的绘制图形颜色，确定所述笔触控件中包括的可变图形子控件的图形颜色以及图形形状；
基于所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色以及图形形状，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的形状和所述可变图形子控件的图形形状相同。
在本公开的一种示例性实施例中，在响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联之后，所述图形绘制方法还包括：
响应对所述笔触控件的第二滑动操作；
根据所述第二滑动操作的触控点，控制所述笔触控件在所述图形绘制区域中进行移动。
根据本公开的一个方面，提供一种图形绘制装置，包括：
目标位置确定模块，用于响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
笔触控件关联模块，用于响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；
图形绘制模块，用于响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；
关联解除模块，用于响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
根据本公开的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一示例性实施例所述的图形绘制方法。
根据本公开的一个方面，提供一种电子设备，包括：
处理器；以及
存储器，用于存储所述处理器的可执行指令；
其中，所述处理器配置为经由执行所述可执行指令来执行上述任一示例性实施例所述的图形绘制方法。
本公开实施例提供的一种图形绘制方法，响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联；一方面，由于通过笔触控件进行绘制，解决了现有技术中通过手指进行绘制时，手指遮挡绘制内容以及绘制精确度低的问题，提高了图形绘制的精确度；另一方面，在进行绘制前，确定笔触控件在图形绘制区域中的目标位置，在进行绘制时，通过响应作用于绘制控件的长按操作以及对笔触控件的滑动操作，在图形绘制区域生成与对笔触控件的滑动操作对应的绘制图形，还原了用户真实控笔的操作，提高了用户的绘制体验；再一方面，绘制前在图形区域中调整笔触控件的位置时不会生成与对笔触控件的滑动操作对应的绘制图形，只有在对绘制控件进行长按操作，并且对笔触控件进行滑动操作时，才会生成与笔触控件的滑动操作对应的绘制图形，减少了绘制过程中的误触，提高了绘制效率。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示意性示出根据本发明示例实施例的一种图形绘制方法的流程图。
图2示意性示出根据本发明示例实施例的一种响应作用于笔触控件的触控操作，确定笔触控件在图形绘制区域中的目标位置的方法流程图。
图3示意性示出根据本发明示例实施例的一种在图形绘制区域确定笔触控件的目标位置的场景示意图。
图4示意性示出根据本公开示例实施例的一种响应作用于所述绘制控件的长按操作确定与所述绘制控件对应的绘制图形类型的方法流程图。
图5示意性示出根据本公开示例实施例的一种当绘制控件为颜色控件时，根据长按操作确定笔触控件在图形绘制区域中绘制图形的颜色的场景示意图。
图6示意性示出根据本公开示例实施例的一种响应在图形绘制区域对笔触控件的滑动操作，基于目标位置以及与绘制控件对应的绘制图形类型，生成与笔触控件的滑动操作对应的绘制图形的方法流程图。
图7示意性示出根据本公开示例实施例的一种当绘制控件为颜色控件时，用户在图形绘制区域中进行绘制的场景示意图。
图8示意性示出根据本公开示例实施例的一种响应在图形绘制区域对笔触控件的滑动操作，基于目标位置以及与绘制控件对应的绘制图形类型，生成与笔触控件的滑动操作对应的绘制图形的方法流程图。
图9示意性示出根据本公开示例实施例的一种当绘制控件为笔刷控件时，在图形绘制区域中生成绘制图形的场景示意图。
图10示意性示出根据本公开示例实施例的一种在响应长按操作的结束，解除绘制控件对应的绘制图形类型与笔触控件之间的关联之后图形绘制方法的流程图。
图11示意性示出根据本公开示例实施例的一种当解除绘制控件对应的绘制图形类型与笔触控件之间的关联之后，在图形绘制区域中绘制的场景示意图。
图12示意性示出根据本发明示例实施例的一种图形绘制装置的框图。
图13示意性示出根据本发明示例实施例的用于实现上述图形绘制方法的电子设备。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本发明将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本发明的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本发明的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本发明的各方面变得模糊。
此外，附图仅为本发明的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
使用手指在触摸屏上进行绘制时，手指点击在电子设备的触摸屏上，生成触点，在触点位置根据当前选中的笔刷绘制图形。只要用户的手指不离开触摸屏，拖动手指在触摸屏上滑动会持续生成对应的图像，当用户的手指离开触摸屏后，触点消失，绘制停止。使用电磁笔、手绘板等外设进行绘制时，可以很好地还原真实纸笔书写的体验，拥有高精度压感检测、无手指遮挡，并且可以让笔尖悬停显示触点，实现高精度绘图，被广泛应用于专业绘图中，但是，并非所有的电子设备都有配套的外设。
基于上述一个或者多个问题，本示例实施方式中首先提供了一种图形绘制方法，该方法可以运行于设备终端，该设备终端可以包括台式计算机、便携式计算机、智能手机和平板电脑等等；当然，本领域技术人员也可以根据需求在其他平台运行本发明的方法，本示例性实施例中对此不做特殊限定。参考图1所示，该图形绘制方法可以包括以下步骤：
步骤S110.响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
步骤S120.响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；
步骤S130.响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；
步骤S140.响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
上述图形绘制方法，响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联；一方面，由于通过笔触控件进行绘制，解决了现有技术中通过手指进行绘制时，手指遮挡绘制内容以及绘制精确度低的问题，提高了图形绘制的精确度；另一方面，在进行绘制前，确定笔触控件在图形绘制区域中的目标位置，在进行绘制时，通过响应作用于绘制控件的长按操作以及对笔触控件的滑动操作，在图形绘制区域生成与对笔触控件的滑动操作对应的绘制图形，还原了用户真实控笔的操作，提高了用户的绘制体验；再一方面，绘制前在图形区域中调整笔触控件的位置时不会生成与对笔触控件的滑动操作对应的绘制图形，只有在对绘制控件进行长按操作，并且对笔触控件进行滑动操作时，才会生成与笔触控件的滑动操作对应的绘制图形，减少了绘制过程中的误触，提高了绘制效率。
以下，对本公开示例实施例的图形绘制方法中涉及的各步骤进行详细的解释以及说明。
首先，对本公开示例实施例的应用场景以及发明目的进行解释以及说明。具体的，本公开示例实施例可以用于在具备触摸屏的显示设备中进行精确绘制。主要在绘制之前，确定笔触控件在图形绘制区域中的目标位置，在通过滑动操作调整笔触控件的位置时不会在图形绘制区域中生成与滑动操作对应的绘制图形，减少了绘制过程中的误触，提高了绘制的效率；进行绘制时，响应对绘制控件的长按操作，在对绘制控件长按操作的基础上对笔触控件进行滑动操作，生成与笔触控件的滑动操作对应的绘制图形，并将该绘制图形显示在图形绘制区域中，提高了图形绘制的精确度。
其次，对步骤S110-步骤S140进行详细的解释以及说明。
在步骤S110中，响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置。
其中，笔触控件位于图形绘制区域中，可以通过用户作用于笔触控件的初始触控操作以及与初始触控操作连续的第一滑动操作在图形绘制区域中对笔触控件的位置进行调整；初始触控操作可以为用户对笔触控件的点击操作，也可以为用户对笔触控件的按压操作，在本示例实施例中，对触控操作不做具体限定；笔触控件在图形绘制区域中的目标位置为用户在电子设备中绘制图形时，该绘制图形的起点；用户可以通过交互介质对笔触控件进行触控操作或者滑动操作，该交互介质可以为用户的食指，也可以为用户的中指，在本示例实施例中对交互介质不做具体限定。笔触控件包括光标子控件以及可变图形子控件，当绘制控件确定的绘制图形类型与笔触控件建立关联或者解除关联后，笔触控件会发生变化，其中，当笔触控件发生变化时，笔触控件中包括的可变图形子控件的图形形状和/或图形颜色可以发生改变。用户通过交互介质对笔触控件进行触控操作时，主要对笔触控件中的光标子控件进行触控操作，通过对该光标子控件的触控操作，解决了现有技术中直接通过用户的交互介质在图形区域中进行绘制时，用户交互介质遮挡图形绘制区域导致用户无法看清绘制图形，导致绘制图形精确性低的问题，提高了绘制图形的精确性。
在本示例实施例中，用户的交互介质对笔触控件的触控操作包括用户的交互介质对笔触控件的初始触控操作以及第一滑动操作，其中，初始触控操作用于触发在图形绘制区域中对笔触控件的位置进行调整，第一滑动操作用于在图形绘制区域中确定笔触控件的目标位置。参考图2所示，响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置，可以包括步骤S210以及步骤S220：
步骤S210.响应作用于所述笔触控件的初始触控操作，触发调整所述笔触控件在所述图形绘制区域中的位置；
步骤S220.响应与所述初始触控操作连续的第一滑动操作，根据所述第一滑动操作的结束触控点，在所述图形绘制区域中确定所述笔触控件的目标位置。
以下，将对步骤S210、步骤S220进行解释以及说明。具体的，首先，响应用户通过交互介质作用户笔触控件的初始触控操作，触发在图形绘制区域中对笔触控件的位置进行调整；在触发对笔触控件在图形绘制区域中的位置进行调整之后，响应与初始触控操作连续的第一滑动操作，根据用户的第一滑动操作对笔触控件在图形绘制区域中的位置进行调整，当接收到用户的第一滑动操作的结束触控点之后，根据该结束触控点得到笔触控件在图形绘制区域中的目标位置。
在可选的实施例中，笔触控件包括光标子控件以及可变图形子控件。其中，光标子控件与可变图形子控件作为一个整体，两者的位置相关联，比如，当用户控制光标子控件在图形绘制区域移动时，可变图形子控件跟随光标子控件对应进行移动。光标子控件和可变图形子控件各自的形状以及两者之间的方位关系可根据实际的使用需求灵活设置，可选地，光标子控件和可变图形子控件可以连成一体(比如光标子控件的箭头标识衔接于可变图形子控件的外周上)，也可以分别为两个独立的个体(比如光标子控件设置于可变图形子控件周围区域)。具例而言，参考图3所示，电子设备的显示屏上显示一图形用户界面，在该图形用户界面中包括图形绘制区域301，笔触控件302以及绘制控件303；其中，笔触控件302包括光标子控件3021以及可变图形子控件3022，光标子控件3021与可变图形子控件3022连成一体，且光标子控件3021位于可变图形子控件3022的右下方；用户在电子设备的显示屏上绘制图形之前，用户通过自己的手指对显示在显示屏上的笔触控件302中的光标子控件3021进行初始触控操作，电子设备响应到用户对光标子控件3021的初始触控操作后，触发在图形绘制区域中对笔触控件的位置进行调整，当触发对笔触控件的位置调整之后，用户在显示屏上进行与对光标子控件3021的初始触控操作连续的第一滑动操作，当电子设备响应到与对光标子控件3021的初始触控操作连续的第一滑动操作之后，控制笔触控件在图形绘制区域中根据用户的滑动操作进行移动，当电子设备响应到用户对与笔触控件的触控操作连续的第一滑动操作的结束触控点时，根据该结束触控点在图形绘制区域中确定笔触控件的目标位置。
进一步的，在本示例实施例中，在响应与所述触控操作连续的第一滑动操作，对所述笔触控件在所述图形绘制区域中的位置进行调整时，不会生成与第一滑动操作对应的绘制图形。具体的，当笔触控件进入移动模式时，不会在图形绘制区域进行绘制，即，当用户利用交互介质通过与触控操作连续的第一滑动操作在电子设备上对笔触控件的位置进行调整时，不会生成与用户的第一滑动操作对应的绘制图形。
在步骤S120中，响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联。
其中，绘制控件可以为颜色控件，也可以为笔刷控件，在本示例实施例中对绘制控件不做具体限定；通过颜色控件可以确定通过笔触控件绘制的图形的颜色；通过笔刷控件可以确定通过笔触控件绘制的图形的形态，其中，绘制的图形的形态可以为直线，也可以为虚线，还可以为其他几何图形，在本示例实施例中对绘制的图形的形态不做具体限定。
在本示例实施例中，当响应到用户作用于绘制控件的长按操作之后，可以根据用户长按操作确定与绘制控件对应的绘制图形类型，并建立绘制图形类型与笔触控件之间的关联。当用户进行长按操作的绘制控件为颜色控件时，建立关联之后，笔触控件中包括的可变图形子控件的图形颜色更新为用户长按操作选择的颜色控件的颜色；当用户进行长按操作的绘制控件为笔刷控件时，建立关联之后，笔触控件中包括的可变图形子控件的图形形状更新为用户长按操作选择的笔刷控件的形状。具体的，用户可以通过自己的第一交互介质对颜色控件或笔刷控件进行长按操作，建立颜色控件确定的颜色与笔触控件之间的关联，或者建立笔刷控件确定的形状与笔触控件之间的关联，当建立关联之后，对笔触控件的可变图形子控件的图形颜色和/或图形形状进行更新，并通过第二交互介质在图形绘制区域对更新后的笔触控件进行滑动操作，其中，用户的第一交互介质可以为用户左手的食指，也可以为用户左手的大拇指，用户的第二交互介质可以为用户右手的大拇指，也可以为用户右手的食指，在本示例实施例中对用户的第一交互介质以及第二交互介质不做具体限定。
在本示例实施例中，参考图4所示，响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，可以包括步骤S410-步骤S440：
步骤S410.当所述绘制控件为颜色控件时，响应作用于所述颜色控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形颜色；
步骤S420.根据所述可变图形子控件的图形颜色，确定与所述笔触控件对应的绘制图形颜色；
步骤S430.当所述绘制控件为笔刷控件时，响应作用于所述笔刷控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形形状；
步骤S440.根据所述可变图形子控件的图形形状，确定与所述笔触控件对应的绘制图形形状。
以下，将对步骤S410-步骤S440进行解释以及说明。具体的，当绘制控件为颜色控件时，响应作用于颜色控件的长按操作，通过该作用于该颜色控件的长按操作，确定笔触控件中包括的可变图形子控件的图形颜色，并根据该可变图形子控件的图形颜色，确定笔触控件在图形绘制区域中绘制图形的颜色；当绘制控件为笔刷控件时，响应作用于笔刷控件的长按操作，通过该作用于笔刷控件的长按操作，确定笔触控件中包括的可变图形子控件的图形形状，并根据该可变图形子控件的图形形状确定笔触控件在图形绘制区域绘制图形的形状，其中，可以基于直线进行绘制，也可以为基于虚线进行绘制，还可以基于几何图形进行绘制，在本示例实施例中，对此不做具体限定。
举例而言，参考图5所示，当绘制控件为颜色控件时，通过用户的第一交互介质501长按该颜色控件502时，建立笔触控件503与颜色控件502确定的绘制图形颜色之间的关联，对笔触控件503中包括的可变图形子控件5031的图形颜色进行更新，并根据更新后的笔触控件中包括的可变图形子控件的图形颜色确定笔触控件在图形绘制区域中绘制图形的颜色。
在步骤S130中，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面。
其中，对所述笔触控件的滑动操作可以是对光标子控件的滑动操作，比如用户第二交互介质对光标子控件进行滑动操作，以控制光标子控件移动，此时可变图形子控件跟随光标子控件对应进行移动。生成的绘制图形为与可变图形子控件的形状或颜色相对应的绘制图形。在本示例实施例中，用户通过对光标子控件的滑动操作生成与可变图形子控件对应的绘制图形，在绘制过程中，滑动光标子控件不会遮挡可变图形子控件，解决了手指绘制时遮挡绘制内容以及通过手指绘制精确度低的问题，提高了图形绘制的精确度。
进一步的，参考图6所示，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，可以包括步骤S610以及步骤S620：
步骤S610.当所述绘制控件为所述颜色控件时，获取所述可变图形子控件的图形颜色；
步骤S620.根据所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的颜色和与所述可变图形子控件的图形颜色相同。
以下，将对步骤S610、步骤S620进行解释以及说明。具体的，当绘制控件为颜色控件时，首先获取笔触控件中包括的可变图形子控件的图形颜色；然后，根据笔触控件在图形绘制区域的目标位置以及可变图形子控件的图形颜色，通过用户第二交互介质对笔触控件的滑动操作，在图形绘制区域生成与用户的滑动操作对应的绘制图形，其中，绘制图形的颜色为可变图形子控件的图形颜色；用户的第二交互介质可以为用户右手的大拇指，也可以为用户右手的食指，在本示例实施例中对用户第二交互介质不做具体限定。在长按绘制控件的基础上对图形绘制区域中的笔触控件进行滑动操作，生成与用户的滑动操作对应的绘制图形，提高了在电子设备中图形绘制的精确度。
举例而言，参考图7所示，在用户的第一交互介质701对颜色控件702进行长按操作的基础上，用户的第二交互介质703对图形绘制区域704中的笔触控件705进行滑动操作，以使得在图形绘制区域中从笔触控件的目标位置开始生成与用户的滑动操作对应的绘制图形，其中，绘制图形的颜色为笔触控件705中包括的可变图形子控件的图形颜色。
在本示例实施例中，参考图8所示，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，可以包括步骤S810-步骤S830：
步骤S810.当所述绘制控件为所述笔刷控件时，获取预设的与所述笔触控件对应的绘制图形颜色；
步骤S820.基于所述预设的与所述笔触控件对应的绘制图形颜色，确定所述笔触控件中包括的可变图形子控件的图形颜色以及图形形状；
步骤S830.基于所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色以及图形形状，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的形状和所述可变图形子控件的图形形状相同。
以下，将对步骤S810-步骤S830进行解释以及说明。具体的，当用户长按操作的绘制控件为笔刷控件时，获取预设的笔触控件在图形绘制区域中绘制图形的颜色；然后，根据预设的笔触控件在图形绘制区域中绘制图形的颜色确定笔触控件中包括的可变图形子控件的图形颜色以及图形形状，根据笔触控件在图形绘制区域中的目标位置、可变图形子控件的图形颜色以及图形形状，通过用户的第二交互介质对笔触控件在图形绘制区域中的滑动操作，生成与笔触控件的滑动操作对应的绘制图形。其中，绘制图形的形状与可变图形子控件的图形形状相同；笔刷控件中包括多种笔刷，可以为图形笔刷，也可以为橡皮擦笔刷，在本示例实施例中对此不做具体限定。具体的，当用户第一交互介质进行长按操作的绘制控件为笔刷控件时，可以在电子设备的图形用户界面中显示笔触控件在图形绘制区域中绘制时可以选择的颜色，用户可以基于显示的颜色进行选择，确定笔触控件中包括的可变图形子控件的图形颜色；绘制图形的形状是由用户的第一交互介质对笔刷控件长按操作确定的；用户的第一交互介质可以为用户左手的食指，也可以为用户左手的大拇指，用户的第二交互介质可以为用户右手的大拇指，也可以为用户右手的食指，在本示例实施例中对用户的第一交互介质以及第二交互介质不做具体限定。在长按绘制控件的基础上对图形绘制区域中的笔触控件进行滑动操作，生成与用户的滑动操作对应的绘制图形，提高了在电子设备中图形绘制的精确度。
举例而言，参考图9所示，当用户的第一交互介质进行长按操作的绘制控件为笔刷控件时，首先，在图形用户界面上显示颜色控件901，然后用户对颜色控件中的颜色进行选择，得到预设的笔触控件在图形绘制区域中绘制图形的颜色，对笔触控件中包括的可变图形子控件的图形颜色进行更新；然后，用户的第一交互介质902对绘制控件903进行长按操作，确定笔触控件在图形绘制区域中绘制的图形的形态，并对笔触控件中包括的可变图形子控件的图形形状进行更新；最后，在用户第一交互介质对绘制控件长按的基础上，用户的第二交互介质904在图形绘制区域905中进行滑动操作，并在图形绘制区域中生成与用户的滑动操作对应的绘制图形。
生成与笔触控件的滑动操作对应的绘制图形之后，可以将该绘制图形显示至用户图形界面。
在步骤S140中，响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
在本示例实施例中，当响应到长按操作的结束，可以解除绘制控件对应的绘制图形类型与笔触控件之间的关联，当解除关联之后，可以将笔触控件中包括的可变图形子控件的图形颜色和/或图形形状更新为可变图形子控件的初始图形颜色和/或初始图形形状。举例而言，当笔触控件中包括的可变图形子控件的初始图形颜色为白色，初始图形形状为正方形，用户的第一交互介质进行长按操作的绘制控件为笔刷控件，建立关联之后，笔触控件中包括的可变图形子控件的图形颜色为红色，图形形状为三角形，通过用户的第二交互介质在图形绘制区域中进行滑动操作得到的绘制图形为红色的三角形，当响应到长按操作的结束，解除关联之后，笔触控件中包括的可变图形子控件的图形颜色更新为白色，图形形状更新为正方形。
进一步的，在本示例实施例中，参考图10所示，在响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联之后，所述图形绘制方法还可以包括步骤S1010以及步骤S1020：
步骤S1010.响应对所述笔触控件的第二滑动操作；
步骤S1020.根据所述第二滑动操作的触控点，控制所述笔触控件在所述图形绘制区域中进行移动。
以下，将对步骤S1010、步骤S1020进行解释以及说明。具体的，当解除笔触控件与绘制控件对应的回执图形类型之间的关联之后，可以响应用户的交互介质在图形绘制区域中对笔触控件的第二滑动操作，并根据第二滑动操作的触控点控制笔触控件在图形绘制区域中进行移动。当进行移动时不会在图形绘制区域中生成与用户的第二滑动操作对应的绘制图形。举例而言，参考图11所示，当用户的第一交互介质离开电子设备，即，用户的第一交互介质对绘制控件的长按操作结束时，当用户的第二交互介质在1101在图形绘制区域1102中进行第二滑动操作时，图形绘制区域1102中不会生成与用户滑动操作对应的绘制图形。在本示例实施例中，当在绘制控件长按操作的基础上在图形绘制区域进行滑动操作，才能生成与用户滑动操作对应的绘制图形，避免了图形绘制中由于误触而需要频繁修改，导致绘制效率不高的问题，提高了在电子设备中绘制图形的效率。
本公开示例实施例提供的图形绘制方法至少具有以下优点：一方面，在电子设备中进行图形绘制时，通过对笔触控件在图形绘制区域中的滑动操作生成对应的绘制图形，解决了现有技术中通过手指进行绘制时，手指会遮挡绘制内容以及通过手指绘制精确度低的问题，提高了图形绘制的精确度；另一方面，在绘制图形之前，先在图形绘制区域中确定笔触控件的目标位置，绘制时，通过第一交互介质对绘制控件的长按操作以及第二交互介质在图形绘制区域中的滑动操作，在图形绘制区域生成与用户滑动操作对应的绘制图形，还原了用户真实控笔的操作，提高了用户的绘制体验。
本公开示例实施例还提供了一种图形绘制装置，参考图12所示，可以包括：目标位置确定模块1210、笔触控件关联模块1220、图形绘制模块1230以及关联解除模块1240。其中：
目标位置确定模块1210，用于响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
笔触控件关联模块1220，用于响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；
图形绘制模块1230，用于响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；
关联解除模块1240，用于响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
上述图形绘制装置中各模块的具体细节已经在对应的图形绘制方法中进行了详细的描述，因此此处不再赘述。
在本公开的一种示例性实施例中，所述触控操作包括初始触控操作和第一滑动操作；响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置，包括：
响应作用于所述笔触控件的初始触控操作，触发调整所述笔触控件在所述图形绘制区域中的位置；
响应与所述初始触控操作连续的第一滑动操作，根据所述第一滑动操作的结束触控点，在所述图形绘制区域中确定所述笔触控件的目标位置
在本公开的一种示例性实施例中，根所述绘制控件为颜色控件或笔刷控件。
在本公开的一种示例性实施例中，所述笔触控件包括光标子控件以及可变图形子控件；其中，当所述笔触控件发生变化时，所述可变图形子控件的图形颜色发生改变或所述可变图形子控件的图形形状发生改变。
在本公开的一种示例性实施例中，响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，包括：
当所述绘制控件为颜色控件时，响应作用于所述颜色控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形颜色；
根据所述可变图形子控件的图形颜色，确定与所述笔触控件对应的绘制图形颜色；
当所述绘制控件为笔刷控件时，响应作用于所述笔刷控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形形状；
根据所述可变图形子控件的图形形状，确定与所述笔触控件对应的绘制图形形状。
在本公开的一种示例性实施例中，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述颜色控件时，获取所述可变图形子控件的图形颜色；
根据所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的颜色和与所述可变图形子控件的图形颜色相同。
在本公开的一种示例性实施例中，响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述笔刷控件时，获取预设的与所述笔触控件对应的绘制图形颜色；
基于所述预设的与所述笔触控件对应的绘制图形颜色，确定所述笔触控件中包括的可变图形子控件的图形颜色以及图形形状；
基于所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色以及图形形状，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的形状和所述可变图形子控件的图形形状相同。
在本公开的一种示例性实施例中，在响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联之后，所述图形绘制方法还包括：
响应对所述笔触控件的第二滑动操作；
根据所述第二滑动操作的触控点，控制所述笔触控件在所述图形绘制区域中进行移动。
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外，尽管在附图中以特定顺序描述了本发明中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。
在本发明的示例性实施例中，还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。
下面参照图13来描述根据本发明的这种实施方式的电子设备1300。图13显示的电子设备1300仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图13所示，电子设备1300以通用计算设备的形式表现。电子设备1300的组件可以包括但不限于：上述至少一个处理单元1310、上述至少一个存储单元1320、连接不同系统组件(包括存储单元1320和处理单元1310)的总线1330以及显示单元1340。
其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元1310执行，使得所述处理单元1310执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元1310可以执行如图1中所示的步骤S110：响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；S120：响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；S130：响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；S140：响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联。
存储单元1320可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)13201和/或高速缓存存储单元13202，还可以进一步包括只读存储单元(ROM)13203。
存储单元1320还可以包括具有一组(至少一个)程序模块13205的程序/实用工具13204，这样的程序模块13205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线1330可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备1300也可以与一个或多个外部设备1400(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1300交互的设备通信，和/或与使得该电子设备1300能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1350进行。并且，电子设备1300还可以通过网络适配器1360与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器1360通过总线1330与电子设备1300的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1300使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本发明实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本发明实施方式的方法。
在本发明的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
根据本发明的实施方式的用于实现上述方法的程序产品，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里发明的发明后，将容易想到本发明的其他实施例。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未发明的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由权利要求指出。

Claims (9)

1.一种图形绘制方法，其特征在于，通过终端设备提供一图形用户界面，所述图形用户界面中包括图形绘制区域、笔触控件以及绘制控件，其中所述笔触控件位于所述图形绘制区域中，所述笔触控件包括光标子控件以及可变图形子控件，所述图形绘制方法包括：
响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；其中，当所述绘制控件为笔刷控件时，响应作用于所述笔刷控件的长按操作，确定所述可变图形子控件的图形形状；根据所述可变图形子控件的图形形状，确定与所述笔触控件对应的绘制图形形状；所述关联使得所述可变图形子控件作用在所述图形绘制区域上的每个触点关联一个绘制图形；
响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；其中，所述长按操作和所述滑动操作是同时进行的；
响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联；
响应对所述笔触控件的第二滑动操作，根据所述第二滑动操作的触控点，控制所述笔触控件在所述图形绘制区域中进行移动。
2.根据权利要求1所述的图形绘制方法，其特征在于，所述触控操作包括初始触控操作和第一滑动操作；响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置，包括：
响应作用于所述笔触控件的初始触控操作，触发调整所述笔触控件在所述图形绘制区域中的位置；
响应与所述初始触控操作连续的第一滑动操作，根据所述第一滑动操作的结束触控点，在所述图形绘制区域中确定所述笔触控件的目标位置。
3.根据权利要求1所述的图形绘制方法，其特征在于，当所述笔触控件发生变化时，所述可变图形子控件的图形颜色发生改变或所述可变图形子控件的图形形状发生改变。
4.根据权利要求3所述的图形绘制方法，其特征在于，所述响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，包括：
当所述绘制控件为颜色控件时，响应作用于所述颜色控件的长按操作，确定所述笔触控件中包括的所述可变图形子控件的图形颜色；
根据所述可变图形子控件的图形颜色，确定与所述笔触控件对应的绘制图形颜色。
5.根据权利要求4所述的图形绘制方法，其特征在于，所述响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述颜色控件时，获取所述可变图形子控件的图形颜色；
根据所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的颜色和与所述可变图形子控件的图形颜色相同。
6.根据权利要求1所述的图形绘制方法，其特征在于，所述响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，包括：
当所述绘制控件为所述笔刷控件时，获取预设的与所述笔触控件对应的绘制图形颜色；
基于所述预设的与所述笔触控件对应的绘制图形颜色，确定所述笔触控件中包括的可变图形子控件的图形颜色以及图形形状；
基于所述笔触控件在所述图形绘制区域的目标位置、所述可变图形子控件的图形颜色以及图形形状，生成与所述笔触控件的滑动操作对应的绘制图形；其中，所述绘制图形的形状和所述可变图形子控件的图形形状相同。
7.一种图形绘制装置，其特征在于，通过终端设备提供一图形用户界面，所述图形用户界面中包括图形绘制区域、笔触控件以及绘制控件，其中所述笔触控件位于所述图形绘制区域中，所述笔触控件包括光标子控件以及可变图形子控件，所述图形绘制装置包括：
目标位置确定模块，用于响应作用于所述笔触控件的触控操作，确定所述笔触控件在所述图形绘制区域中的目标位置；
笔触控件关联模块，用于响应作用于所述绘制控件的长按操作，确定与所述绘制控件对应的绘制图形类型，并将所述绘制控件对应的绘制图形类型与所述笔触控件进行关联；其中，当所述绘制控件为笔刷控件时，响应作用于所述笔刷控件的长按操作，确定所述可变图形子控件的图形形状；根据所述可变图形子控件的图形形状，确定与所述笔触控件对应的绘制图形形状；所述关联使得所述可变图形子控件作用在所述图形绘制区域上的每个触点关联一个绘制图形；
图形绘制模块，用于响应在所述图形绘制区域对所述笔触控件的滑动操作，基于所述目标位置以及与所述绘制控件对应的绘制图形类型，生成与所述笔触控件的滑动操作对应的绘制图形，并将所述绘制图形显示至所述用户图形界面；其中，所述长按操作和所述滑动操作是同时进行的；
关联解除模块，用于响应所述长按操作的结束，解除所述绘制控件对应的绘制图形类型与所述笔触控件之间的关联；响应对所述笔触控件的第二滑动操作，根据所述第二滑动操作的触控点，控制所述笔触控件在所述图形绘制区域中进行移动。
8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-6任一项所述的图形绘制方法。
9.一种电子设备，其特征在于，包括：
处理器；以及
存储器，用于存储所述处理器的可执行指令；
其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1-6任一项所述的图形绘制方法。
CN202111341107.9A 2021-11-12 2021-11-12 图形绘制方法和装置、计算机可读存储介质、电子设备 Active CN114035739B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111341107.9A CN114035739B (zh) 2021-11-12 2021-11-12 图形绘制方法和装置、计算机可读存储介质、电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111341107.9A CN114035739B (zh) 2021-11-12 2021-11-12 图形绘制方法和装置、计算机可读存储介质、电子设备

Publications (2)

Publication Number Publication Date
CN114035739A CN114035739A (zh) 2022-02-11
CN114035739B true CN114035739B (zh) 2023-12-29

Family

ID=80137448

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111341107.9A Active CN114035739B (zh) 2021-11-12 2021-11-12 图形绘制方法和装置、计算机可读存储介质、电子设备

Country Status (1)

Country Link
CN (1) CN114035739B (zh)

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631516A (zh) * 2012-08-27 2014-03-12 三星电子株式会社 触摸敏感设备和对内容的基于触摸的操纵的方法
CN107667333A (zh) * 2015-06-10 2018-02-06 苹果公司 用于利用触笔来操纵用户界面的设备和方法
CN108304132A (zh) * 2018-01-19 2018-07-20 广州视源电子科技股份有限公司 图形显示方法、装置、设备及存储介质
CN109219796A (zh) * 2016-06-12 2019-01-15 苹果公司 实时视频上的数字触摸
CN109375854A (zh) * 2018-09-26 2019-02-22 Oppo（重庆）智能科技有限公司 绘图方法、装置、存储介质及电子设备
CN109739372A (zh) * 2018-12-17 2019-05-10 掌阅科技股份有限公司 用于手写输入设备的图形绘制方法及手写阅读设备
CN110720087A (zh) * 2017-06-02 2020-01-21 苹果公司 用于注释内容的设备、方法和图形用户界面
CN111475097A (zh) * 2020-04-07 2020-07-31 广州视源电子科技股份有限公司 一种笔迹选择方法、装置、计算机设备和存储介质
CN112199030A (zh) * 2020-10-14 2021-01-08 网易（杭州）网络有限公司 图形绘制方法、装置、存储介质及终端设备
CN112328158A (zh) * 2020-07-23 2021-02-05 深圳Tcl新技术有限公司 交互方法、显示装置、发射装置、交互系统及存储介质
CN112987976A (zh) * 2021-04-13 2021-06-18 深圳市千分一智能技术有限公司 触摸笔及其书写笔迹的显示方法、装置以及终端设备
CN113064540A (zh) * 2021-03-23 2021-07-02 网易（杭州）网络有限公司 基于游戏的绘制方法、绘制装置、电子设备及存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6313395B1 (ja) * 2016-10-17 2018-04-18 グリー株式会社 描画処理方法、描画処理プログラム及び描画処理装置

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631516A (zh) * 2012-08-27 2014-03-12 三星电子株式会社 触摸敏感设备和对内容的基于触摸的操纵的方法
CN107667333A (zh) * 2015-06-10 2018-02-06 苹果公司 用于利用触笔来操纵用户界面的设备和方法
CN111414121A (zh) * 2015-06-10 2020-07-14 苹果公司 用于利用触笔来操纵用户界面的设备和方法
CN109219796A (zh) * 2016-06-12 2019-01-15 苹果公司 实时视频上的数字触摸
CN110720087A (zh) * 2017-06-02 2020-01-21 苹果公司 用于注释内容的设备、方法和图形用户界面
CN108304132A (zh) * 2018-01-19 2018-07-20 广州视源电子科技股份有限公司 图形显示方法、装置、设备及存储介质
CN109375854A (zh) * 2018-09-26 2019-02-22 Oppo（重庆）智能科技有限公司 绘图方法、装置、存储介质及电子设备
CN109739372A (zh) * 2018-12-17 2019-05-10 掌阅科技股份有限公司 用于手写输入设备的图形绘制方法及手写阅读设备
CN111475097A (zh) * 2020-04-07 2020-07-31 广州视源电子科技股份有限公司 一种笔迹选择方法、装置、计算机设备和存储介质
CN112328158A (zh) * 2020-07-23 2021-02-05 深圳Tcl新技术有限公司 交互方法、显示装置、发射装置、交互系统及存储介质
CN112199030A (zh) * 2020-10-14 2021-01-08 网易（杭州）网络有限公司 图形绘制方法、装置、存储介质及终端设备
CN113064540A (zh) * 2021-03-23 2021-07-02 网易（杭州）网络有限公司 基于游戏的绘制方法、绘制装置、电子设备及存储介质
CN112987976A (zh) * 2021-04-13 2021-06-18 深圳市千分一智能技术有限公司 触摸笔及其书写笔迹的显示方法、装置以及终端设备

Also Published As

Publication number Publication date
CN114035739A (zh) 2022-02-11

Similar Documents

Publication Publication Date Title
US20220261126A1 (en) Display control method and device, electronic device and storage medium
CN109062479B (zh) 分屏应用切换方法、装置、存储介质和电子设备
CN107122119B (zh) 信息处理方法、装置、电子设备及计算机可读存储介质
JP2019220237A (ja) 文字入力インターフェース提供方法及び装置
KR101328202B1 (ko) 제스처 입력을 통한 기능 수행 명령실행 방법 및 장치
EP3002664B1 (en) Text processing method and touchscreen device
CN108553894B (zh) 显示控制方法及装置、电子设备、存储介质
CN104007894A (zh) 便携式设备及其多应用操作方法
CN103955339A (zh) 一种终端操作方法及终端设备
CN106104450B (zh) 选择图形用户界面某一部分的方法
CN110471609B (zh) 文本信息编辑方法、装置、计算机设备和存储介质
CN109939445B (zh) 信息处理方法及装置、电子设备、存储介质
CN111766995A (zh) 数值调节控制方法、装置、电子设备及存储介质
US20180224997A1 (en) Method and system for one-handed operations of mobile terminal
CN111701226A (zh) 图形用户界面中控件的控制方法、装置、设备及存储介质
CN105824531A (zh) 数值调整方法及装置
CN111324252B (zh) 直播平台中的显示控制方法及装置、存储介质及电子设备
CN109865285B (zh) 游戏中的信息处理方法及装置、计算机存储介质
CN104303145A (zh) 根据应用的转化配置文件将触摸输入转化成本地输入
CN110275659A (zh) 一种图像切换方法、装置、电子设备及存储介质
CN111225107B (zh) 音量调节方法及装置、电子设备、存储介质
CN110427139B (zh) 文本处理方法及装置、计算机存储介质、电子设备
CN108492349A (zh) 书写笔画的处理方法、装置、设备和存储介质
CN110427138A (zh) 翻译信息处理方法、装置、电子设备及存储介质
CN114035739B (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