CN102270081B - 一种调整列表元素大小的方法及装置 - Google Patents
一种调整列表元素大小的方法及装置 Download PDFInfo
- Publication number
- CN102270081B CN102270081B CN201010190692.2A CN201010190692A CN102270081B CN 102270081 B CN102270081 B CN 102270081B CN 201010190692 A CN201010190692 A CN 201010190692A CN 102270081 B CN102270081 B CN 102270081B
- Authority
- CN
- China
- Prior art keywords
- size
- contact control
- adjustment
- control
- client
- 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
- 238000000034 method Methods 0.000 title claims abstract description 20
- 238000010586 diagram Methods 0.000 description 10
- 238000005096 rolling process Methods 0.000 description 5
- 230000008859 change Effects 0.000 description 3
- 238000009499 grossing Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 230000003750 conditioning effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/107—Computer-aided management of electronic mailing [e-mailing]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/01—Social networking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Theoretical Computer Science (AREA)
- Human Resources & Organizations (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Strategic Management (AREA)
- Entrepreneurship & Innovation (AREA)
- General Business, Economics & Management (AREA)
- General Engineering & Computer Science (AREA)
- Marketing (AREA)
- Tourism & Hospitality (AREA)
- Economics (AREA)
- Data Mining & Analysis (AREA)
- Quality & Reliability (AREA)
- Computer Hardware Design (AREA)
- Operations Research (AREA)
- Human Computer Interaction (AREA)
- Computing Systems (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Primary Health Care (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种调整列表元素大小的方法及装置,该方法包括以下步骤:客户端获取多点触摸事件;所述客户端根据所述多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小。本发明中的调整列表元素大小的装置,包括:获取模块,用于获取多点触摸事件;调整模块,用于根据所述获取模块获取的多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小。通过使用本发明,可以调整列表元素,并保证多点触摸事件与已有的操作保持兼容,提高了IM客户端的易用性。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种调整列表元素大小的方法及装置。
背景技术
随着网络技术的发展和网络影响的扩大,IM(Instant Messaging,即时通讯)工具已经被大多数的网络用户所接受,成为用户必不可少的软件工具,在休闲娱乐和日常工作中得到广泛的使用。因此,用户对IM客户端的易用性,稳定性,安全性等方面提出了较高的要求。
为了满足用户的个性化需求,大多数IM客户端都提供了自定义头像的功能。例如,QQ提供了对16x16,40x40,100x100,640x480等多种尺寸头像的支持。在IM的联系人列表中,每个列表元素(Item)代表一个联系人,列表元素除了显示联系人的头像外,还可以显示联系人的ID、昵称、个性签名、Blog最新动态和正在听的音乐等多种信息。用户会根据自己的喜好,通过菜单项选择设置联系人头像的显示大小。
随着科技的进步,触摸设备越来越普及,触摸操作甚至多点触摸操作逐渐走入人们生活。触摸操作简单易学,尤其适合老人和小孩使用。IM作为一款常用软件,支持触摸操作是大势所趋。然而,IM作为一款电脑软件,其功能、操作和界面复杂度比手机程序要复杂得多。
此外,触摸操作与鼠标操作之间存在很大的差别,触摸操作可以包括点击操作、拖拽操作和滚动操作,但没有类似于鼠标右键和悬停等操作。其中,拖拽操作是使用手指选中程序界面元素并移动其位置的操作,例如,拖拽移动文件的操作,或者通过拖拽列表元素移动联系人的位置;滚动操作是手指在一个带有滚动条的界面中按下后,滚动条跟随手指的移动方向滚动的操作,可以通过滚动联系人列表中的滚动条,查看联系人列表中的各个列表元素。另外,通过点击操作点击列表元素中的“Blog最新动态”,可以打开联系人的Blog;点击列表元素中的“正在听的音乐”,可以打开QQ音乐程序;点击列表元素中的其他区域,可以选中该列表元素。
现有技术中,应用于触摸设备的IM客户端无法调整列表元素大小,而非触摸设备的IM客户端调整列表元素大小时,联系人头像的显示大小的变化过程是突变的,不平滑的,降低了用户的使用体验和IM客户端的易用性。
发明内容
本发明提供了一种调整列表元素大小的方法及装置,用于提高IM客户端的易用性。
本发明提供一种调整列表元素大小的方法,包括以下步骤:
客户端获取多点触摸事件;
所述客户端根据所述多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小。
优选地,所述多点触摸事件为两点触摸事件,所述多点触摸事件的事件参数包括所述多点触摸事件对应的缩放操作的中心点和缩放比例;
所述客户端调整列表元素的头像控件和接触面控件的大小之前,还包括:
所述客户端获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将所述初始位置信息对应的中点位置作为所述缩放操作的中心点,将移动后与移动前所述两个触点之间的距离之比作为所述缩放操作的缩放比例。
优选地,所述客户端根据所述多点触摸事件中的事件参数,调整所述列表元素的头像控件,包括:
所述客户端根据所述缩放比例调整所述头像控件的大小,并根据所述中心点确定所述调整后的头像控件的位置。
优选地,所述客户端调整列表元素的接触面控件的大小之后,还包括:
所述客户端根据调整后的接触面控件的大小调整所述接触面控件的布局。
优选地,所述接触面控件包括多个子元素,所述客户端根据调整后的接触面控件的大小调整接触面控件的布局,包括:
所述客户端获取预定义的模板,根据所述模板定义的所述接触面控件的各子元素的大小和位置,获取所述接触面控件通过所述模板显示时的整体大小;
当所述整体大小不大于调整后的接触面控件的大小时,所述客户端使用所述模板显示所述接触面控件;
当所述整体大小大于调整后的接触面控件的大小时,所述客户端获取其他模板,并获取所述接触面控件通过所述其他模板显示时的整体大小,直到所述整体大小不大于调整后的接触面控件的大小。
优选地,所述调整后的接触面控件的大小为预设的最小尺寸时,所述客户端根据调整后的接触面控件的大小调整接触面控件的布局,包括:
所述客户端使用与所述最小尺寸对应的模板显示所述接触面控件。
本发明还提供一种调整列表元素大小的装置,包括:
获取模块,用于获取多点触摸事件;
调整模块,用于根据所述获取模块获取的多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小。
优选地,所述多点触摸事件为两点触摸事件,所述多点触摸事件的事件参数包括所述多点触摸事件对应的缩放操作的中心点和缩放比例;
所述获取模块,还用于获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将所述初始位置信息对应的中点位置作为所述缩放操作的中心点,将移动后与移动前所述两个触点之间的距离之比作为所述缩放操作的缩放比例。
优选地,所述调整模块,具体用于根据所述缩放比例调整所述头像控件的大小,并根据所述中心点确定所述调整后的头像控件的位置。
优选地,所述调整模块,还用于根据调整后的接触面控件的大小调整所述接触面控件的布局。
优选地,所述接触面控件包括多个子元素,
所述调整模块,具体用于获取预定义的模板,根据所述模板定义的所述接触面控件的各子元素的大小和位置,获取所述接触面控件通过所述模板显示时的整体大小;当所述整体大小不大于调整后的接触面控件的大小时,使用所述模板显示所述接触面控件;当所述整体大小大于调整后的接触面控件的大小时,获取其他模板,并获取所述接触面控件通过所述其他模板显示时的整体大小,直到所述整体大小不大于调整后的接触面控件的大小。
优选地,所述调整模块,还用于在所述调整后的接触面控件的大小为预设的最小尺寸时,使用与所述最小尺寸对应的模板显示所述接触面控件。
与现有技术相比,本发明具有以下优点:本发明通过多点触摸事件调整列表元素,并保证该多点触摸事件与已有的操作保持兼容,提高了IM客户端的易用性。
附图说明
为了更清楚地说明本发明或现有技术中的技术方案,下面将对本发明或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1a为本发明中的多点触摸事件对应的放大操作示意图;
图1b为本发明中的多点触摸事件对应的缩小操作示意图;
图2为本发明中的调整列表元素大小的方法流程图;
图3为本发明应用场景中的放大操作对应的多点触摸事件的位置信息示意图;
图4a为本发明应用场景中使用大头像显示头像控件时接触面控件的子元素的排布方式示意图;
图4b为本发明应用场景中使用小头像显示头像控件时接触面控件的子元素的排布方式示意图;
图5为本发明应用场景中的联系人头像格式为40x40时的模板布局示意图;
图6为本发明应用场景中的联系人头像格式为16x16时的模板布局示意图;
图7为本发明中的一种调整列表元素大小的装置结构示意图。
具体实施方式
本发明提供一种使用多点触摸技术调整IM客户端的联系人列表中的列表元素大小的技术方案,根据用户的操作习惯,在包含多种元素的复杂列表控件中利用多点触摸操作动态调整列表元素,并保证该多点触摸操作不与拖拽操作、滚动操作和点击操作造成冲突,不会引发误操作,与触摸设备的已有操作保持兼容,不影响已有操作,提高了IM客户端的易用性。此外,按照预设的周期调整列表元素,可以对联系人列表中的头像进行平滑、无级缩放,并在调整头像大小的同时,平滑调整列表元素包含的各部分内容的显示布局,使IM客户端的用户界面保持美观、实用,提升了用户的使用体验。
下面将结合本发明中的附图,对本发明的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明中的调整列表元素大小的方法,可应用于触摸设备客户端,多点触摸事件对应的缩放操作可以为使用两个手指或触摸笔触摸屏幕,并使两个手指或触摸笔相互远离或靠近的操作,如图1a和图1b所示,当两个手指或触摸笔相互靠近时,为缩小操作;当两个手指或触摸笔相互远离时,为放大操作。而在触摸设备客户端中,手指或触摸笔触摸屏幕时,客户端应用程序会默认收到鼠标事件(例如,鼠标按键按下、鼠标移动和鼠标按键抬起等事件)。如果触摸设备的各种操作都基于鼠标事件进行处理,会导致多点触摸事件对应的缩放操作与已有的拖拽操作、滚动操作和点击操作混淆,造成操作冲突和误操作。因此,可以通过判断获取的触摸事件是否为多点触摸事件,将多点触摸事件对应的缩放操作与其他操作进行隔离。在Windows系统中,所有事件都是基于Windows的消息机制实现的,因此,可以在消息层面进行分析获取的触摸事件,对于多点触摸事件,可以单独进行拦截和分析,而不再向客户端应用程序发送鼠标事件消息;对于非多点触摸消息,则按系统默认方式处理,即向客户端应用程序发送鼠标事件消息。
如图2所示,为本发明中的调整列表元素大小的方法流程图,具体包括以下步骤:
步骤201,客户端获取触摸事件。
其中,触摸事件可以由客户端系统获取,可以为手指按下消息,也可以为触摸笔按下消息。
步骤202,客户端判断获取的触摸事件是否为多点触摸事件,如果是多点触摸事件,则执行步骤204;否则,执行步骤203。
具体地,客户端系统可以获取触摸事件对应的触点的个数,如果触点的个数为一个,则判断触摸事件不是多点触摸事件;如果触点的个数大于一个,则判断触摸事件为多点触摸事件。
步骤203,客户端系统向客户端应用程序发送鼠标事件消息。
步骤204,客户端记录多点触摸事件的位置信息,并根据该位置信息获取多点触摸事件的事件参数。
具体地,客户端系统确定触摸事件为多点触摸事件时,可以按照预设周期T获取记录多点触摸事件的位置信息,即手指或触摸笔移动的消息,直到手指或触摸笔抬起。客户端系统可以根据每个周期内记录的位置信息,获取多点触摸事件的事件参数。
其中,多点触摸事件为两点触摸事件,多点触摸事件的事件参数可以包括多点触摸事件对应的缩放操作的中心点和缩放比例。客户端系统可以获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将该初始位置信息对应的中点位置作为缩放操作的中心点,将移动后与移动前两个触点之间的距离之比作为缩放操作的缩放比例。
如图3所示,为放大操作对应的多点触摸事件的位置信息示意图,其中,初始位置信息为构成初始长度L1的触点位置1和触点位置2,终结位置信息为构成终结长度L2的触点位置3和触点位置4,则该放大操作的中心点Center为触点位置1和触点位置2的中点位置,缩放比例Scale=L2/L1。
步骤205,客户端系统向客户端应用程序发送包含事件参数的多点触摸事件。
步骤206,客户端获取多点触摸事件。
步骤207,客户端根据多点触摸事件中的事件参数,调整列表元素的头像控件的大小。
具体地,客户端可以根据缩放比例调整头像控件的大小,并根据中心点确定所述调整后的头像控件的位置。由于客户端应用程序可以按照预设周期接收来自客户端系统的多点触摸事件,因此,客户端应用程序可以根据多点触摸事件的事件参数按照预设周期动态修改列表元素的头像控件ImageControl的大小,具体公式如下:
ImageControl.Height=ImageControl.Height*Scale;
ImageControl.Width=ImageControl.Width*Scale;
其中,ImageControl.Height为头像的高度,ImageControl.Width为头像的宽度。当预设周期T较小时,每次的调整头像控件大小使用的Scale值也较小,因此,在应用程序运行时,头像控件为无级缩放。
步骤208,客户端调整列表元素的接触面控件的大小。
具体地,由于Item除包含头像控件ImageControl外,还包含其他元素,例如联系人ID、昵称和签名等。因此,列表元素还可以包括接触面控件ContactPanel,该接触面控件ContactPanel为用于显示列表元素中除头像控件外的其他元素的控件,ContactPanel显示的元素可以包括联系人ID、昵称和签名等。其中,联系人ID、昵称和签名等元素在逻辑上是ContactPanel的子元素,而ContactPanel的子元素的排布方式存储在预定义的模板中。根据头像控件的不同大小,可以使用多个模板存储ContactPanel的子元素的不同排布方式。如图4a所示,当使用大头像显示头像控件时,ContactPanel的子元素分2行排布;当使用小头像显示头像控件时,ContactPanel的子元素排布在1行,如图4b所示。
因此,列表元素Item可以包含ImageControl和ContactPanel两个控件,由于列表元素的大小由头像控件的大小决定,因此,当头像控件的大小发生改变时,每个列表元素的大小也发生相应的调整,客户端应用程序可以按照调整后的头像控件的大小调整接触面控件的大小,调整后的ContactPanel的高度和宽度可以分别为availableHeight和availableWidth。
步骤209,客户端根据调整后的接触面控件的大小调整接触面控件的布局。
具体地,客户端可以获取预定义的模板,根据该模板定义的接触面控件的各子元素的大小和位置,获取接触面控件通过该模板显示时的整体大小;当该整体大小不大于调整后的接触面控件的大小时,客户端使用上述模板显示接触面控件;当该整体大小大于调整后的接触面控件的大小时,客户端获取其他模板,并获取接触面控件通过该其他模板显示时的整体大小,直到整体大小不大于调整后的接触面控件的大小。
其中,客户端应用程序需要重新排布ContactPanel中的联系人ID、昵称和签名等子元素。例如,客户端应用程序可以获取预定义的模板,根据该模板的设置获取各个子元素在该模板中显示所需的大小和位置,并综合所有子元素所需的大小和位置,获得能够显示ContactPanel的子元素所需的最小高度desiredHeight和最小宽度desiredWidth。
如果desiredHeight>availableHeight
或
desiredWidth>availableWidth,
则说明利用该模板无法显示ContactPanel的全部内容,需要尝试其他模板,并重新计算desiredHeight和desiredWidth,如果desiredHeight和desiredWidth满足以下条件:
desiredHeight<=availableHeight
且
desiredWidth<=availableWidth
则按照该模板排布并显示ContactPanel的所有子元素。
另外,在程序设计时,可以定义多个模板,以保证在不同模板间切换的平滑感受,如图5和图6所示,分别为QQ联系人头像在40x40和16x16两种情况下的模板布局示意图。此外,客户端应用程序还可以定义最终模板,当调整后的接触面控件的大小为预设的最小尺寸时,客户端可以使用与该最小尺寸对应的模板显示该接触面控件,使得ContactPanel在最小尺寸时可以正确显示所有的子元素。
本发明通过多点触摸事件调整列表元素,并保证该多点触摸事件与已有的操作保持兼容,提高了IM客户端的易用性。此外,按照预设的周期调整列表元素,可以对联系人列表中的头像进行平滑、无级缩放,并在调整头像大小的同时,平滑调整列表元素包含的各部分内容的显示布局,使IM客户端的用户界面保持美观、实用,提升了用户的使用体验。
本发明在上述实施方式中提供了调整列表元素大小的方法和应用场景,相应地,本发明还提供了应用上述调整列表元素大小的方法的装置。
如图7所示,为本发明中的一种调整列表元素大小的装置结构示意图,包括:
获取模块710,用于获取多点触摸事件。
调整模块720,用于根据获取模块710获取的多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小。
其中,多点触摸事件可以为两点触摸事件,多点触摸事件的事件参数可以包括多点触摸事件对应的缩放操作的中心点和缩放比例。
上述获取模块710,还用于获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将该初始位置信息对应的中点位置作为缩放操作的中心点,将移动后与移动前两个触点之间的距离之比作为缩放操作的缩放比例。
相应地,上述调整模块720,具体用于根据缩放比例调整头像控件的大小,并根据中心点确定调整后的头像控件的位置。
上述调整模块720,还用于根据调整后的接触面控件的大小调整接触面控件的布局。
其中,接触面控件包括多个子元素。上述调整模块720,具体用于获取预定义的模板,根据该模板定义的接触面控件的各子元素的大小和位置,获取该接触面控件通过该模板显示时的整体大小;当该整体大小不大于调整后的接触面控件的大小时,使用该模板显示接触面控件;当整体大小大于调整后的接触面控件的大小时,获取其他模板,并获取接触面控件通过该其他模板显示时的整体大小,直到整体大小不大于调整后的接触面控件的大小。
上述调整模块720,还用于在调整后的接触面控件的大小为预设的最小尺寸时,使用与该最小尺寸对应的模板显示该接触面控件。
本发明通过多点触摸事件调整列表元素,并保证该多点触摸事件与已有的操作事件保持兼容,提高了IM客户端的易用性。此外,按照预设的周期调整列表元素,可以对联系人列表中的头像进行平滑、无级缩放,并在调整头像大小的同时,平滑调整列表元素包含的各部分内容的显示布局,使IM客户端的用户界面保持美观、实用,提升了用户的使用体验。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台终端设备(可以是手机,个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中,也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以集成于一体,也可以分离部署;可以合并为一个模块,也可以进一步拆分成多个子模块。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
以上公开的仅为本发明的几个具体实施例,但是,本发明并非局限于此,任何本领域的技术人员能思之的变化都应落入本发明的保护范围。
Claims (8)
1.一种调整列表元素大小的方法,其特征在于,包括以下步骤:
客户端获取多点触摸事件;
所述客户端根据所述多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小,所述接触面控件包括多个子元素;以及
所述客户端根据调整后的接触面控件的大小调整所述接触面控件的布局,包括:
所述客户端获取预定义的模板,根据所述模板定义的所述接触面控件的各子元素的大小和位置,获取所述接触面控件通过所述模板显示时的整体大小;
当所述整体大小不大于调整后的接触面控件的大小时,所述客户端使用所述模板显示所述接触面控件;
当所述整体大小大于调整后的接触面控件的大小时,所述客户端获取其他模板,并获取所述接触面控件通过所述其他模板显示时的整体大小,直到所述整体大小不大于调整后的接触面控件的大小。
2.如权利要求1所述的方法,其特征在于,所述多点触摸事件为两点触摸事件,所述多点触摸事件的事件参数包括所述多点触摸事件对应的缩放操作的中心点和缩放比例;
所述客户端调整列表元素的头像控件和接触面控件的大小之前,还包括:
所述客户端获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将所述初始位置信息对应的中点位置作为所述缩放操作的中心点,将移动后与移动前所述两个触点之间的距离之比作为所述缩放操作的缩放比例。
3.如权利要求2所述的方法,其特征在于,
所述客户端根据所述多点触摸事件中的事件参数,调整所述列表元素的头像控件,包括:
所述客户端根据所述缩放比例调整所述头像控件的大小,并根据所述中心点确定所述调整后的头像控件的位置。
4.如权利要求1所述的方法,其特征在于,所述调整后的接触面控件的大小为预设的最小尺寸时,所述客户端根据调整后的接触面控件的大小调整接触面控件的布局,包括:
所述客户端使用与所述最小尺寸对应的模板显示所述接触面控件。
5.一种调整列表元素大小的装置,其特征在于,包括:
获取模块,用于获取多点触摸事件;
调整模块,用于根据所述获取模块获取的多点触摸事件中的事件参数,调整列表元素的头像控件和接触面控件的大小,以及用于根据调整后的接触面控件的大小调整所述接触面控件的布局,其中,所述接触面控件包括多个子元素,所述调整模块具体用于获取预定义的模板,根据所述模板定义的所述接触面控件的各子元素的大小和位置,获取所述接触面控件通过所述模板显示时的整体大小;当所述整体大小不大于调整后的接触面控件的大小时,使用所述模板显示所述接触面控件;当所述整体大小大于调整后的接触面控件的大小时,获取其他模板,并获取所述接触面控件通过所述其他模板显示时的整体大小,直到所述整体大小不大于调整后的接触面控件的大小。
6.如权利要求5所述的装置,其特征在于,所述多点触摸事件为两点触摸事件,所述多点触摸事件的事件参数包括所述多点触摸事件对应的缩放操作的中心点和缩放比例;
所述获取模块,还用于获取屏幕上两个触点移动前的初始位置信息和移动后的最终位置信息,将所述初始位置信息对应的中点位置作为所述缩放操作的中心点,将移动后与移动前所述两个触点之间的距离之比作为所述缩放操作的缩放比例。
7.如权利要求6所述的装置,其特征在于:
所述调整模块,具体用于根据所述缩放比例调整所述头像控件的大小,并根据所述中心点确定所述调整后的头像控件的位置。
8.如权利要求5所述的装置,其特征在于,
所述调整模块,还用于在所述调整后的接触面控件的大小为预设的最小尺寸时,使用与所述最小尺寸对应的模板显示所述接触面控件。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010190692.2A CN102270081B (zh) | 2010-06-03 | 2010-06-03 | 一种调整列表元素大小的方法及装置 |
SG2012083267A SG185530A1 (en) | 2010-06-03 | 2011-03-09 | Method and device for adjusting size of list element |
PCT/CN2011/071634 WO2011150706A1 (zh) | 2010-06-03 | 2011-03-09 | 一种调整列表元素大小的方法及装置 |
US13/616,771 US20130014042A1 (en) | 2010-06-03 | 2012-09-14 | Method and apparatus for adjusting size of a list item |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010190692.2A CN102270081B (zh) | 2010-06-03 | 2010-06-03 | 一种调整列表元素大小的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102270081A CN102270081A (zh) | 2011-12-07 |
CN102270081B true CN102270081B (zh) | 2015-09-23 |
Family
ID=45052397
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010190692.2A Active CN102270081B (zh) | 2010-06-03 | 2010-06-03 | 一种调整列表元素大小的方法及装置 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20130014042A1 (zh) |
CN (1) | CN102270081B (zh) |
SG (1) | SG185530A1 (zh) |
WO (1) | WO2011150706A1 (zh) |
Families Citing this family (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102487362B (zh) * | 2010-12-03 | 2016-08-03 | 腾讯科技(深圳)有限公司 | Im消息的显示方法和装置 |
CN102594724A (zh) * | 2012-01-20 | 2012-07-18 | 上海量明科技发展有限公司 | 即时通信中设置联系人对象状态的方法、客户端及系统 |
US9851876B2 (en) | 2012-06-04 | 2017-12-26 | Htc Corporation | Method, apparatus and computer-readable medium for adjusting size of screen object |
CN103596025B (zh) * | 2012-08-14 | 2019-05-24 | 腾讯科技(深圳)有限公司 | 视频聊天的画面调整方法、装置及相应的视频终端 |
CN103914242A (zh) * | 2013-01-05 | 2014-07-09 | 纬创资通股份有限公司 | 触控屏幕上的指针控制方法 |
CN103150116A (zh) * | 2013-03-05 | 2013-06-12 | 福建升腾资讯有限公司 | 一种基于rdp协议对云桌面进行放大显示的方法 |
CN105210022A (zh) * | 2013-03-14 | 2015-12-30 | 英特尔公司 | 在计算装置中提供混合触摸板 |
KR102157332B1 (ko) * | 2013-03-15 | 2020-09-17 | 삼성전자주식회사 | 전자 장치에서 줌 기능을 제어하기 위한 방법 및 장치 |
WO2014166518A1 (en) * | 2013-04-08 | 2014-10-16 | Rohde & Schwarz Gmbh & Co. Kg | Multitouch gestures for a measurement system |
CN104423872B (zh) * | 2013-09-10 | 2018-10-12 | 联想(北京)有限公司 | 一种信息处理方法及装置 |
CN104077034B (zh) * | 2014-07-03 | 2017-05-17 | 成都众联基智科技有限公司 | 指向区域可变尺度缩放方法及装置 |
CN104133627A (zh) * | 2014-07-28 | 2014-11-05 | 联想(北京)有限公司 | 一种缩放显示方法及电子设备 |
JP2016099871A (ja) * | 2014-11-25 | 2016-05-30 | アルパイン株式会社 | 情報機器およびその操作方法、操作プログラム |
KR20160097867A (ko) * | 2015-02-10 | 2016-08-18 | 삼성전자주식회사 | 영상 표시 장치 및 영상 표시 방법 |
CN105991714B (zh) * | 2015-02-12 | 2020-08-18 | 北京创新方舟科技有限公司 | 一种手机客户端的显示头像的系统和方法 |
CN109298909B (zh) * | 2018-09-14 | 2021-03-26 | Oppo广东移动通信有限公司 | 一种窗口调节的方法、移动终端及计算机可读存储介质 |
CN109814961B (zh) * | 2018-12-26 | 2020-11-06 | 北京城市网邻信息技术有限公司 | 列表控制方法、装置、电子设备及存储介质 |
CN112083989A (zh) * | 2020-08-10 | 2020-12-15 | 五八有限公司 | 一种界面的调节方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN201181467Y (zh) * | 2007-01-05 | 2009-01-14 | 苹果公司 | 手持移动通信装置 |
CN101356492A (zh) * | 2006-09-06 | 2009-01-28 | 苹果公司 | 对于不同姿势进行类似操作的可携带电子装置 |
CN101578577A (zh) * | 2007-01-07 | 2009-11-11 | 苹果公司 | 用于手势操作的应用编程接口 |
EP2189889A1 (en) * | 2008-11-13 | 2010-05-26 | Lg Electronics Inc. | Mobile terminal with touch screen and method of processing data using the same |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8610673B2 (en) * | 2008-12-03 | 2013-12-17 | Microsoft Corporation | Manipulation of list on a multi-touch display |
US8669945B2 (en) * | 2009-05-07 | 2014-03-11 | Microsoft Corporation | Changing of list views on mobile device |
KR101635016B1 (ko) * | 2009-11-19 | 2016-06-30 | 엘지전자 주식회사 | 이동단말기 및 그의 지도 검색 방법 |
US9417787B2 (en) * | 2010-02-12 | 2016-08-16 | Microsoft Technology Licensing, Llc | Distortion effects to indicate location in a movable data collection |
-
2010
- 2010-06-03 CN CN201010190692.2A patent/CN102270081B/zh active Active
-
2011
- 2011-03-09 WO PCT/CN2011/071634 patent/WO2011150706A1/zh active Application Filing
- 2011-03-09 SG SG2012083267A patent/SG185530A1/en unknown
-
2012
- 2012-09-14 US US13/616,771 patent/US20130014042A1/en not_active Abandoned
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101356492A (zh) * | 2006-09-06 | 2009-01-28 | 苹果公司 | 对于不同姿势进行类似操作的可携带电子装置 |
CN201181467Y (zh) * | 2007-01-05 | 2009-01-14 | 苹果公司 | 手持移动通信装置 |
CN101578577A (zh) * | 2007-01-07 | 2009-11-11 | 苹果公司 | 用于手势操作的应用编程接口 |
EP2189889A1 (en) * | 2008-11-13 | 2010-05-26 | Lg Electronics Inc. | Mobile terminal with touch screen and method of processing data using the same |
Also Published As
Publication number | Publication date |
---|---|
US20130014042A1 (en) | 2013-01-10 |
CN102270081A (zh) | 2011-12-07 |
SG185530A1 (en) | 2012-12-28 |
WO2011150706A1 (zh) | 2011-12-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102270081B (zh) | 一种调整列表元素大小的方法及装置 | |
JP7324813B2 (ja) | 拡張現実環境及び仮想現実環境と相互作用するためのシステム、方法、及びグラフィカルユーザインタフェース | |
JP7011747B2 (ja) | リアルタイム手書き認識の管理 | |
JP6938734B2 (ja) | 映像通話サービスを提供する端末及びサーバ | |
US8207832B2 (en) | Haptic effect provisioning for a mobile communication terminal | |
TWI570632B (zh) | 使用一通用辨識器之多筆跡手寫辨識 | |
US11158057B2 (en) | Device, method, and graphical user interface for processing document | |
US20090325645A1 (en) | Haptic effect provisioning for a mobile communication terminal | |
CN107728901A (zh) | 界面显示方法、装置及终端 | |
CN110109592A (zh) | 头像创建和编辑 | |
DE202016005219U1 (de) | Benutzerschnittstelle zum Navigieren und Wiedergeben von Inhalt | |
CN107636593A (zh) | 用于提供虚拟绘图辅助工具和与其进行交互的设备、方法和图形用户界面 | |
CN106874338A (zh) | 用于利用视觉和/或触觉反馈操纵用户界面对象的设备、方法和图形用户界面 | |
CN106415431A (zh) | 从使用一个设备转换到使用另一个设备 | |
CN106462321A (zh) | 用于视频系统的应用程序菜单 | |
TW201512970A (zh) | 管理即時手寫辨識 | |
CN113939795A (zh) | 用于更新主屏幕用户界面和唤醒屏幕用户界面的背景的设备、方法和图形用户界面 | |
CN108829325A (zh) | 用于动态地调整音频输出的呈现的设备、方法和图形用户界面 | |
CN106873876A (zh) | 一种动态切换Android系统输入法的弹出模式的方法 | |
CN105451090A (zh) | 图像处理方法和图像处理装置 | |
US11941042B2 (en) | Presentation features for performing operations and selecting content | |
CN102082875B (zh) | 一种移动终端 | |
CN108965101A (zh) | 会话消息处理方法、装置、存储介质和计算机设备 | |
CN105938500B (zh) | 产生漫画内容的设备和方法以及显示漫画内容的设备 | |
CN104485122A (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 |