CN103049272A - 控件拖拽方法和装置 - Google Patents

控件拖拽方法和装置 Download PDF

Info

Publication number
CN103049272A
CN103049272A CN2012105875509A CN201210587550A CN103049272A CN 103049272 A CN103049272 A CN 103049272A CN 2012105875509 A CN2012105875509 A CN 2012105875509A CN 201210587550 A CN201210587550 A CN 201210587550A CN 103049272 A CN103049272 A CN 103049272A
Authority
CN
China
Prior art keywords
container
control
pulls
source
described 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.)
Granted
Application number
CN2012105875509A
Other languages
English (en)
Other versions
CN103049272B (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.)
Beijing Feinno Communication Technology Co Ltd
Original Assignee
Beijing Feinno Communication Technology 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 Beijing Feinno Communication Technology Co Ltd filed Critical Beijing Feinno Communication Technology Co Ltd
Priority to CN201210587550.9A priority Critical patent/CN103049272B/zh
Publication of CN103049272A publication Critical patent/CN103049272A/zh
Application granted granted Critical
Publication of CN103049272B publication Critical patent/CN103049272B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种控件拖拽方法和装置,属于拖拽技术领域。所述方法包括:当第一容器内的控件被拖拽出第一容器时,获取所述控件的属性;如果支持容器外拖拽,则将所述控件从第一容器中移除,生成拖拽源;当拖拽结束时,获取所述控件当前的位置;如果该位置位于第二容器中,则将所述拖拽源发送给第二容器,由第二容器决定是否接收所述拖拽源;如果该位置无容器,由第一容器的业务逻辑层判断是否进行处理,若进行处理,则生成一个新的容器,将所述拖拽源发送给新的容器,由新的容器接收并显示所述拖拽源。所述装置包括:第一容器,该第一容器包括第一处理模块和第二处理模块。本发明实现了跨容器的控件拖拽,提高了控件布局的灵活性。

Description

控件拖拽方法和装置
技术领域
本发明涉及拖拽技术领域,特别涉及一种控件拖拽方法和装置。
背景技术
目前,很多种应用程序都支持拖拽的功能。拖拽是将应用程序中的某些控件通过鼠标或手指拖放操作,从原来的位置移动到其它位置的过程。当鼠标或手指按下某一控件并且按住开始拖拽时,该控件会随着鼠标或手指的移动而移动,当鼠标或手指放开该控件时,拖拽结束,该控件就停留在鼠标或手指放开时的位置。用户通过拖拽操作可以很方便地将控件移动到指定位置。
但是,目前的拖拽通常是仅支持容器内的拖拽,用户可以将一个控件从容器内的一个位置拖拽至另一个位置,当用户需要将控件拖拽至容器外的其它位置时,则无法实现。
发明内容
为了实现跨容器的控件拖拽,本发明提供了一种控件拖拽方法和装置。所述技术方案如下:
一方面,本发明提供了一种控件拖拽方法,所述方法包括:
当第一容器内的控件被拖拽出所述第一容器时,获取所述控件的属性;
如果所述控件的属性支持容器外拖拽,则将所述控件从所述第一容器中移除,生成所述控件的拖拽源;
当拖拽结束时,获取所述控件当前的位置;
如果所述位置位于第二容器中,则将所述控件的拖拽源发送给所述第二容器,由所述第二容器决定是否接收所述控件的拖拽源;
如果所述位置无容器,由所述第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将所述控件的拖拽源发送给所述新的容器,由所述新的容器接收并显示所述控件的拖拽源。
其中,所述方法还包括:
在所述控件在所述第一容器内移动的过程中,动画显示被所述控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的所述控件移动的相反方向,移动至相邻的位置处。
其中,所述方法还包括:
将所述控件的拖拽源发送给所述第二容器后,所述第二容器根据所述拖拽源判断所述控件的名称是否符合预设的命名条件;
如果所述控件的名称符合预设的命名条件,则所述第二容器允许所述控件停靠,接收所述控件的拖拽源并在所述第二容器中显示所述控件的拖拽源;
如果所述控件的名称不符合预设的命名条件,则所述第二容器拒绝接收所述控件的拖拽源。
其中,所述方法还包括:
如果所述控件的属性支持容器外拖拽,则按照预设的透明度生成所述控件的虚影,在界面上显示所述虚影,且使所述虚影随所述控件的移动而移动;
当拖拽结束时,停止显示所述虚影。
其中,所述方法还包括:
将所述控件从所述第一容器中移除后,判断所述第一容器中是否还有其它控件,如果没有其它控件,则由所述第一容器的业务逻辑层决定是否销毁所述第一容器。
另一方面,本发明还提供了一种控件拖拽装置,所述装置包括第一容器,所述第一容器包括:
第一处理模块,用于当所述第一容器内的控件被拖拽出所述第一容器时,获取所述控件的属性;如果所述控件的属性支持容器外拖拽,则将所述控件从所述第一容器中移除,生成所述控件的拖拽源;
第二处理模块,用于当拖拽结束时,获取所述控件当前的位置;如果所述位置位于第二容器中,则将所述控件的拖拽源发送给所述第二容器,由所述第二容器决定是否接收所述控件的拖拽源;如果所述位置无容器,由所述第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将所述控件的拖拽源发送给所述新的容器,由所述新的容器接收并显示所述控件的拖拽源。
其中,所述装置还包括:
动画显示模块,用于在所述控件在所述第一容器内移动的过程中,动画显示被所述控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的所述控件移动的相反方向,移动至相邻的位置处。
其中,所述装置还包括所述第二容器,所述第二容器包括:
判断模块,用于当所述第一容器的第二处理模块将所述控件的拖拽源发送给所述第二容器后,根据所述拖拽源判断所述控件的名称是否符合预设的命名条件;
控制模块,用于如果所述控件的名称符合预设的命名条件,则允许所述控件停靠,接收所述控件的拖拽源并在所述第二容器中显示所述控件的拖拽源;如果所述控件的名称不符合预设的命名条件,则拒绝接收所述控件的拖拽源。
其中,所述装置还包括:
虚影处理模块,用于如果所述控件的属性支持容器外拖拽,则按照预设的透明度生成所述控件的虚影,在界面上显示所述虚影,且使所述虚影随所述控件的移动而移动;当拖拽结束时,停止显示所述虚影。
其中,所述第一处理模块还用于:
将所述控件从所述第一容器中移除后,判断所述第一容器中是否还有其它控件,如果没有其它控件,则由所述第一容器的业务逻辑层决定是否销毁所述第一容器。
本发明提供的技术方案带来的有益效果是:通过获取被拖拽至容器外的控件的属性,在所述属性支持容器外拖拽时,生成所述控件的拖拽源,并根据拖拽结束时控件当前的位置,将拖拽源发送给第二容器或者新的容器,由所述第二容器决定是否接收所述拖拽源,或者由新的容器接收并显示所述拖拽源,从而实现了跨容器的控件拖拽,提高了控件布局的灵活性,为用户提供了一种灵活的、可控的布局方式,能够达到用户根据自身喜好和需求来进行控件布局的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的控件拖拽方法流程图;
图2是本发明另一实施例提供的控件拖拽方法流程图;
图3是本发明实施例提供的控件显示示意图;
图4是本发明一实施例提供的控件拖拽装置结构图;
图5是本发明另一实施例提供的控件拖拽装置结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
参见图1,本发明一实施例提供了一种控件拖拽方法,包括:
101:当第一容器内的控件被拖拽出第一容器时,获取该控件的属性。
102:如果该控件的属性支持容器外拖拽,则将该控件从第一容器中移除,生成该控件的拖拽源。
103:当拖拽结束时,获取该控件当前的位置。
104:如果该位置位于第二容器中,则将该控件的拖拽源发送给第二容器,由第二容器决定是否接收该控件的拖拽源;如果该位置无容器,由所述第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将该控件的拖拽源发送给新的容器,由新的容器接收并显示该控件的拖拽源。
本实施例中涉及的所有容器均是指同一个应用程序内的容器。通常一个应用程序可以包括多个容器,容器的载体是窗口,一个窗口内可以只包括一个容器,当然也可以包括多个容器。一个容器内可以包括一个控件,当然也可以包括多个控件。本实施例中涉及的控件是指应用程序内的控件,包括该应用程序提供的控件,以及用户根据该应用程序提供的功能自定义的控件等。
本实施例中,控件的属性通常有多种,如名称、大小、颜色、位置等等,本实施例主要涉及其中的一个属性,就是该控件是否支持容器外拖拽,如果一个控件具有支持容器外拖拽的属性,则当该控件被拖拽至容器外时按照上述方法执行相应的流程,如果一个控件不具有支持容器外拖拽的属性,则当该控件被拖拽至容器外时禁止该控件继续拖拽,仍然保留该控件在原来的容器中。
本实施例中,一个控件的拖拽源是指与该控件有关的各种信息,包括但不限于该控件本身的信息,以及该控件加载的页面的相关信息等等。当一个控件被拖拽时,不仅该控件本身被拖拽,相应地该控件加载的页面也被拖拽,当该控件在新的位置显示时,该页面也需要显示,以达到与该控件在原来的位置相同的显示效果。因此,在一个控件被拖拽时,为该控件生成包含控件本身以及加载页面的相关信息在内的拖拽源,令该拖拽源随控件移动而移动,增强了拖拽的效果,保证了拖拽后显示的完整性。
本实施例中的拖拽可以为用户通过鼠标点击触发的拖拽,或者也可以为用户通过触摸的方式触发的拖拽,本发明对此不做具体限定。本实施例提供的上述方法可以应用于计算机、笔记本电脑等等。
本实施例提供的上述方法,通过获取被拖拽至容器外的控件的属性,在所述属性支持容器外拖拽时,生成所述控件的拖拽源,并根据拖拽结束时控件当前的位置,将拖拽源发送给该位置所在的第二容器或者新的容器,由所述第二容器决定是否接收所述拖拽源,或者由新的容器接收并显示所述拖拽源,从而实现了跨容器的控件拖拽,提高了控件布局的灵活性,为用户提供了一种灵活的、可控的布局方式,能够达到用户根据自身喜好和需求来进行控件布局的效果。
参见图2,本发明另一实施例提供了一种控件拖拽方法,包括:
201:当第一容器内的控件被拖拽出第一容器时,第一容器获取该控件的属性。
本实施例中涉及的所有容器均是指同一个应用程序内的容器。通常一个应用程序可以包括多个容器,容器的载体是窗口,一个窗口内可以只包括一个容器,当然也可以包括多个容器。一个容器内可以包括一个控件,当然也可以包括多个控件。本实施例中涉及的控件是指应用程序内的控件,包括该应用程序提供的控件,以及用户根据该应用程序提供的功能自定义的控件等。
例如,参见图3,为本实施例提供的控件显示示意图。其中,在一个即时通讯应用程序中,一个容器内包括三个控件,分别为:“联系人”、“群/讨论组”和“最近联系人”。每个控件都显示有加载的页面,页面内显示与该控件有关的内容。如,“联系人”控件的页面中显示联系人列表,“群/讨论组”控件的页面显示群/讨论组的列表,“最近联系人”控件的页面显示最近联系人列表等等。
本实施例中,控件的属性通常有多种,如名称、大小、颜色、位置等等,本实施例主要涉及其中的一个属性,就是该控件是否支持容器外拖拽,如果一个控件具有支持容器外拖拽的属性,则当该控件被拖拽至容器外时按照上述方法执行相应的流程,如果一个控件不具有支持容器外拖拽的属性,则当该控件被拖拽至容器外时禁止该控件继续拖拽,仍然保留该控件在原来的容器中。
本实施例中的拖拽可以为用户通过鼠标点击触发的拖拽,或者也可以为用户通过触摸的方式触发的拖拽,本发明对此不做具体限定。本实施例提供的上述方法可以应用于计算机、笔记本电脑等等。
202:如果该控件的属性支持容器外拖拽,则将该控件从第一容器中移除,生成该控件的拖拽源。
本实施例中,一个控件的拖拽源是指与该控件有关的各种信息,包括但不限于该控件本身的信息,以及该控件加载的页面的相关信息等等。当一个控件被拖拽时,不仅该控件本身被拖拽,相应地该控件加载的页面也被拖拽,当该控件在新的位置显示时,该页面也需要显示,以达到与该控件在原来的位置相同的显示效果。因此,在一个控件被拖拽时,为该控件生成包含控件本身以及加载页面的相关信息在内的拖拽源,令该拖拽源随控件移动而移动,增强了拖拽的效果,保证了拖拽后显示的完整性。
本实施例中,如果该控件的属性不支持容器外拖拽,则保留该控件在第一容器中,禁止该控件向容器外拖拽。
进一步地,本步骤还可以包括:
如果该控件的属性支持容器外拖拽,则第一容器按照预设的透明度生成该控件的虚影,在界面上显示该虚影,且使该虚影随该控件的移动而移动。
所述预设的透明度可以根据需要设定,本发明对此不做具体限定,如可以设定为透明度为50%即半透明,或者也可以设定为其它的透明度如40%或60%等等。所述虚影除了透明度以外,其它的显示属性均与该控件相同,因此,从显示效果上看,所述虚影就相当于该控件的一个复制,区别仅在于透明度不同。其中,使该虚影随控件的移动而移动,可以让用户看到控件的移动效果,更直观地表达了控件的拖拽过程。
203:在该控件在第一容器内移动的过程中,第一容器动画显示被所述控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的控件移动的相反方向,移动至相邻的位置处。
以图3所示的容器为例,当拖拽“联系人”控件在“群/讨论组”控件、“最近联系人”控件表面向右移动时,“群/讨论组”控件、“最近联系人”控件会被移动中的“联系人”控件挤压向左移动,当“联系人”控件移动到“群/讨论组”控件上方时,“群/讨论组”控件则向左移动到“联系人”控件最初的位置,给“联系人”控件空出位置;当“联系人”控件继续移动到“最近联系人”控件上方时,“最近联系人”控件向左移动到最初“群/讨论组”控件的位置,将最右边的位置空出留给“联系人”控件,从而达到了动画显示的效果。
204:当拖拽结束时,第一容器获取被拖拽的该控件当前的位置。
205:第一容器判断已获取的该位置是否位于第二容器中或者该位置无容器,如果该位置位于第二容器中,则执行206;如果该位置无容器,则执行210。
206:第一容器将该控件的拖拽源发送给第二容器。
207:第二容器根据第一容器发来的拖拽源,判断该控件的名称是否符合预设的命名条件;如果该控件的名称符合预设的命名条件,则执行208;如果该控件的名称不符合预设的命名条件,则执行209。
本实施例中,所述预设的命名条件可以由业务层预先设定好,通过该命名条件可以过滤掉第二容器不希望接收和容纳的控件,进一步地提升了控件拖拽的灵活性。其中,控件的名称会包含在拖拽源中,第二容器可以从拖拽源中提取该控件的名称,并与预设的命名条件进行比较,从而判断出该控件的名称是否符合预设的命名条件,以决定是否接收该拖拽源。所述命名条件可以一种,或者也可以为多种条件的组合,本发明对此不做具体限定。
208:第二容器允许该控件停靠,接收该控件的拖拽源并在第二容器中显示该控件的拖拽源,流程结束。
具体地,当第二容器允许该控件停靠时,如果上述步骤中为该控件生成了虚影,则该控件移动进入第二容器后,停止显示该虚影,该虚影从第二容器所在的窗口内消失。如果第二容器内已经存在其它的控件,则当前拖拽的控件根据移动的位置与所述第二容器内已经存在的其它控件进行位置滑动的排序,直到拖拽结束。在该排序的过程中,可以按照步骤203中描述的方式进行动画显示,此处不赘述。
本实施例中,通过第二容器接收并显示被拖拽的控件,实现了被拖拽的控件合并到第二容器中,提供了跨容器拖拽控件的合并布局,该控件从第一容器中移除,实现了被拖拽的控件与原容器的分离,提供了跨容器拖拽控件的分离布局,从而有效地解决了跨容器控件拖拽的问题。
本实施例中,类似地,第二容器中的控件也可以实现跨容器的拖拽,如将第二容器内的控件拖拽至其它的容器中,或者从其它容器拖拽控件至第二容器中,或者将第二容器内的控件拖拽至无容器的位置,等等,具体过程与第一容器中控件的拖拽过程类似,此处不赘述。
209:第二容器拒绝接收该控件的拖拽源,第一容器恢复已被移除的该控件,流程结束。
210:由第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,第一容器将该控件的拖拽源发送给该新的容器,该新的容器接收第一容器发来的该控件的拖拽源,并显示该控件的拖拽源,流程结束;如果不对所述拖拽进行处理,则第一容器恢复已被移除的该控件,流程结束。
本实施例提供的上述方法,进一步地还可以包括以下步骤:
将所述控件从第一容器中移除后,判断第一容器中是否还有其它控件,如果没有其它控件,则由第一容器的业务逻辑层决定是否销毁第一容器。如果第一容器的业务逻辑层决定销毁第一容器,则销毁第一容器,否则,保留第一容器。
本实施例提供的上述方法,通过获取被拖拽至容器外的控件的属性,在所述属性支持容器外拖拽时,生成所述控件的拖拽源,并根据拖拽结束时控件当前的位置,将拖拽源发送给第二容器或者新的容器,由所述第二容器决定是否接收所述拖拽源,或者由新的容器接收并显示所述拖拽源,从而实现了跨容器的控件拖拽,提高了控件布局的灵活性,为用户提供了一种灵活的、可控的布局方式,能够达到用户根据自身喜好和需求来进行控件布局的效果。
参见图4,本发明又一实施例还提供了一种控件拖拽装置,该装置包括第一容器40,第一容器40包括:
第一处理模块401,用于当第一容器40内的控件被拖拽出第一容器40时,获取该控件的属性;如果该控件的属性支持容器外拖拽,则将该控件从第一容器40中移除,生成该控件的拖拽源;
第二处理模块402,用于当拖拽结束时,获取该控件当前的位置;如果该位置位于第二容器中,则将该控件的拖拽源发送给第二容器,由第二容器决定是否接收该控件的拖拽源;如果该位置无容器,由第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将该控件的拖拽源发送给新的容器,由新的容器接收并显示该控件的拖拽源。
第一种实施方式下,上述装置还包括:
动画显示模块,用于在该控件在第一容器40内移动的过程中,动画显示被控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的控件移动的相反方向,移动至相邻的位置处。
参见图5,第二种实施方式下,上述装置还包括第二容器50,第二容器50包括:
判断模块501,用于当第一容器40的第二处理模块402将该控件的拖拽源发送给第二容器50后,根据该拖拽源判断该控件的名称是否符合预设的命名条件;
控制模块502,用于如果该控件的名称符合预设的命名条件,则允许该控件停靠,接收该控件的拖拽源并在第二容器50中显示该控件的拖拽源;如果该控件的名称不符合预设的命名条件,则拒绝接收该控件的拖拽源。
第三种实施方式下,上述装置还包括:
虚影处理模块,用于如果该控件的属性支持容器外拖拽,则按照预设的透明度生成控件的虚影,在界面上显示该虚影,且使该虚影随控件的移动而移动;当拖拽结束时,停止显示该虚影。
上述方法或者上述任一种实施方式中,第一处理模块401还可以用于:
将该控件从第一容器40中移除后,判断第一容器40中是否还有其它控件,如果没有其它控件,则由第一容器的业务逻辑层决定是否销毁第一容器40。
本实施例提供的上述装置可以执行上述任一方法实施例中提供的方法,详细过程见方法实施例中的描述,此处不赘述。
本实施例提供的上述装置,通过获取被拖拽至容器外的控件的属性,在所述属性支持容器外拖拽时,生成所述控件的拖拽源,并根据拖拽结束时控件当前的位置,将拖拽源发送给第二容器或者新的容器,由所述第二容器决定是否接收所述拖拽源,或者由新的容器接收并显示所述拖拽源,从而实现了跨容器的控件拖拽,提高了控件布局的灵活性,为用户提供了一种灵活的、可控的布局方式,能够达到用户根据自身喜好和需求来进行控件布局的效果。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (10)

1.一种控件拖拽方法,其特征在于,所述方法包括:
当第一容器内的控件被拖拽出所述第一容器时,获取所述控件的属性;
如果所述控件的属性支持容器外拖拽,则将所述控件从所述第一容器中移除,生成所述控件的拖拽源;
当拖拽结束时,获取所述控件当前的位置;
如果所述位置位于第二容器中,则将所述控件的拖拽源发送给所述第二容器,由所述第二容器决定是否接收所述控件的拖拽源;
如果所述位置无容器,由所述第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将所述控件的拖拽源发送给所述新的容器,由所述新的容器接收并显示所述控件的拖拽源。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述控件在所述第一容器内移动的过程中,动画显示被所述控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的所述控件移动的相反方向,移动至相邻的位置处。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述控件的拖拽源发送给所述第二容器后,所述第二容器根据所述拖拽源判断所述控件的名称是否符合预设的命名条件;
如果所述控件的名称符合预设的命名条件,则所述第二容器允许所述控件停靠,接收所述控件的拖拽源并在所述第二容器中显示所述控件的拖拽源;
如果所述控件的名称不符合预设的命名条件,则所述第二容器拒绝接收所述控件的拖拽源。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
如果所述控件的属性支持容器外拖拽,则按照预设的透明度生成所述控件的虚影,在界面上显示所述虚影,且使所述虚影随所述控件的移动而移动;
当拖拽结束时,停止显示所述虚影。
5.根据权利要求1至4中任一项所述的方法,其特征在于,所述方法还包括:
将所述控件从所述第一容器中移除后,判断所述第一容器中是否还有其它控件,如果没有其它控件,则由所述第一容器的业务逻辑层决定是否销毁所述第一容器。
6.一种控件拖拽装置,其特征在于,所述装置包括第一容器,所述第一容器包括:
第一处理模块,用于当所述第一容器内的控件被拖拽出所述第一容器时,获取所述控件的属性;如果所述控件的属性支持容器外拖拽,则将所述控件从所述第一容器中移除,生成所述控件的拖拽源;
第二处理模块,用于当拖拽结束时,获取所述控件当前的位置;如果所述位置位于第二容器中,则将所述控件的拖拽源发送给所述第二容器,由所述第二容器决定是否接收所述控件的拖拽源;如果所述位置无容器,由所述第一容器的业务逻辑层判断是否对所述拖拽进行处理,如果对所述拖拽进行处理,则生成一个新的容器,将所述控件的拖拽源发送给所述新的容器,由所述新的容器接收并显示所述控件的拖拽源。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
动画显示模块,用于在所述控件在所述第一容器内移动的过程中,动画显示被所述控件挤压的各个控件的移动过程,其中,每一个被挤压的控件均从原来所在的位置,沿着与被拖拽的所述控件移动的相反方向,移动至相邻的位置处。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括所述第二容器,所述第二容器包括:
判断模块,用于当所述第一容器的第二处理模块将所述控件的拖拽源发送给所述第二容器后,根据所述拖拽源判断所述控件的名称是否符合预设的命名条件;
控制模块,用于如果所述控件的名称符合预设的命名条件,则允许所述控件停靠,接收所述控件的拖拽源并在所述第二容器中显示所述控件的拖拽源;如果所述控件的名称不符合预设的命名条件,则拒绝接收所述控件的拖拽源。
9.根据权利要求6所述的装置,其特征在于,所述装置还包括:
虚影处理模块,用于如果所述控件的属性支持容器外拖拽,则按照预设的透明度生成所述控件的虚影,在界面上显示所述虚影,且使所述虚影随所述控件的移动而移动;当拖拽结束时,停止显示所述虚影。
10.根据权利要求6至9中任一项所述的装置,其特征在于,所述第一处理模块还用于:
将所述控件从所述第一容器中移除后,判断所述第一容器中是否还有其它控件,如果没有其它控件,则由所述第一容器的业务逻辑层决定是否销毁所述第一容器。
CN201210587550.9A 2012-12-28 2012-12-28 控件拖拽方法和装置 Active CN103049272B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210587550.9A CN103049272B (zh) 2012-12-28 2012-12-28 控件拖拽方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210587550.9A CN103049272B (zh) 2012-12-28 2012-12-28 控件拖拽方法和装置

Publications (2)

Publication Number Publication Date
CN103049272A true CN103049272A (zh) 2013-04-17
CN103049272B CN103049272B (zh) 2016-08-31

Family

ID=48061924

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210587550.9A Active CN103049272B (zh) 2012-12-28 2012-12-28 控件拖拽方法和装置

Country Status (1)

Country Link
CN (1) CN103049272B (zh)

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103279357A (zh) * 2013-06-05 2013-09-04 四目信息科技(上海)有限公司 计算机图形界面中实现滑动轮盘控件功能的系统及其方法
CN104202675A (zh) * 2014-09-03 2014-12-10 乐视致新电子科技(天津)有限公司 智能终端及其快速频道切换方法和装置
CN104267883A (zh) * 2013-07-30 2015-01-07 深圳市华傲数据技术有限公司 一种javascript拖拽方法和装置
CN104346095A (zh) * 2013-08-09 2015-02-11 联想(北京)有限公司 一种信息处理方法及电子设备
CN104731486A (zh) * 2013-12-19 2015-06-24 鸿合科技有限公司 删除页面的方法及设备
CN106843498A (zh) * 2017-02-24 2017-06-13 网易(杭州)网络有限公司 基于虚拟现实的动态界面交互方法及装置
CN107943467A (zh) * 2017-11-15 2018-04-20 阿里巴巴集团控股有限公司 条件语句创建方法及装置
CN109782983A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 应用程序界面的视图布局调整方法和装置
CN110045901A (zh) * 2019-04-19 2019-07-23 网易(杭州)网络有限公司 申请消息处理方法、装置、设备及计算机可读存储介质
CN110162358A (zh) * 2019-04-09 2019-08-23 广州小鹏汽车科技有限公司 一种指示组件的动画效果的实现方法和系统
CN114153367A (zh) * 2022-02-10 2022-03-08 中国电子信息产业集团有限公司 快速替代连接关系的交互方法、设备及可读存储介质
CN114356196A (zh) * 2020-09-30 2022-04-15 荣耀终端有限公司 一种显示方法及电子设备
CN114546568A (zh) * 2022-02-25 2022-05-27 重庆紫光华山智安科技有限公司 页面元素拖放方法、装置、电子设备及存储介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012044779A1 (en) * 2010-09-30 2012-04-05 Apple Inc. Managing items in a user interface

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012044779A1 (en) * 2010-09-30 2012-04-05 Apple Inc. Managing items in a user interface

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
CSDN论坛: "《http://bbs.csdn.net/topics/340195706》", 15 July 2010 *
CSDN论坛: "《http://blog.csdn.net/kingsollyu/article/details/6306821》", 7 April 2011 *
SKYSOOT博客园: "《http://www.cnblogs.com/SkySoot/archive/2011/12/16/2290601.html》", 16 December 2011 *

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103279357A (zh) * 2013-06-05 2013-09-04 四目信息科技(上海)有限公司 计算机图形界面中实现滑动轮盘控件功能的系统及其方法
CN104267883A (zh) * 2013-07-30 2015-01-07 深圳市华傲数据技术有限公司 一种javascript拖拽方法和装置
CN104267883B (zh) * 2013-07-30 2017-07-04 深圳市华傲数据技术有限公司 一种javascript拖拽方法和装置
CN104346095A (zh) * 2013-08-09 2015-02-11 联想(北京)有限公司 一种信息处理方法及电子设备
CN104731486A (zh) * 2013-12-19 2015-06-24 鸿合科技有限公司 删除页面的方法及设备
CN104202675A (zh) * 2014-09-03 2014-12-10 乐视致新电子科技(天津)有限公司 智能终端及其快速频道切换方法和装置
CN106843498A (zh) * 2017-02-24 2017-06-13 网易(杭州)网络有限公司 基于虚拟现实的动态界面交互方法及装置
CN106843498B (zh) * 2017-02-24 2020-05-22 网易(杭州)网络有限公司 基于虚拟现实的动态界面交互方法及装置
CN109782983A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 应用程序界面的视图布局调整方法和装置
CN107943467A (zh) * 2017-11-15 2018-04-20 阿里巴巴集团控股有限公司 条件语句创建方法及装置
CN107943467B (zh) * 2017-11-15 2021-04-02 创新先进技术有限公司 条件语句创建方法及装置
CN110162358A (zh) * 2019-04-09 2019-08-23 广州小鹏汽车科技有限公司 一种指示组件的动画效果的实现方法和系统
CN110045901A (zh) * 2019-04-19 2019-07-23 网易(杭州)网络有限公司 申请消息处理方法、装置、设备及计算机可读存储介质
CN114356196A (zh) * 2020-09-30 2022-04-15 荣耀终端有限公司 一种显示方法及电子设备
CN114153367A (zh) * 2022-02-10 2022-03-08 中国电子信息产业集团有限公司 快速替代连接关系的交互方法、设备及可读存储介质
CN114546568A (zh) * 2022-02-25 2022-05-27 重庆紫光华山智安科技有限公司 页面元素拖放方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN103049272B (zh) 2016-08-31

Similar Documents

Publication Publication Date Title
CN103049272A (zh) 控件拖拽方法和装置
CN103593108A (zh) 提供具有多任务功能的用户界面的方法和移动通信装置
US10152196B2 (en) Mobile terminal and method of operating a message-based conversation for grouping of messages
WO2022068773A1 (zh) 桌面元素调整方法、装置和电子设备
US10747391B2 (en) Method and device for executing applications through application selection screen
EP2775387A2 (en) Page Operating Method and Electronic Device Thereof
US9898111B2 (en) Touch sensitive device and method of touch-based manipulation for contents
CN102946462A (zh) 一种基于手机的联系人信息分组处理方法及手机
US20130268895A1 (en) Terminal device and icon management method
CN103442135B (zh) 对联系人表项的合并及去重操作的处理方法和触控终端
US9645831B2 (en) Consolidated orthogonal guide creation
CN104024982A (zh) 电子邮件用户界面
CN102981711A (zh) 一种在触摸屏上移动应用图标的方法和系统
CN105278818B (zh) 一种即时通讯软件中的内容复制方法和装置
CN105988860A (zh) 执行应用程序的方法及移动装置
US10521248B2 (en) Electronic device and method thereof for managing applications
US20140215393A1 (en) Touch-based multiple selection
CN102799389B (zh) 即时通信工具实现涂鸦板的方法、客户端及系统
CN102866988A (zh) 一种终端及其实现拖曳复制粘贴文本的方法
CN106126718A (zh) 一种图片管理方法及终端
CN105867820A (zh) 用于触摸屏的文本编辑方法和装置
CN106648364A (zh) 基于移动应用视图结构实现的即时查看收藏内容的方法
CN103019696B (zh) 利用移动终端桌面快速建立便签的系统、方法和移动终端
CN105808046A (zh) 一种局部放大查看屏幕的方法、装置及移动终端
CN105138253A (zh) 一种用于图片批量处理的方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CP02 Change in the address of a patent holder

Address after: Room 810, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080

Patentee after: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd.

Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building block A room 602

Patentee before: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd.

CP02 Change in the address of a patent holder