一种焦点框绘制方法、系统及触控设备的制作方法
【专利摘要】本发明适用于互联网【技术领域】，提供了一种焦点框绘制方法、系统及触控设备，所述焦点框绘制方法包括以下步骤：接收触控事件并创建独立的焦点框遮罩；若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。本发明将焦点框绘制在独立的焦点框遮罩上，这样在绘制焦点框时不需要重新绘制页面内容，节省了系统开销，并且绘制的响应速度非常快，效率极高。
【专利说明】一种焦点框绘制方法、系统及触控设备
【技术领域】
[0001]本发明属于互联网【技术领域】，尤其涉及一种焦点框绘制方法、系统及触控设备。
【背景技术】
[0002]在用户点击网页链接的时候，浏览器需要给出一个点击的反馈(即焦点框)。为了实现这种功能，通常的做法是当获取用户触控事件后，判断当前Render树(每个网页中可渲染的元素称为Render，一个HTML页面排版后生成对应的Render树)中是否包含一个在触摸点坐标上的可以响应点击事件的Render。如果包含这样的Render,则给该Render设置一个特殊的属性并重绘当前屏幕。在绘制遍历的过程中，如果遇到有焦点框属性的Render，则给该Render绘制一个焦点框。
[0003]上述技术方案的缺点是焦点框必须和网页内容一起绘制到屏幕上，由于网页内容比较多，受系统渲染速度的限制，绘制一屏需要一定的时间，这样给用户带来触摸后出现焦点框的时机有一个明显的延迟的感觉，响应速度慢。
【发明内容】
[0004]本发明实施例的目的在于提供一种焦点框绘制方法，旨在解决现有焦点框绘制效率低的问题。
[0005]本发明实施例是这样实现的，一种焦点框绘制方法，包括以下步骤:
[0006]接收触控事件并创建独立的焦点框遮罩；
[0007]若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上。
[0008]本发明实施例的目的还在于提供一种焦点框绘制系统，所述系统包括:
[0009]接收创建模块，用于接收触控事件并创建独立的焦点框遮罩；
[0010]判断绘制模块，用于判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上。
[0011]本发明实施例的另一目的在于提供一种触控设备，包括触控屏，所述触控设备采用上述焦点框绘制系统。
[0012]相对于现有技术，本发明实施例提供的焦点框绘制方法及系统通过将焦点框绘制在独立的焦点框遮罩上，可以使得绘制焦点框时无需重新绘制页面内容，从而节省系统开销，并可相应提高绘制的响应速度，效率极高。
【专利附图】
【附图说明】
[0013]图1是本发明实施例一提供的焦点框绘制方法的实现流程图；
[0014]图2是图1所不方法优化流程图；
[0015]图3是本发明实施例二提供的焦点框绘制系统的结构示意图。【具体实施方式】
[0016]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0017]本发明实施例将焦点框绘制在独立的焦点框遮罩上，这样在绘制焦点框时不需要重新绘制页面内容，节省了系统开销，并且绘制的响应速度非常快，绘制效率极高。
[0018]下面以无线浏览器提供的浏览页面为例对本发明的实现进行详细描述。
[0019]实施例一
[0020]图1示出了本发明实施例提供的焦点框绘制方法的实现流程，详述如下。
[0021]在步骤SlOl中，接收触控事件并创建独立的焦点框遮罩；
[0022]本发明实施例先接收用户触控事件，如由用户点击的网页链接，其可以是文本链接、图片链接，还可以是控件。其中，所述触控事件可以是触摸事件，也可以是点击事件。接着，创建独立的焦点框遮罩，该独立的焦点框遮罩不包含任何网页内容。
[0023]作为优选，所述独立的焦点框遮罩为透明，其尺寸略大于屏幕的尺寸，且由各终端操作系统循环回收利用，如此有效地节约了内存占用。通常，将所述独立的焦点框遮罩创建于页面视图上方，以便察看。
[0024]另外，接收触控事件后，若当前存在焦点框遮罩，则先移除当前存在的焦点框遮罩，再创建所述独立的焦点框遮罩，使系统仅具有一个焦点框遮罩，避免发生混淆，如图2所示。例如，用户已经选中了控件A使其处于焦点状态，此时存在一个焦点框遮罩，该焦点框遮罩上绘制有控件A的焦点框。当用户点击链接B时，需移除当前存在的焦点框遮罩(SP控件A的焦点框遮罩)使控件A的焦点框快速消失，然后根据所点击链接B的属性创建新的独立的焦点框遮罩，并在该新的独立的焦点框遮罩上绘制链接B的焦点框。
[0025]在步骤S102中，若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。
[0026]本发明实施例中所述触控点由点击坐标进行界定，如用户点击(150，200)这个区域，通过遍历Render树获取在这个区域需要焦点框的对象(Render)。应当理解,所述触控点为触摸事件发生处或点击事件发生处。此处需要焦点框的对象(Render)可以是图片，也可以是文本。应当注意的是，将所需焦点框绘制在所述独立的焦点框遮罩时，最好根据所述对象的尺寸和形状进行绘制焦点框，以提升焦点框绘制效率。因而，本方法尤其适用于移动互联网浏览器。
[0027]作为本实施例另一实现流程，先接收触控事件，若触控点存在需要焦点框的对象，则创建独立的焦点框遮罩；再将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。
[0028]实施例二
[0029]与此相对应地，本发明实施例提供的焦点框绘制系统包括接收创建模块31和判断绘制模块32，如图3所示。其中，先由接收创建模块接收触控事件并创建独立的焦点框遮罩；再由判断绘制模块判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。这样在绘制焦点框时不需要重新绘制网页内容(包括所有文本和图片)，节省了系统开销，并且绘制的响应速度非常快。[0030]作为优选，所述系统还包括用于移除当前存在的焦点框遮罩，以便创建独立的焦点框遮罩的移除模块。接收创建模块接收触控事件后，若系统当前存在焦点框遮罩，则先由移除模块移除当前存在的焦点框遮罩，再由接收创建模块创建所述独立的焦点框遮罩，使系统仅具有一个焦点框遮罩，避免发生混淆，如图2所示。例如，用户已经选中了控件A使其处于焦点状态，此时存在一个焦点框遮罩，该焦点框遮罩上绘制有控件A的焦点框。当用户点击链接B时，需移除当前存在的焦点框遮罩(即控件A的焦点框遮罩)使控件A的焦点框快速消失，然后根据所点击链接B的属性创建新的独立的焦点框遮罩，并在该新的独立的焦点框遮罩上绘制链接B的焦点框。
[0031]为有效节约内存占用，所述系统进一步包括对独立的焦点框遮罩循环回收利用的回收利用模块。因而，本系统尤其适用于移动互联网浏览器。
[0032]实施例三
[0033]本发明实施例提供一种触控设备，其包括触控屏。所述触控设备采用实施例二所述的焦点框绘制系统。
[0034]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种焦点框绘制方法，其特征在于，所述方法包括以下步骤: 接收触控事件并创建独立的焦点框遮罩； 若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上。
2.如权利要求1所述的焦点框绘制方法，其特征在于，接收触控事件后，若当前存在焦点框遮罩，则先移除当前存在的焦点框遮罩，再创建所述独立的焦点框遮罩。
3.如权利要求1或2所述的焦点框绘制方法，其特征在于，所述独立的焦点框遮罩为透明，其尺寸大于屏幕的尺寸，并对所述独立的焦点框遮罩循环回收利用。
4.如权利要求3所述的焦点框绘制方法，其特征在于，所述独立的焦点框遮罩创建在页面视图上方。
5.如权利要求4所述的焦点框绘制方法，其特征在于，根据所述对象的尺寸和形状，绘制所需焦点框。
6.一种焦点框绘制系统，其特征在于，所述系统包括: 接收创建模块，用于接收触控事件并创建独立的焦点框遮罩； 判断绘制模块，用于判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上。
7.如权利要求6所述的焦点框绘制系统，其特征在于，所述系统还包括用于移除当前存在的焦点框遮罩，以便创建独立的焦点框遮罩的移除模块。
8.如权利要求6或7所述的焦点框绘制系统，其特征在于，所述系统进一步包括对独立的焦点框遮罩循环回收利用的回收利用模块。
9.一种触控设备，包括触控屏，其特征在于，所述触控设备采用如权利要求6、7或8所述的焦点框绘制系统。
10.一种焦点框绘制方法，其特征在于，所述方法包括以下步骤: 接收触控事件，若触控点存在需要焦点框的对象，则创建独立的焦点框遮罩； 将所需焦点框绘制在所述独立的焦点框遮罩上。
【文档编号】G06F3/0488GK103593129SQ201210286447
【公开日】2014年2月19日 申请日期:2012年8月13日 优先权日:2012年8月13日
【发明者】孙皓然, 胡纯冬, 陈磊, 曾亮, 万黎 申请人:腾讯科技（深圳）有限公司