CN107479821A - 一种界面绘制方法及装置 - Google Patents

一种界面绘制方法及装置 Download PDF

Info

Publication number
CN107479821A
CN107479821A CN201710751566.1A CN201710751566A CN107479821A CN 107479821 A CN107479821 A CN 107479821A CN 201710751566 A CN201710751566 A CN 201710751566A CN 107479821 A CN107479821 A CN 107479821A
Authority
CN
China
Prior art keywords
screen
drawing area
area
content
texture
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
Application number
CN201710751566.1A
Other languages
English (en)
Other versions
CN107479821B (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.)
Qingdao Hisense Electronics Co Ltd
Original Assignee
Qingdao Hisense Electronics 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 Qingdao Hisense Electronics Co Ltd filed Critical Qingdao Hisense Electronics Co Ltd
Priority to CN201710751566.1A priority Critical patent/CN107479821B/zh
Publication of CN107479821A publication Critical patent/CN107479821A/zh
Application granted granted Critical
Publication of CN107479821B publication Critical patent/CN107479821B/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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Image Generation (AREA)

Abstract

本发明公开了一种界面绘制方法及装置，所述方法包括：将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；将更新后的所述最小区域的纹理传输给绘制引擎；通知所述绘制引擎刷新所述屏幕可绘制区域中所述最小区域的显示内容。本方法中，从像素载体到屏幕可绘制区域映射时，仅映射像素载体上的绘图区域内的所有像素点；更新屏幕可绘制区域纹理时，也只更新绘图区域所在最小区域的纹理；绘制引擎在刷新时也只刷新最小区域的显示内容。因此，本方法计算工作量小、降低了资源消耗，同时还能提高绘制刷新速度，缩短用户动作与绘制内容展现的时间差，提高用户体验。

Description

一种界面绘制方法及装置
技术领域
本发明涉及界面绘制技术领域，尤其涉及一种界面绘制方法及装置。
背景技术
随着触摸屏设备的普及应用，触摸屏设备已经深入影响到了人们的工作和生活，在众多触摸屏设备当中，又以触摸一体机这类产品最为被人们熟悉和使用。触摸一体机集合了电脑主机、显示器、电视以及触摸屏等多种设备功能于一体，它可以实时显示或循环播放文字、图形和图像信息，具有显示方式丰富、观赏性强、显示内容修改方便、亮度高以及显示稳定且寿命长等多种优点，被广泛应用于教育教学、商业展示、会议培训、医疗、政府机关等诸多领域。现有的触摸一体机都设置有界面绘制功能，可在屏幕上通过触摸滑动实现书写、绘图等。
目前，在触摸一体机上实现书写和绘图过程中，以用户绘制内容为如图1所示的一条曲线为例，触摸一体机常用的界面绘制方法包括：触摸一体机的控制器将该曲线绘制到像素载体上，其中，像素载体为控制器根据触摸一体机屏幕的屏幕可绘制区域的范围进行预先构造；将像素载体上包括该曲线和该曲线以外的所有点的纹理映射到屏幕可绘制区域，并更新屏幕可绘制区域所有点的纹理，其中，所述映射，以像素载体和屏幕可绘制区域的设置比例为1:4为例，将像素载体上包括该曲线和曲线以外所有点的纹理均对应1:4的比例投影到屏幕可绘制区域，从而获得屏幕可绘制区域所有点的纹理，所述更新为将投影获得的所有点纹理数据替换屏幕可绘制区域所有点原纹理数据的过程；将更新后的屏幕可绘制区域的纹理传输给绘制引擎，通知绘制引擎按照更新后的屏幕可绘制区域的纹理刷新屏幕可绘制区域的显示内容，其中，所述刷新为将更新后的屏幕可绘制区域的纹理显示出来，从而获得新的显示内容的过程，所述绘制引擎包括OpenGL引擎、API引擎等。以OpenGL引擎为例，控制器将更新后的屏幕可绘制区域的纹理传输给OpenGL引擎，通知OpenGL引擎按照更新后的屏幕可绘制区域的纹理刷新屏幕可绘制区域的显示内容，当OpenGL引擎刷新结束后，用户可通过触摸一体机屏幕看到如图1所示的曲线。
但是，上述方法中，控制器在将像素载体上的绘制内容映射到屏幕可绘制区域时，不仅将曲线映射到屏幕可绘制区域，还将像素载体上曲线以外的所有点均映射到屏幕可绘制区域；而且，控制器更新屏幕可绘制区域纹理时，不仅更新屏幕可绘制区域曲线上所有点的纹理，还更新曲线以外的所有点的纹理。上述方法中，映射和更新纹理时均包括了屏幕可绘制区域中曲线和曲线以外的所有点，计算工作量大，绘制速度与流畅度，取决于控制器的性能，当控制器性能不高时，由于计算工作量大的原因，会导致绘制迟滞卡顿。
发明内容
本发明提供了一种界面绘制方法及装置，以解决现有技术中存在的问题。
第一方面，本发明提供了一种界面绘制方法，该方法包括：
将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；
更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；
将更新后的所述最小区域的纹理传输给绘制引擎；
通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
第二方面，本发明还提供了一种界面绘制装置，该装置包括：
映射模块，用于将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；
纹理更新模块，用于更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；
纹理传输模块，用于将更新后的所述最小区域的纹理传输给绘制引擎；
通知刷新模块，用于通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
本发明提供的技术方案可以包括以下有益效果：
本发明实施例提供的一种界面绘制方法，包括：将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；将更新后的所述最小区域的纹理传输给绘制引擎；通知所述绘制引擎刷新所述屏幕可绘制区域中所述最小区域的显示内容。本发明实施例提供的界面绘制方法，绘图时，从像素载体到屏幕可绘制区域映射时，仅映射像素载体上的绘图区域内的所有像素点，相对于现有技术映射像素载体的所有像素点来说，由于绘图区域内的所有像素点的数量远小于像素载体的所有像素点的数量，因此，本发明中映射时的计算工作量小；而且，更新屏幕可绘制区域纹理时，也只更新绘图区域所在最小区域的纹理，相对于现有技术更新屏幕可绘制区域所有点的纹理来说，最小区域的所有像素点的数量也远小于屏幕可绘制区域所有像素点的数量，因此，本发明中更新纹理的计算工作量也小。同时，绘制引擎在刷新时也只刷新最小区域的显示内容，较现有技术刷新整个屏幕可绘制区域来说，刷新的像素点少，刷新速度快。因此，本发明中的绘制方法计算工作量小，能够有效降低处理器的资源消耗，同时还能提高绘制刷新速度，缩短用户动作与绘制内容展现的时间差，提高用户体验。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。
附图说明
为了更清楚地说明本发明的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为现有技术提供的界面绘制方法的一个应用实例图；
图2为本发明实施例提供的一种界面绘制方法的流程图；
图3为本发明实施例提供的另一种界面绘制方法的流程图；
图4为本发明实施例提供的步骤S211的一种具体实施方式的流程图；
图5为本发明实施例提供的屏幕可绘制区域单元划分的一个应用实例图；
图6为本发明实施例提供的又一种界面绘制方法的流程图；
图7为本发明实施例提供的步骤S121的一种具体实施方式的流程图；
图8为本发明实施例提供的一种像素载体单元划分的一个应用实例图；
图9为本发明实施例提供的一种界面绘制装置的结构示意图；
图10为本发明实施例提供的一种映射模块的结构示意图；
图11为本发明实施例提供的纹理更新模块的结构示意图；
图12为本发明实施例提供的一种第一单元划分子模块的结构示意图；
图13为本发明实施例提供的另一种映射模块的结构示意图；
图14为本发明实施例提供的一种第二单元划分子模块的结构示意图。
具体实施方式
本发明实施例提供的界面绘制方法，针对触摸一体机类的触摸屏设备，该类触摸屏设备通常使用安卓、塞班等系统，在这些系统下安装绘制引擎，从而使该类触摸屏设备具有界面绘制功能，可通过屏幕滑动实现书写、绘图等，其中，所述绘制引擎包括OpenGL引擎、API引擎等。
目前的界面绘制方法将用户绘制内容绘在像素载体上后，大多将像素载体上绘制内容和绘制内容以外的所有像素点均映射到屏幕可绘制区域，更新屏幕可绘制区域所有像素点的纹理，并将更新后的纹理传输给绘制引擎，通知绘制引擎按照更新后的屏幕可绘制区域的纹理刷新屏幕可绘制区域的显示内容。映射、更新的过程不仅包括绘制内容的像素点，还包括绘制内容以外的所有点，计算工作量大。本发明实施例提供的界面绘制方法，通过将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域，其中，绘图区域的像素点的数量大于或等于绘制内容的像素点的数量，且绘图区域的像素点的数量远小于像素载体上所有像素点的数量；以及更新纹理时只更新映射到屏幕可绘制区域中绘图区域所在最小区域的纹理，其中，所述最小区域大于或等于映射到屏幕可绘制区域中的绘图区域的大小，刷新显示内容时只刷新屏幕可绘制区域中所述最小区域的显示内容，使映射和更新过程计算工作量大大减小，解决现有技术中计算工作量大易导致绘制迟滞卡顿的问题。
实施例一
本发明实施例提供了一种界面绘制方法，如图2所示，包括：
步骤S100：将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域。
当用户需要在触摸一体机上绘制一图形或文字的时候，由用户向触控一体机发起绘制指令，当触控一体机接收到绘制指令时，触控一体机的控制器根据触摸一体机的屏幕可绘制区域的大小构造一个像素载体，同时，控制器还将屏幕可绘制区域的所有像素点预设纹理。
在具体实施过程中，像素载体可以为位图、数组和Stream等的一种，本发明实施例中，将以位图为例描述该界面绘制方法。
在一种应用场景中，屏幕可绘制区域的大小为1920*1080，构造的位图大小可以为1920*1080，屏幕可绘制区域与位图大小为1:1，即位图上的一个像素点对应屏幕可绘制区域的一个像素点。在另一种应用场景中，为了减小计算量，屏幕可绘制区域的大小为1920*1080时，构造的位图大小可以为960*540，屏幕可绘制区域与位图大小为4:1，即位图上的一个像素点对应屏幕可绘制区域的4个像素点。
根据用户的绘制指令，控制器将绘制内容先绘制到位图上，此时，位图上包括绘制内容和绘制内容以外的其他像素点。控制器控制将位图上的绘制区域映射到屏幕可绘制区域，其中，所述绘图区域至少包括绘制内容，绘图区域的像素点的数量大于或等于绘制内容的像素点的数量，且绘图区域的像素点的数量远小于像素载体上所有像素点的数量。例如，绘制内容为如图1所示的曲线时，控制器控制将位图上至少包括该曲线的绘图区域映射到屏幕可绘制区域。将位图上的绘制区域映射到屏幕可绘制区域，生成了所述绘图区域在屏幕可绘制区域的纹理。
在一种应用场景中，当屏幕可绘制区域与位图大小之比为1:1时，位图上的像素点与屏幕可绘制区域的像素点一一对应，其坐标也一一对应。根据位图上绘图区域的所有像素点在位图中的坐标，对应计算出绘图区域的所有像素点在屏幕可绘制区域中的坐标。将绘图区域所有像素点的纹理按照坐标对应关系，作为屏幕可绘制区域中对应的像素点的纹理，从而生成屏幕可绘制区域中绘图区域对应的所有像素点的纹理。
在另一种应用场景中，当屏幕可绘制区域与位图大小之比为4:1时，位图上的一个像素点对应屏幕可绘制区域的4个像素点，即位图上一个像素点的坐标对应屏幕可绘制区域四个坐标组成的集合，在具体实施过程中，可以将屏幕可绘制区域划分为与位图像素点数量相同的集合，每个集合包括4个像素点，这样，位图上的像素点与屏幕可绘制区域的集合一一对应。从而根据位图上绘图区域的所有像素点在位图中的坐标，对应计算出绘图区域的所有像素点在屏幕可绘制区域中的坐标。将绘图区域每个像素点的纹理复制4份，作为对应集合的4个像素点的纹理数据，按照位图的像素点与屏幕可绘制区域的集合的对应关系，生成所述绘图区域在屏幕可绘制区域的纹理。
步骤S200：更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理。
在具体实施过程中，将步骤S100获得的所述绘图区域在屏幕可绘制区域中的纹理，按照坐标对应关系替代所述绘图区域在屏幕可绘制区域中位置的原纹理数据，其中，绘图时，原纹理数据可以为控制器对屏幕可绘制区域预设的纹理数据，当修改绘图时，原纹理数据可以为该像素点上一次绘制的纹理数据；同时，由于所述屏幕可绘制区域中所述绘图区域所在最小区域可能除绘图区域以外还可能包括屏幕可绘制区域的其他像素点，对于所述最小区域的其他像素点，将这些像素点的原纹理数据与绘图区域在屏幕可绘制区域的所有像素点的纹理数据一并对应更新至所述最小区域的对应位置。
步骤S300：将更新后的所述最小区域的纹理传输给绘制引擎。
控制器将步骤S200更新的最小区域的纹理传输给绘制引擎。在具体实施过程中，绘制引擎包括OpenGL引擎、API引擎等。以OpenGL引擎为例，控制器将更新的最小区域的纹理传输给OpenGL引擎。
步骤S400：通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
以OpenGL引擎为例，控制器还通知OpenGL引擎将步骤S300中获得纹理显示出来，即刷新屏幕可绘制区域中所述最小区域的显示内容，使用户可以通过触摸一体机的屏幕看到绘制内容。
随着用户在触摸一体机上的书写或绘图时，控制器不断将用户的绘制内容绘制到位图上，并将位图上至少包括绘制内容的绘图区域映射到屏幕可绘制区域，不断更新屏幕可绘制区域中绘图区域所在最小区域的纹理，并将更新后的最小区域的纹理不断传输给绘制引擎，使OpenGL引擎不断刷新屏幕可绘制区域最小区域的显示内容，当用户在触摸一体机书写或绘图完毕时，OpenGL引擎也刷新完毕。
本发明实施例提供的一种界面绘制方法，包括：将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；将更新后的所述最小区域的纹理传输给绘制引擎；通知所述绘制引擎刷新所述屏幕可绘制区域中所述最小区域的显示内容。本发明实施例提供的界面绘制方法，绘图时，从像素载体到屏幕可绘制区域映射时，仅映射像素载体上的绘图区域内的所有像素点，相对于现有技术映射像素载体的所有像素点来说，由于绘图区域内的所有像素点的数量远小于像素载体的所有像素点的数量，因此，本发明中映射时的计算工作量小；而且，更新屏幕可绘制区域纹理时，也只更新绘图区域所在最小区域的纹理，相对于现有技术更新屏幕可绘制区域所有点的纹理来说，最小区域的所有像素点的数量也远小于屏幕可绘制区域所有像素点的数量，因此，本发明中更新纹理的计算工作量也小。同时，绘制引擎在刷新时也只刷新最小区域的显示内容，较现有技术刷新整个屏幕可绘制区域来说，刷新的像素点少，刷新速度快。因此，本发明中的绘制方法计算工作量小，能够有效降低处理器的资源消耗，同时还能提高绘制刷新速度，缩短用户动作与绘制内容展现的时间差，提高用户体验。
实施例二
本发明实施例还提供一种界面绘制方法，该方法应用于当像素载体上的绘制区域仅仅包括绘制内容时的实施方式，与实施例一的不同之处在于，步骤S100和步骤S200的具体实施方式，其中，该方法的具体实施方式，如图3所示，包括：
步骤S111：计算所述绘制内容的所有像素点在所述屏幕可绘制区域的位置。
在具体实施过程中，位图上的绘制内容可能包括多个像素点，因此，绘制内容的所有像素点在屏幕可绘制区域的位置包括绘制内容所有像素点在屏幕可绘制区域坐标的集合。每个像素点在位图上具有一个坐标；屏幕可绘制区域上的每个像素点也具有一个坐标。在一种应用场景中，当屏幕可绘制区域的大小与构造的位图大小之比为1:1时，位图上的像素点与屏幕可绘制区域的像素点一一对应，其坐标也一一对应。根据位图上绘制内容的所有像素点在位图中的坐标，对应计算出绘制内容的所有像素点在屏幕可绘制区域中的坐标。
在另一种应用场景中，当屏幕可绘制区域与位图大小之比为4:1时，位图上的一个像素点对应屏幕可绘制区域的4个像素点，即位图上一个像素点的坐标对应屏幕可绘制区域四个坐标组成的集合，在具体实施过程中，可以将屏幕可绘制区域划分为与位图像素点数量相同的集合，每个集合包括4个像素点，这样，位图上的像素点与屏幕可绘制区域的集合一一对应。从而根据位图上绘制内容的所有像素点在位图中的坐标，对应计算出绘制内容的所有像素点在屏幕可绘制区域中的坐标。
步骤S112：根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，将所述绘制内容作为所述绘图区域映射到所述屏幕可绘制区域。
根据步骤S111中计算的绘制内容的所有像素点在屏幕可绘制区域的位置，将绘制内容作为绘图区域，将绘制内容的所有像素点映射到屏幕可绘制区域，从而获得屏幕可绘制区域中所述绘制内容的纹理。在具体实施过程中，绘制内容的纹理可以为一维、二维或者三维数据，如为一维数据，像素点的纹理具体可以包括颜色数据、亮度数据、alpha数据等，如为二维数据，可以包括颜色数据、亮度数据和透明度数据等。
在一种应用场景中，当屏幕可绘制区域与位图大小之比为1:1时，直接将绘制内容的所有像素点的纹理数据按照坐标一一对应关系，复制到屏幕可绘制区域对应坐标位置。
在另一种应用场景中，当屏幕可绘制区域与位图大小之比为4:1时，将绘制内容的每个像素点的纹理数据复制4份分别作为屏幕可绘制区域对应集合的4个像素点的纹理数据。
步骤S211：将所述屏幕可绘制区域进行单元划分。
在本发明实施例中，将绘制内容作为绘图区域映射到屏幕可绘制区域后，将屏幕可绘制区域进行单元划分，将屏幕可绘制区域划分为若干单元，其中，每个单元的像素点数量相同。
在一种可能的实施方式中，步骤S211的具体实施方式，如图4所示，包括：
步骤S2111：获取所述绘制内容的绘图速度。
控制器在接收用户的绘制内容时，还能计算出用户在触摸一体机屏幕上绘制时的绘图速度。
步骤S2112：将所述绘图速度水平方向分量的M倍和竖直方向分量的M倍分别作为一个单元的长和宽，将所述屏幕可绘制区域划分为若干所述单元，其中，M≤0.016。
由于人的肉眼可见的画面分为静止和动态两种，且人眼的视觉暂留时间为二十四分之一秒，因此，当连续的图像变化超过每秒24帧画面的时候，人眼便无法分辨每幅单独的静态画面，因而看上去是平滑连续的视觉效果。当连续的图像变化达到每秒60帧时，会使人产生非常流畅的感觉，此时每帧画面的刷新时间对应为16ms。
如图5所示，以屏幕可绘制区域左上角为坐标原点，建立平面直角坐标系，将绘图时16ms内在x轴方向和y轴方向分别划过的距离作为一个单元的长和宽，将屏幕可绘制区域划分为若干单元，即每个单元的长为绘图速度水平方向分量的0.016倍，宽为绘图速度竖直方向分量的0.016倍。
在具体实施过程中，绘图速度的0.016倍为人眼看到连续流畅图像的临界倍数，更新过程的计算量最小。当然，用户可以根据实际情况选取比0.016小的数据分别与绘图速度水平方向和竖直方向分量相乘作为一个单元的长和宽，即将位图划分为更小的单元，在此不做具体限定。
步骤S212：根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，确定覆盖所述绘制内容的最少单元集合。
其中，所述最少单元集合为所述绘图区域所在的最小区域。
根据步骤S211划分的单元，以及绘制内容的所有像素点在屏幕可绘制区域的位置，确定覆盖绘制内容的最少单元集合，如图5所示，覆盖该曲线的最少单元集合如灰色区域所示，包括5个单元。
步骤S213：生成所述最少单元集合的纹理，并将所述最少单元集合的纹理更新至所述屏幕可绘制区域。
在具体实施过程中，所述最少单元集合的纹理，除了绘制内容的纹理以外，还包括最少单元集合中绘制内容以外的其他像素点的纹理，将屏幕可绘制区域中最少单元集合中绘制内容以外的其他像素点的原纹理与绘制内容的纹理组合，生成最少单元集合的纹理。将生成的最少单元集合的纹理，替代屏幕可绘制区域中最少单元集合所在位置的原纹理数据。
与实施例一的相同之处，如步骤S300和步骤S400，请参考实施例一，在此不再赘述。
本发明实施例提供的界面绘制方法，仅将像素载体上的绘制内容的所有像素点映射到屏幕可绘制区域，相对于现有技术中，映射像素载体上包括绘制内容和绘制内容以外的所有像素点来说，本发明实施例中映射的像素点数量较少，映射计算量小；同时，将屏幕可绘制区域进行单元划分，将屏幕可绘制区域中绘制内容所在最少单元集合的纹理更新至屏幕可绘制区域，相对于现有技术中，将整个屏幕可绘制区域的纹理进行更新来说，更新纹理的像素点数量少，计算工作量大大减小。同时，绘制引擎在刷新时也只刷新绘制内容所在最少单元集合的显示内容，较现有技术刷新整个屏幕可绘制区域来说，刷新的像素点少，刷新速度快。因此，本发明中的绘制方法计算工作量小，能够有效降低处理器的资源消耗，同时还能提高绘制刷新速度，缩短用户动作与绘制内容展现的时间差，提高用户体验。
实施例三
本发明实施例还提供一种界面绘制方法，该方法应用于当像素载体上的绘制区域在包括绘制内容的基础上的一个最小区域，及该绘图区域包括绘制内容以及绘制内容周围的像素点时的实施方式，与实施例一的不同之处在于，步骤S100和步骤S200的具体实施方式，其中，该方法的具体实施方式，如图6所示，包括：
步骤S121：将所述像素载体进行单元划分。
在本发明实施例中，控制器将绘制内容绘制到位图上之后，可以将位图进行单元划分。将位图划分为若干单元，其中，每个单元的像素点数量相同。
在一种可能的实施方式中，步骤S121的具体实施方式，如图7所示，包括：
步骤S1211：获取所述绘制内容的绘图速度。
控制器在接收用户的绘制内容时，还能计算出用户在触摸一体机屏幕上绘制时的绘图速度。
步骤S1212：将所述绘图速度水平方向分量的N倍和竖直方向分量的N倍分别作为一个单元的长和宽，将所述像素载体划分成若干所述单元，其中，N≤0.016。
在一种应用场景中，当屏幕可绘制区域与位图大小之比为4:1时，此时，屏幕可绘制区域水平方向与位图水平方向大小之比、屏幕可绘制区域竖直方向与位图竖直方向大小之比均为2:1。在具体实施过程中，如图8所示，以位图左上角为坐标原点，建立平面直角坐标系。由于屏幕可绘制区域水平方向与位图水平方向大小之比、屏幕可绘制区域竖直方向与位图竖直方向大小之比均为2:1，且根据每帧画面的刷新时间为16ms时人眼感觉非常流畅，将绘图时8ms内在x轴方向和y轴方向分别划过的距离作为一个单元的长和宽，将位图划分为若干单元，即每个单元的长为绘图速度水平方向分量的0.008倍，宽为绘图速度竖直方向分量的0.008倍。
在具体实施过程中，0.008倍为屏幕可绘制区域与位图大小之比为4:1时人眼看到连续流畅图像的临界倍数，映射计算量最小。当然，用户可以根据实际情况选取比0.008小的数据分别与绘图速度水平方向和竖直方向分量相乘作为一个单元的长和宽，即将位图划分为更小的单元，在此不做具体限定。
在另一种应用场景中，当屏幕可绘制区域与位图大小之比为1:1时，可以将绘图时16ms内在x轴方向和y轴方向分别划过的距离作为一个单元的长和宽，将位图划分为若干单元，即每个单元的长为绘图速度水平方向分量的0.016倍，宽为绘图速度竖直方向分量的0.016倍。此时，人眼不仅可以看到连续流畅图像，而且映射计算量最小。当然，0.016倍为屏幕可绘制区域与位图大小之比为1:1时人眼看到连续流畅图像的临界倍数，用户可以根据实际情况选取比0.016小的数据分别与绘图速度水平方向和竖直方向分量相乘作为一个单元的长和宽，即将位图划分为更小的单元，在此不做具体限定。
步骤S122：确定覆盖所述绘制内容的最少单元集合。
在一种应用场景中，根据步骤S121，如图8所示，当绘制内容为一条曲线时，根据曲线上所有像素点的坐标，覆盖该曲线的最少单元集合如灰色区域所示，包括5个单元。
步骤S123：将所述最少单元集合的所有像素点映射到所述屏幕可绘制区域。
其中，映射到所述屏幕可绘制区域中的所述最少单元集合为所述绘图区域在所述屏幕可绘制区域的最小区域。
将步骤S122中的最少单元集合内的所有像素点均映射到屏幕可绘制区域，从而获得最少单元集合在屏幕可绘制区域的纹理。此最少单元集合即为绘图区域，也可以作为绘图区域在屏幕可绘制区域的最小区域。
将绘制内容所在的最小单元集合的所有像素点映射到屏幕可绘制区域，映射的像素点的数量较现有技术中映射整个像素载体上绘制内容和绘制内容以外的所有像素点的纹理来说，映射的像素点的数量少，因此，映射的计算工作量小。
步骤S220：更新所述屏幕可绘制区域中所述最少单元集合的纹理。
在具体实施过程中，将所述最少单元集合的所有像素点映射到所述屏幕可绘制区域之后，由于映射到所述屏幕可绘制区域中的所述最少单元集合为所述绘图区域在所述屏幕可绘制区域的最小区域。因此，可以将映射到屏幕可绘制区域中的最少单元集合的纹理直接替换屏幕可绘制区域中所述最小单元集合所在位置映射前的原纹理数据。
与实施例一的相同之处，如步骤S300和步骤S400，请参考实施例一，在此不再赘述。
本发明实施例提供的界面绘制方法，仅将像素载体上的绘制内容所在最小单元集合的所有像素点映射到屏幕可绘制区域，相对于现有技术中，映射像素载体上包括绘制内容和绘制内容以外的所有像素点来说，本发明实施例中映射的最小单元集合的像素点数量较少，映射计算量小；同时，将最少单元集合的纹理更新至屏幕可绘制区域，相对于现有技术中，将整个屏幕可绘制区域的纹理进行更新来说，更新纹理的像素点数量少，计算工作量大大减小。同时，绘制引擎在刷新时也只刷新绘制内容所在最少单元集合的显示内容，较现有技术刷新整个屏幕可绘制区域来说，刷新的像素点少，刷新速度快。因此，本发明中的绘制方法计算工作量小，能够有效降低处理器的资源消耗，同时还能提高绘制刷新速度，缩短用户动作与绘制内容展现的时间差，提高用户体验。
本发明实施例还提供了一种界面绘制装置，如图9所示，所述装置包括依次连接的映射模块100、纹理更新模块200、纹理传输模块300和通知刷新模块400，其中，
所述映射模块100，用于将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域。
所述纹理更新模块200，用于更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理。
所述纹理传输模块300，用于将更新后的所述最小区域的纹理传输给绘制引擎；
所述通知刷新模块400，用于通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
在一种可能的实施例中，如图10所示，所述映射模块100包括依次连接的位置计算子模块111和绘制内容映射子模块112，其中，
所述位置计算子模块111，用于计算所述绘制内容的所有像素点在所述屏幕可绘制区域的位置。
所述绘制内容映射子模块112，用于根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，将所述绘制内容作为所述绘图区域映射到所述屏幕可绘制区域。
如图11所示，所述纹理更新模块200包括依次连接的第一单元划分子模块211、第一最少单元集合确定子模块212和纹理生成子模块213，其中，
所述第一单元划分子模块211，用于将所述屏幕可绘制区域进行单元划分。
在具体实施过程中，如图12所示，所述第一单元划分子模块211包括依次连接第一绘图速度获取单元2111和第一划分单元2112，其中，
所述第一绘图速度获取单元2111，用于获取所述绘制内容的绘图速度。
所述第一划分单元2112，用于将所述绘图速度水平方向分量的M倍和竖直方向分量的M倍分别作为一个单元的长和宽，将所述屏幕可绘制区域划分为若干所述单元，其中，M≤0.016。
所述第一最少单元集合确定子模块212，用于根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，确定覆盖所述绘制内容的最少单元集合，其中，所述最少单元集合为所述绘图区域所在的最小区域。
所述纹理生成子模块213，用于生成所述最少单元集合的纹理，并将所述最少单元集合的纹理更新至所述屏幕可绘制区域。
在另一种可能的实施例中，如图13所示，所述映射模块100包括依次连接的第二单元划分子模块121、第二最少单元集合确定子模块122和集合映射子模块123，其中，
所述第二单元划分子模块121，用于将所述像素载体进行单元划分。
在具体实施过程中，如图14所示，所述第二单元划分子模块121包括依次连接的第二绘图速度获取单元1211和第二划分单元1212，其中，
所述第二绘图速度获取单元1211，用于获取所述绘制内容的绘图速度。
所述第二划分单元1212，用于将所述绘图速度水平方向分量的N倍和竖直方向分量的N倍分别作为一个单元的长和宽，将所述像素载体划分成若干所述单元，其中，N≤0.016。
所述第二最少单元集合确定子模块122，用于确定覆盖所述绘制内容的最少单元集合。
所述集合映射子模块123，用于将所述最少单元集合的所有像素点映射到所述屏幕可绘制区域，其中，映射到所述屏幕可绘制区域中的所述最少单元集合为所述绘图区域在所述屏幕可绘制区域的最小区域。
所述纹理更新模块200包括最少单元集合纹理更新子模块，所述最少单元集合纹理更新子模块用于更新所述屏幕可绘制区域中所述最少单元集合的纹理。
本说明书中各个实施例之间相同相似的部分互相参见即可。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例中的说明即可。
本领域技术人员在考虑说明书及实践这里发明的公开后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。
以上所述的本发明实施方式并不构成对本发明保护范围的限定。

Claims (10)

1.一种界面绘制方法，其特征在于，所述方法包括：
将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；
更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；
将更新后的所述最小区域的纹理传输给绘制引擎；
通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
2.如权利要求1所述的方法，其特征在于，所述将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域，包括：
计算所述绘制内容的所有像素点在所述屏幕可绘制区域的位置；
根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，将所述绘制内容作为所述绘图区域映射到所述屏幕可绘制区域。
3.如权利要求2所述的方法，其特征在于，所述更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理，包括：
将所述屏幕可绘制区域进行单元划分；
根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，确定覆盖所述绘制内容的最少单元集合，其中，所述最少单元集合为所述绘图区域所在的最小区域；
生成所述最少单元集合的纹理，并将所述最少单元集合的纹理更新至所述屏幕可绘制区域。
4.如权利要求3所述的方法，其特征在于，所述将所述屏幕可绘制区域进行单元划分，包括：
获取所述绘制内容的绘图速度；
将所述绘图速度水平方向分量的M倍和竖直方向分量的M倍分别作为一个单元的长和宽，将所述屏幕可绘制区域划分为若干所述单元，其中，M≤0.016。
5.如权利要求1所述的方法，其特征在于，所述将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域，包括：
将所述像素载体进行单元划分；
确定覆盖所述绘制内容的最少单元集合；
将所述最少单元集合的所有像素点映射到所述屏幕可绘制区域，其中，映射到所述屏幕可绘制区域中的所述最少单元集合为所述绘图区域在所述屏幕可绘制区域的最小区域。
6.如权利要求5所述的方法，其特征在于，将所述像素载体进行单元划分，包括：
获取所述绘制内容的绘图速度；
将所述绘图速度水平方向分量的N倍和竖直方向分量的N倍分别作为一个单元的长和宽，将所述像素载体划分成若干所述单元，其中，N≤0.016。
7.一种界面绘制装置，其特征在于，所述装置包括：
映射模块，用于将像素载体上至少包括绘制内容的绘图区域映射到屏幕可绘制区域；
纹理更新模块，用于更新所述屏幕可绘制区域中所述绘图区域所在最小区域的纹理；
纹理传输模块，用于将更新后的所述最小区域的纹理传输给绘制引擎；
通知刷新模块，用于通知所述绘制引擎仅刷新所述屏幕可绘制区域中所述最小区域的显示内容。
8.如权利要求7所述的装置，其特征在于，所述映射模块包括：
位置计算子模块，用于计算所述绘制内容的所有像素点在所述屏幕可绘制区域的位置；
绘制内容映射子模块，用于根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，将所述绘制内容作为所述绘图区域映射到所述屏幕可绘制区域。
9.如权利要求7所述的装置，其特征在于，所述纹理更新模块包括：
第一单元划分子模块，用于将所述屏幕可绘制区域进行单元划分；
第一最少单元集合确定子模块，用于根据所述绘制内容的所有像素点在所述屏幕可绘制区域的位置，确定覆盖所述绘制内容的最少单元集合，其中，所述最少单元集合为所述绘图区域所在的最小区域；
纹理生成子模块，用于生成所述最少单元集合的纹理，并将所述最少单元集合的纹理更新至所述屏幕可绘制区域。
10.如权利要求7所述的装置，其特征在于，所述映射模块包括：
第二单元划分子模块，用于将所述像素载体进行单元划分；
第二最少单元集合确定子模块，用于确定覆盖所述绘制内容的最少单元集合；
集合映射子模块，用于将所述最少单元集合的所有像素点映射到所述屏幕可绘制区域，其中，映射到所述屏幕可绘制区域中的所述最少单元集合为所述绘图区域在所述屏幕可绘制区域的最小区域。
CN201710751566.1A 2017-08-28 2017-08-28 一种界面绘制方法及装置 Active CN107479821B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710751566.1A CN107479821B (zh) 2017-08-28 2017-08-28 一种界面绘制方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710751566.1A CN107479821B (zh) 2017-08-28 2017-08-28 一种界面绘制方法及装置

Publications (2)

Publication Number Publication Date
CN107479821A true CN107479821A (zh) 2017-12-15
CN107479821B CN107479821B (zh) 2021-07-27

Family

ID=60604051

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710751566.1A Active CN107479821B (zh) 2017-08-28 2017-08-28 一种界面绘制方法及装置

Country Status (1)

Country Link
CN (1) CN107479821B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101277411A (zh) * 2008-03-31 2008-10-01 深圳创维数字技术股份有限公司 一种图形处理方法、装置及数字终端
CN101553771A (zh) * 2006-10-23 2009-10-07 奥多比公司 绘制超文本标记语言内容
US20100271379A1 (en) * 2009-04-23 2010-10-28 Vmware, Inc. Method and system for copying a framebuffer for transmission to a remote display
CN105487848A (zh) * 2014-10-08 2016-04-13 Tcl集团股份有限公司 一种3d应用的显示刷新方法及系统
CN105989568A (zh) * 2015-02-03 2016-10-05 Tcl集团股份有限公司 一种基于OpenGL的局部刷新方法及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101553771A (zh) * 2006-10-23 2009-10-07 奥多比公司 绘制超文本标记语言内容
CN101277411A (zh) * 2008-03-31 2008-10-01 深圳创维数字技术股份有限公司 一种图形处理方法、装置及数字终端
US20100271379A1 (en) * 2009-04-23 2010-10-28 Vmware, Inc. Method and system for copying a framebuffer for transmission to a remote display
CN105487848A (zh) * 2014-10-08 2016-04-13 Tcl集团股份有限公司 一种3d应用的显示刷新方法及系统
CN105989568A (zh) * 2015-02-03 2016-10-05 Tcl集团股份有限公司 一种基于OpenGL的局部刷新方法及系统

Also Published As

Publication number Publication date
CN107479821B (zh) 2021-07-27

Similar Documents

Publication Publication Date Title
Dalgarno et al. The contribution of 3D environments to conceptual understanding
Brooks What's real about virtual reality?
Amorim et al. Viewer-and object-centered mental explorations of an imagined environment are not equivalent
CN108389249A (zh) 一种多兼容性的vr/ar空间教室及其构建方法
Qi et al. A comparison of immersive HMD, fish tank VR and fish tank with haptics displays for volume visualization
CN113590000A (zh) 笔迹处理方法、笔迹处理装置、存储介质
Kim et al. Vection depends on perceived surface properties
CN112580213A (zh) 电场线的显示图像的生成方法和装置、存储介质
CN107479821A (zh) 一种界面绘制方法及装置
TWI694355B (zh) 即時渲染影像的追蹤系統、追蹤方法以及非暫態電腦可讀取媒體
CN107526566B (zh) 一种移动终端的显示控制方法及装置
Lebamovski Analysis of 3D technologies for stereo visualization
Chu et al. The effectiveness of using stereoscopic 3D for proportion estimation in product design education
JPH0944698A (ja) 模擬海洋波画像の生成方法および生成装置
Sullivan Graph-based data visualization in virtual reality: a comparison of user experiences
Takekata et al. An intuitive optimization method of haptic rendering using interactive evolutionary computation
Bennett et al. The effect that touching a projection augmented model has on object-presence
Di Luca et al. Spatial integration in structure from motion
Nemire et al. Calibration and evaluation of virtual environment displays
Nainish et al. Some evaluations of efficiency of machine synthesis of terrain images affecting learning process using simulators for vehicle drivers
Lei et al. Haptic decorating on the surface of virtual clay model
Wiens et al. In-class exercise for shadow mapping algorithms
CN110223557B (zh) 一种模拟全球气流变化进行教学的方法
Doerner the Design, Computer Science, Media department of the RheinMain University of Applied Sciences in Wiesbaden, Germany since 2004. After obtaining his Diploma degree in Computer Science from the Technical University of Darmstadt with dis-tinction, he worked for the Fraunhofer Society, first as a researcher at the Fraunhofer
Asai et al. Displaying haptic interaction with a synthesized model of real objects using SPIDAR-mouse

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
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 266555 Qingdao economic and Technological Development Zone, Shandong, Hong Kong Road, No. 218

Applicant after: Hisense Video Technology Co.,Ltd.

Address before: 266555 Qingdao economic and Technological Development Zone, Shandong, Hong Kong Road, No. 218

Applicant before: HISENSE ELECTRIC Co.,Ltd.

GR01 Patent grant
GR01 Patent grant