CN103914217A - 对象显示的方法及装置 - Google Patents
对象显示的方法及装置 Download PDFInfo
- Publication number
- CN103914217A CN103914217A CN201310007140.7A CN201310007140A CN103914217A CN 103914217 A CN103914217 A CN 103914217A CN 201310007140 A CN201310007140 A CN 201310007140A CN 103914217 A CN103914217 A CN 103914217A
- Authority
- CN
- China
- Prior art keywords
- copy
- container
- mask layer
- setting position
- shows
- 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
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及对象显示的方法及装置,其中对象显示的方法包括:接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域;将容器的所述区域内待显示的对象复制为一个副本;根据对象在容器中的位置确定副本的设置位置;以及在遮罩层之上的所确定的设置位置覆盖副本。本发明可以提高对象显示的处理效率。
Description
技术领域
本发明涉及信息内容显示技术领域,尤其涉及对象显示的方法及装置。
背景技术
随着互联网技术的不断发展,各种信息量日益增多,在对各种信息对象,例如网络信息,进行编辑的过程中,有时候要将某一对象,例如网页局部内容和其他网页内容相区别或强调某一网页局部内容,则需要高亮显示某一网页局部内容以便于与其他网页内容相区别或者重点突出当前网页局部内容。
目前,高亮显示容器内对象的方法主要是利用遮罩层来高亮显示容器内的某一对象。以容器为网页,对象为网页局部内容进行举例说明,则目前方法需在网页局部内容区域的四周(上下左右)位置设置四个遮罩层以遮盖住除了网页局部内容区域之外的部分,仅显示出网页局部内容区域,以达到高亮显示网页局部内容的目的。但是,这种高亮显示网络局部内容的方法需要创建四个遮罩层,并要对每个遮罩层进行独立布局,即需要计算出四个遮罩层的设置位置,计算量比较大,降低了对象高亮显示的处理效率。此外,当网页局部内容高亮显示时,若要对高亮显示的网页局部内容进行定制,则用户只能修改原有的网页局部内容,这样势必改变了原有的网页局部内容,若要将改变的网页局部内容还原,则操作繁琐,造成还原的复杂性。
发明内容
因此,本发明提供对象显示的方法及装置,以克服现有信息内容显示技术存在的问题。
具体地,本发明实施例提出的一种对象显示的方法,包括步骤:接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域;将容器的所述区域内待显示的对象复制为一个副本;根据对象在容器中的位置确定副本的设置位置;以及在遮罩层之上的所确定的设置位置覆盖副本。
另外,本发明实施例提出的一种对象显示的装置,包括遮罩模块、复制模块、定位模块以及显示模块,遮罩模块,用于接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域;复制模块,用于将容器的所述区域内待显示的对象复制为一个副本;定位模块,用于根据对象在容器中的位置确定副本的设置位置;显示模块,用于在遮罩层之上的所确定的设置位置覆盖副本。
由上述实施例可知,本发明通过根据触发的显示事件设置遮罩层以遮蔽容器的一块区域,再将容器的区域内待显示的对象复制为一个副本,根据对象在容器中的位置确定副本的设置位置,再在所确定的设置位置覆盖此副本,本发明仅需要设置一个遮罩层就可实现对象的高亮显示,从而提高了对象高亮显示的处理效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂,以下特举较佳实施例,并配合附图,详细说明如下。
附图说明
图1是本发明实施例提出的对象显示的方法的步骤流程图;
图2是本发明另一实施例提出的对象显示的方法的步骤流程图;
图3是本发明实施例提出的对象显示的装置的主要架构框图。
具体实施方式
为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明提出的对象显示的方法及装置其具体实施方式、结构、特征及功效,详细说明如后。
有关本发明的前述及其他技术内容、特点及功效,在以下配合参考图式的较佳实施例详细说明中将可清楚的呈现。通过具体实施方式的说明,当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解,然而所附图式仅是提供参考与说明之用,并非用来对本发明加以限制。
图1是本发明实施例提出的对象显示的方法的步骤流程图。请参阅图1,本发明实施例的对象显示的方法可包括以下步骤S101-S107:
步骤S101:接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域。
本步骤中,容器可以为网页等,显示事件可以为高亮显示网页局部内容的事件。以显示事件为高亮显示网页局部内容的事件进行举例说明,当用户按下网页页面上的高亮显示网页局部内容控件或者以其他方式触发高亮显示网页局部内容时,会触发高亮显示网页局部内容的事件。此外,遮罩层为一个浮动层,可以完全遮盖住整个容器或容器的一块区域,起到遮盖住整个容器或部分容器的作用。本步骤中,仅需设置一个遮罩层即可达到遮盖住整个容器或容器某一区域的目的,而现有技术中,则需要在容器内待显示的对象的上下左右分别设置一个遮罩层,即共设置四个遮罩层,因此本发明有效地减少了遮罩层的数目。并且现有技术中还需要计算出四个遮罩层的设置位置,计算量大,而本发明仅需要计算出一个遮罩层的设置位置,因此本发明可以提高对象高亮显示的处理效率。
步骤S103:将容器的区域内待显示的对象复制为一个副本。
本步骤中,若容器为网页,待显示的对象为网页局部内容,网页上的内容可以为DOM(Document Object Model,文档对象模型)结构,因此副本也为DOM结构,对象可以为容器中的任意内容。
步骤S105:根据对象在容器中的位置确定副本的设置位置。
本步骤中,可以计算出对象在容器中的位置,并将此位置对应的遮罩层的上方位置作为副本的设置位置。若容器为网页,对象为网页局部内容,则可以通过计算出网页局部内容在网页上的高度、大小等参数来确定网页局部内容在网页上的具体位置。
步骤S107:在遮罩层之上的所确定的设置位置覆盖此副本。
本步骤中,副本的设置位置可以处于对象在容器中的位置对应的遮罩层的上方位置。
在本发明实施例中,本发明通过根据触发的显示事件设置遮罩层以遮蔽容器的一块区域,再将容器的区域内待显示的对象复制为一个副本,根据对象在容器中的位置确定副本的设置位置,再在所确定的设置位置覆盖此副本,本发明仅需要设置一个遮罩层就可实现对象的高亮显示,从而提高了对象高亮显示的处理效率。
图2是本发明另一实施例提供的对象显示的方法的步骤流程图。图2是在图1的基础上改进而来的。请参阅图2,本发明实施例的对象显示的方法可包括以下步骤S201-S209:
步骤S201:接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域。
本步骤中,容器可以为网页等,显示事件可以为高亮显示网页局部内容的事件。以显示事件为高亮显示网页局部内容的事件进行举例说明,当用户按下网页页面上的高亮显示网页局部内容控件或者以其他方式触发高亮显示网页局部内容时,会触发高亮显示网页局部内容的事件。此外,遮罩层为一个浮动层,可以完全遮盖住整个容器或容器的一块区域,起到遮盖住整个容器或部分容器的作用。本步骤中,仅需设置一个遮罩层即可达到遮盖住整个容器或容器某一区域的目的,而现有技术中,则需要在容器内待显示的对象的上下左右分别设置一个遮罩层,即共设置四个遮罩层,因此本发明有效地减少了遮罩层的数目。并且现有技术中还需要计算出四个遮罩层的设置位置,计算量大,而本发明仅需要计算出一个遮罩层的设置位置,因此本发明可以提高计算效率。
步骤S203:将容器的区域内待显示的对象复制为一个副本。
本步骤中,若容器为网页,待显示的对象为网页局部内容,网页上的内容可以为DOM(Document Object Model,文档对象模型)结构,因此副本也为DOM结构,对象可以为容器中的任意内容。
步骤S205:根据对象在容器中的位置确定副本的设置位置。
本步骤中,可以计算出对象在容器中的位置,并将此位置对应的遮罩层的上方位置作为副本的设置位置。若容器为网页,对象为网页局部内容,则可以通过计算出网页局部内容在网页上的高度、大小等参数来确定网页局部内容在网页上的具体位置。由此,可以得出本步骤中还可包括步骤:将对象在容器的位置对应的遮罩层的上方位置确定为副本的设置位置。
步骤S207:在遮罩层之上的所确定的设置位置覆盖此副本。
本步骤中,副本的设置位置可以处于对象在容器中的位置对应的遮罩层的上方位置。
步骤S209:接收到对对象修改的指令时,修改此副本。
本步骤中,若对象为网页局部内容,则当接收到不同用户通过对网页局部内容添加事件等修改指令时,即可对副本添加相应的事件。即不同的用户均可通过修改副本而定制不同的显示内容,以达到向不同用户来呈现不同的显示内容的目的。事件例如可以为对对象设置不同的背景色、为其添加链接、添加响应事件、修改DOM结构或添加其他功能等。现有技术中,若接收到不同用户通过对对象,例如网页局部内容添加事件等修改指令时,则需要改变原有的对象以对原有的对象添加相应的事件,若要将改变的对象还原,则会造成还原的复杂性,而本发明只改变了副本,并未改动原有的对象,从而使得还原操作简单。
步骤S209中具体还可包括步骤:
接收到退出副本显示界面时,退出当前副本的显示界面,恢复到原容器的显示界面。
本步骤中,以容器为网页,对象为网页局部内容进行举例说明,当接收到用户触发高亮显示网页局部内容的退出控件或者以其他方式触发退出高亮显示网页局部内容而产生的控制指令时,即可关闭当前副本的显示界面,即高亮显示的网页局部内容的界面,关闭遮罩层,以恢复到原网页内容显示界面,原网页内容显示界面即不同浏览器下的网页原有显示界面。
在本发明的实施例中,本发明通过根据触发的显示事件设置遮罩层以遮蔽容器的一块区域,再将容器的区域内待显示的对象复制为一个副本,根据对象在容器中的位置确定副本的设置位置,再在所确定的设置位置覆盖此副本,本发明仅需要设置一个遮罩层就可实现对象的高亮显示,从而提高了处理效率。此外,还通过接收到对对象修改的指令时,修改此副本。从而不同的用户均可通过修改副本而定制不同的显示内容,以达到向不同用户来呈现不同的显示内容的目的。因本发明仅改变了副本,并未改动原有的对象,从而使得还原操作简单。
图3是本发明实施例提出的对象显示的装置的主要架构框图。请参阅图3,对象显示的装置包括:遮罩模块301、复制模块303、定位模块305以及显示模块307。
遮罩模块301,用于接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域。
复制模块303,用于将容器的区域内待显示的对象复制为一个副本。
定位模块305,用于根据对象在容器中的位置确定副本的设置位置。
此外,定位模块305,还用于将对象在容器的位置对应的遮罩层的上方位置确定为副本的设置位置。
显示模块307,用于在遮罩层之上的所确定的设置位置覆盖此副本。
此外,对象显示的装置还可以包括:修改模块309、以及退出模块311。
修改模块309,用于接收到对对象修改的指令时,修改此副本。
其中,对对象修改包括对对象设置背景色、添加响应事件、修改结构、添加链接等。
退出模块311,接收到退出副本显示界面时,退出当前此副本的显示界面,恢复到原容器的显示界面。
在本发明的实施例中,本发明通过根据触发的显示事件设置遮罩层以遮蔽容器的一块区域,再将容器的区域内待显示的对象复制为一个副本,根据对象在容器中的位置确定副本的设置位置,再在所确定的设置位置覆盖此副本,本发明仅需要设置一个遮罩层就可实现对象的高亮显示,从而提高了处理效率。此外,还通过接收到对对象修改的指令时,修改此副本。从而不同的用户均可通过修改副本而定制不同的显示内容,以达到向不同用户来呈现不同的显示内容的目的。因本发明仅改变了副本,并未改动原有的对象,从而使得还原操作简单。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来控制相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (10)
1.一种对象显示的方法,包括:
接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域;
将该容器的所述区域内待显示的对象复制为一个副本;
根据该对象在该容器中的位置确定该副本的设置位置;以及
在该遮罩层之上的所确定的设置位置覆盖该副本。
2.根据权利要求1所述的对象显示的方法,其特征是,在执行在该遮罩层之上的所确定的设置位置覆盖该副本的步骤后,还包括步骤:
接收到对该对象修改的指令时,修改该副本。
3.根据权利要求2所述的对象显示的方法,其特征是,对该对象修改包括对该对象设置背景色、添加响应事件、修改结构或添加链接。
4.根据权利要求1所述的对象显示的方法,其特征是,在执行在该遮罩层之上的所确定的设置位置覆盖该副本的步骤后,还包括步骤:
接收到退出该副本显示界面时,退出当前该副本的显示界面,恢复到原容器的显示界面。
5.根据权利要求1所述的对象显示的方法,其特征是,在执行根据该对象在该容器中的位置确定该副本的设置位置的步骤中,还包括步骤:
将该对象在该容器的位置对应的该遮罩层的上方位置确定为该副本的设置位置。
6.一种对象显示的装置,其特征是,其包括:
遮罩模块,用于接收触发的显示事件,根据触发的显示事件设置遮罩层以遮蔽容器的一块区域;
复制模块,用于将该容器的所述区域内待显示的对象复制为一个副本;
定位模块,用于根据该对象在该容器中的位置确定该副本的设置位置;以及
显示模块,用于在该遮罩层之上的所确定的设置位置覆盖该副本。
7.根据权利要求6所述的对象显示的装置,其特征是,其进一步包括:
修改模块,用于接收到对该对象修改的指令时,修改该副本。
8.根据权利要求7所述的对象显示的装置,其特征是,对该对象修改包括对该对象设置背景色、添加响应事件、修改结构或添加链接。
9.根据权利要求6所述的对象显示的装置,其特征是,其进一步包括:
退出模块,用于接收到退出该副本显示界面时,退出当前该副本的显示界面,恢复到原容器的显示界面。
10.根据权利要求6所述的对象显示的装置,其特征是,该定位模块,还用于将该对象在该容器的位置对应的该遮罩层的上方位置确定为该副本的设置位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310007140.7A CN103914217B (zh) | 2013-01-09 | 2013-01-09 | 对象显示的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310007140.7A CN103914217B (zh) | 2013-01-09 | 2013-01-09 | 对象显示的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103914217A true CN103914217A (zh) | 2014-07-09 |
CN103914217B CN103914217B (zh) | 2018-11-09 |
Family
ID=51039943
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310007140.7A Active CN103914217B (zh) | 2013-01-09 | 2013-01-09 | 对象显示的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103914217B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109270845A (zh) * | 2018-10-12 | 2019-01-25 | 珠海格力电器股份有限公司 | 档位显示方法、装置、交互设备和智能家居设备 |
CN110955362A (zh) * | 2019-11-21 | 2020-04-03 | 北京达佳互联信息技术有限公司 | 网页中元素的处理方法、装置、电子设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060148181A1 (en) * | 2004-12-31 | 2006-07-06 | Taiwan Semiconductor Manufacturing Co., Ltd. | Strained channel CMOS device with fully silicided gate electrode |
CN102662600A (zh) * | 2012-04-28 | 2012-09-12 | 北京亿中邮信息技术有限公司 | 一种不同域名下文件相互拖拽的方法 |
CN102662958A (zh) * | 2012-03-06 | 2012-09-12 | 苏州阔地网络科技有限公司 | 一种页面分割显示方法 |
-
2013
- 2013-01-09 CN CN201310007140.7A patent/CN103914217B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060148181A1 (en) * | 2004-12-31 | 2006-07-06 | Taiwan Semiconductor Manufacturing Co., Ltd. | Strained channel CMOS device with fully silicided gate electrode |
CN102662958A (zh) * | 2012-03-06 | 2012-09-12 | 苏州阔地网络科技有限公司 | 一种页面分割显示方法 |
CN102662600A (zh) * | 2012-04-28 | 2012-09-12 | 北京亿中邮信息技术有限公司 | 一种不同域名下文件相互拖拽的方法 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109270845A (zh) * | 2018-10-12 | 2019-01-25 | 珠海格力电器股份有限公司 | 档位显示方法、装置、交互设备和智能家居设备 |
CN110955362A (zh) * | 2019-11-21 | 2020-04-03 | 北京达佳互联信息技术有限公司 | 网页中元素的处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN103914217B (zh) | 2018-11-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220236866A1 (en) | Method and system for section-based editing of a website page | |
US20200401763A1 (en) | Variable Dimension Version Editing for Graphical Designs | |
CN107239287B (zh) | 一种网页显示方法、装置、电子设备及存储介质 | |
US8751945B1 (en) | Environment for responsive graphical designs | |
CN102663002B (zh) | 结构化文档的渲染方法及系统 | |
CN106484242A (zh) | 界面的信息显示方法和装置 | |
BR112012030176B1 (pt) | aparelho e método de controle de exibição, e, mídia de gravação | |
CN104915186B (zh) | 一种制作页面的方法和装置 | |
US10169307B2 (en) | Method and system for the use of adjustment handles to facilitate dynamic layout editing | |
US9946806B2 (en) | Exporting responsive designs from a graphical design tool | |
CN110928475B (zh) | 智能交互平板的页面交互方法、装置、设备和存储介质 | |
CN112639791A (zh) | 用于图形设计的多视图母版 | |
CN111881662A (zh) | 表单生成方法、装置、处理设备及存储介质 | |
WO2015035319A1 (en) | Method and apparatus of controlling page element | |
CN103150456B (zh) | 一种matlab环境下gui制作方法及系统 | |
CN103942231A (zh) | 一种网页的显示方法及电子设备 | |
JP2007109221A (ja) | パーツ管理システム、パーツ管理方法、プログラムおよび記録媒体 | |
CN103914217A (zh) | 对象显示的方法及装置 | |
CN111428455B (zh) | 表格管理方法、装置、设备及存储介质 | |
CN106372070A (zh) | 一种图形界面中数据的展示方法及装置 | |
CN109582424B (zh) | 一种界面关闭方法、系统及相关装置 | |
CN111062194A (zh) | 一种文档处理方法、装置、计算机设备及可读存储介质 | |
CN112000328B (zh) | 一种页面可视化编辑方法、装置及设备 | |
CN104731787A (zh) | 实现网页布局的方法、装置及终端 | |
CN103699381A (zh) | 基于Firefox OS平台的微件设置方法及系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |