CN103593129B - 一种焦点框绘制方法、***及触控设备 - Google Patents
一种焦点框绘制方法、***及触控设备 Download PDFInfo
- Publication number
- CN103593129B CN103593129B CN201210286447.0A CN201210286447A CN103593129B CN 103593129 B CN103593129 B CN 103593129B CN 201210286447 A CN201210286447 A CN 201210286447A CN 103593129 B CN103593129 B CN 103593129B
- Authority
- CN
- China
- Prior art keywords
- focus frame
- independent
- mask
- touch
- frame mask
- 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
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明适用于互联网技术领域，提供了一种焦点框绘制方法、***及触控设备，所述焦点框绘制方法包括以下步骤：接收触控事件并创建独立的焦点框遮罩；若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。本发明将焦点框绘制在独立的焦点框遮罩上，这样在绘制焦点框时不需要重新绘制页面内容，节省了***开销，并且绘制的响应速度非常快，效率极高。
Description
技术领域
本发明属于互联网技术领域，尤其涉及一种焦点框绘制方法、***及触控设备。
背景技术
在用户点击网页链接的时候，浏览器需要给出一个点击的反馈（即焦点框）。为了实现这种功能，通常的做法是当获取用户触控事件后，判断当前Render树（每个网页中可渲染的元素称为Render，一个HTML页面排版后生成对应的Render树）中是否包含一个在触摸点坐标上的可以响应点击事件的Render。如果包含这样的Render，则给该Render设置一个特殊的属性并重绘当前屏幕。在绘制遍历的过程中，如果遇到有焦点框属性的Render，则给该Render绘制一个焦点框。
上述技术方案的缺点是焦点框必须和网页内容一起绘制到屏幕上，由于网页内容比较多，受***渲染速度的限制，绘制一屏需要一定的时间，这样给用户带来触摸后出现焦点框的时机有一个明显的延迟的感觉，响应速度慢。
发明内容
本发明实施例的目的在于提供一种焦点框绘制方法，旨在解决现有焦点框绘制效率低的问题。
本发明实施例是这样实现的，一种焦点框绘制方法，包括以下步骤：
接收触控事件并创建独立的焦点框遮罩；
若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上。
本发明实施例的目的还在于提供一种焦点框绘制***，所述***包括：
接收创建模块，用于接收触控事件并创建独立的焦点框遮罩；
判断绘制模块，用于判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上。
本发明实施例的另一目的在于提供一种触控设备，包括触控屏，所述触控设备采用上述焦点框绘制***。
相对于现有技术，本发明实施例提供的焦点框绘制方法及***通过将焦点框绘制在独立的焦点框遮罩上，可以使得绘制焦点框时无需重新绘制页面内容，从而节省***开销，并可相应提高绘制的响应速度，效率极高。
附图说明
图1是本发明实施例一提供的焦点框绘制方法的实现流程图；
图2是图1所示方法优化流程图；
图3是本发明实施例二提供的焦点框绘制***的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明实施例将焦点框绘制在独立的焦点框遮罩上，这样在绘制焦点框时不需要重新绘制页面内容，节省了***开销，并且绘制的响应速度非常快，绘制效率极高。
下面以无线浏览器提供的浏览页面为例对本发明的实现进行详细描述。
实施例一
图1示出了本发明实施例提供的焦点框绘制方法的实现流程，详述如下。
在步骤S101中，接收触控事件并创建独立的焦点框遮罩；
本发明实施例先接收用户触控事件，如由用户点击的网页链接，其可以是文本链接、图片链接，还可以是控件。其中，所述触控事件可以是触摸事件，也可以是点击事件。接着，创建独立的焦点框遮罩，该独立的焦点框遮罩不包含任何网页内容。
作为优选，所述独立的焦点框遮罩为透明，其尺寸略大于屏幕的尺寸，且由各终端操作***循环回收利用，如此有效地节约了内存占用。通常，将所述独立的焦点框遮罩创建于页面视图上方，以便察看。
另外，接收触控事件后，若当前存在焦点框遮罩，则先移除当前存在的焦点框遮罩，再创建所述独立的焦点框遮罩，使***仅具有一个焦点框遮罩，避免发生混淆，如图2所示。例如，用户已经选中了控件A使其处于焦点状态，此时存在一个焦点框遮罩，该焦点框遮罩上绘制有控件A的焦点框。当用户点击链接B时，需移除当前存在的焦点框遮罩（即控件A的焦点框遮罩）使控件A的焦点框快速消失，然后根据所点击链接B的属性创建新的独立的焦点框遮罩，并在该新的独立的焦点框遮罩上绘制链接B的焦点框。
在步骤S102中，若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。
本发明实施例中所述触控点由点击坐标进行界定，如用户点击（150，200）这个区域，通过遍历Render树获取在这个区域需要焦点框的对象（Render）。应当理解，所述触控点为触摸事件发生处或点击事件发生处。此处需要焦点框的对象（Render）可以是图片，也可以是文本。应当注意的是，将所需焦点框绘制在所述独立的焦点框遮罩时，最好根据所述对象的尺寸和形状进行绘制焦点框，以提升焦点框绘制效率。因而，本方法尤其适用于移动互联网浏览器。
作为本实施例另一实现流程，先接收触控事件，若触控点存在需要焦点框的对象，则创建独立的焦点框遮罩；再将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。
实施例二
与此相对应地，本发明实施例提供的焦点框绘制***包括接收创建模块31和判断绘制模块32，如图3所示。其中，先由接收创建模块接收触控事件并创建独立的焦点框遮罩；再由判断绘制模块判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上，以此响应所述触控事件。这样在绘制焦点框时不需要重新绘制网页内容（包括所有文本和图片），节省了***开销，并且绘制的响应速度非常快。
作为优选，所述***还包括用于移除当前存在的焦点框遮罩，以便创建独立的焦点框遮罩的移除模块。接收创建模块接收触控事件后，若***当前存在焦点框遮罩，则先由移除模块移除当前存在的焦点框遮罩，再由接收创建模块创建所述独立的焦点框遮罩，使***仅具有一个焦点框遮罩，避免发生混淆，如图2所示。例如，用户已经选中了控件A使其处于焦点状态，此时存在一个焦点框遮罩，该焦点框遮罩上绘制有控件A的焦点框。当用户点击链接B时，需移除当前存在的焦点框遮罩（即控件A的焦点框遮罩）使控件A的焦点框快速消失，然后根据所点击链接B的属性创建新的独立的焦点框遮罩，并在该新的独立的焦点框遮罩上绘制链接B的焦点框。
为有效节约内存占用，所述***进一步包括对独立的焦点框遮罩循环回收利用的回收利用模块。因而，本***尤其适用于移动互联网浏览器。
实施例三
本发明实施例提供一种触控设备，其包括触控屏。所述触控设备采用实施例二所述的焦点框绘制***。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (4)
1.一种焦点框绘制方法，其特征在于，所述方法包括以下步骤：
接收触控事件；
若当前不存在焦点框遮罩，则创建独立的焦点框遮罩；该独立的焦点框遮罩不包含网页内容；
若当前存在焦点框遮罩，则先移除当前存在的焦点框遮罩，再创建所述独立的焦点框遮罩；
若触控点存在需要焦点框的对象，则将所需焦点框绘制在所述独立的焦点框遮罩上；其中，所述触控点由点击坐标进行界定，通过遍历Render树获取在点击区域需要焦点框的对象；
所述独立的焦点框遮罩创建在页面视图上方；
所述独立的焦点框遮罩为透明，其尺寸大于屏幕的尺寸，并对所述独立的焦点框遮罩循环回收利用。
2.如权利要求1所述的焦点框绘制方法，其特征在于，根据所述对象的尺寸和形状，绘制所需焦点框。
3.一种焦点框绘制***，其特征在于，所述***包括：
接收创建模块，用于在接收触控事件后，若当前不存在焦点框遮罩时，创建独立的焦点框遮罩；该独立的焦点框遮罩不包含网页内容；
移除模块，用于在接收触控事件后，若当前存在焦点框遮罩时，移除当前存在的焦点框遮罩，以便创建所述独立的焦点框遮罩；
判断绘制模块，用于判断触控点是否存在需要焦点框的对象，若存在，则将所需焦点框绘制在所述独立的焦点框遮罩上；其中，所述触控点由点击坐标进行界定，通过遍历Render树获取在点击区域需要焦点框的对象；
回收利用模块，用于对独立的焦点框遮罩循环回收利用。
4.一种触控设备，包括触控屏，其特征在于，所述触控设备采用如权利要求3所述的焦点框绘制***。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210286447.0A CN103593129B (zh) | 2012-08-13 | 2012-08-13 | 一种焦点框绘制方法、***及触控设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210286447.0A CN103593129B (zh) | 2012-08-13 | 2012-08-13 | 一种焦点框绘制方法、***及触控设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103593129A CN103593129A (zh) | 2014-02-19 |
| CN103593129B true CN103593129B (zh) | 2019-12-20 |
Family
ID=50083302
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210286447.0A Active CN103593129B (zh) | 2012-08-13 | 2012-08-13 | 一种焦点框绘制方法、***及触控设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103593129B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109426409A (zh) * | 2017-09-04 | 2019-03-05 | 中兴通讯股份有限公司 | 一种操作屏幕的方法、装置、移动终端和存储介质 |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7127505B2 (en) * | 2003-08-15 | 2006-10-24 | Internet Associates, Llc | Methods, computer systems, and computer readable media for generating displays of sets of network addresses with status indicators |
| CN101710936A (zh) * | 2009-12-16 | 2010-05-19 | 中兴通讯股份有限公司 | 一种基于机顶盒的iptv截图实现方法及装置 |
| JP5604921B2 (ja) * | 2010-03-19 | 2014-10-15 | セイコーエプソン株式会社 | 画像表示システム、画像表示方法、画像表示装置 |
| CN102541554B (zh) * | 2011-12-27 | 2014-06-25 | 重庆新媒农信科技有限公司 | 一种输入框动态透明显示特效实现方法 |
-
2012
- 2012-08-13 CN CN201210286447.0A patent/CN103593129B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN103593129A (zh) | 2014-02-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105975576B (zh) | 终端内容适配显示方法、装置和终端 | |
| US10339209B2 (en) | Webpage display method and device | |
| CN102663056B (zh) | 一种图片元素显示方法和装置 | |
| CN104778239B (zh) | 一种嵌入式浏览器焦点查询方法 | |
| CN104572822B (zh) | 文本展现方法及装置 | |
| WO2015196822A1 (zh) | 一种网页适应屏幕排版方法及装置 | |
| CN105677654B (zh) | 广告过滤方法及装置 | |
| KR20140012664A (ko) | 웹페이지 재배치 방법 | |
| US20140075290A1 (en) | Window switching method and apparatus | |
| CN103577466A (zh) | 一种在浏览器中显示网页内容的方法和装置 | |
| US9117314B2 (en) | Information output apparatus, method, and recording medium for displaying information on a video display | |
| CN105389159A (zh) | 图片渲染方法、装置和移动终端 | |
| CN104182430A (zh) | 文本信息中的图片显示方法及装置 | |
| CN103176993B (zh) | 一种内容呈现设备和方法 | |
| CN104765539A (zh) | 一种消息显示方法及装置 | |
| CN103577496B (zh) | 一种电子邮件的显示方法及装置 | |
| US20170169126A1 (en) | Method and device of displaying webpage | |
| CN103593129B (zh) | 一种焦点框绘制方法、***及触控设备 | |
| EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
| CN105389308A (zh) | 网页的显示处理方法及装置 | |
| CN103236042A (zh) | 图片自适应处理方法及装置 | |
| US8867837B2 (en) | Detecting separator lines in a web page | |
| CN105589883B (zh) | 网页的页面元素的显示方法和装置 | |
| CN103744867A (zh) | 一种设置Web页面背景的方法、装置及浏览器 | |
| CN104281562A (zh) | 一种电子文档的处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |