CN102622180B - 交互界面的展示控制方法及装置 - Google Patents

交互界面的展示控制方法及装置 Download PDF

Info

Publication number
CN102622180B
CN102622180B CN201210061874.9A CN201210061874A CN102622180B CN 102622180 B CN102622180 B CN 102622180B CN 201210061874 A CN201210061874 A CN 201210061874A CN 102622180 B CN102622180 B CN 102622180B
Authority
CN
China
Prior art keywords
message
segment
good friend
contacts list
user
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
Application number
CN201210061874.9A
Other languages
English (en)
Other versions
CN102622180A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201210061874.9A priority Critical patent/CN102622180B/zh
Publication of CN102622180A publication Critical patent/CN102622180A/zh
Priority to AP2014007909A priority patent/AP2014007909A0/xx
Priority to PCT/CN2013/071867 priority patent/WO2013131434A1/zh
Priority to IN1694KON2014 priority patent/IN2014KN01694A/en
Priority to US14/477,320 priority patent/US20140372911A1/en
Application granted granted Critical
Publication of CN102622180B publication Critical patent/CN102622180B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/52—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail for supporting social networking services
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9562—Bookmark management
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/04—Real-time or near real-time messaging, e.g. instant messaging [IM]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/42—Mailbox-related aspects, e.g. synchronisation of mailboxes

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Strategic Management (AREA)
  • Databases & Information Systems (AREA)
  • Human Resources & Organizations (AREA)
  • Data Mining & Analysis (AREA)
  • Signal Processing (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Quality & Reliability (AREA)
  • Operations Research (AREA)
  • Marketing (AREA)
  • Human Computer Interaction (AREA)
  • Computing Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Input From Keyboards Or The Like (AREA)

Abstract

一种交互界面的展示控制方法，包括如下步骤：获取联系人列表以及所述联系人列表中好友的消息；生成与所述联系人列表中好友对应的图块；将所述好友的消息展示于图块中。上述交互界面的展示控制方法及即时通信工具，为联系人列表中的每一好友生成对应的图块，进而将该好友的消息展示于图块中，用户通过界面中的图块即可直接查看到好友的消息，简化了操作，提高了操作上的便利性。

Description

交互界面的展示控制方法及装置
【技术领域】
本发明涉及数据处理技术，特别是涉及一种交互界面的展示控制方法及装置。
【背景技术】
即时通信工具常常通过联系人列表的形式向用户展示好友信息，以供用户发起与好友之间的即时通信，例如，联系人列表中的每一表项均显示了好友的头像、昵称等好友信息，用户可通过点击联系人列表中任意一条好友信息发起用户与相应好友之间的会话，在接收到好友消息时也将通过联系人列表中好友信息的颜色变化、闪动等动画效果进行消息的提醒。即时通信工具的联系人列表中显示的好友信息是非常精简的，以方便用户进行快速地查找，这也将使得用户无法从联系人列表中直接查看更为详细的好友动态。
为进一步了解好友动态，常常在网络中以消息的形式传递好友动态，例如，该消息可以是即通信工具中用户与好友之间的会话消息，也可以是虚拟网络社区中好友的动态消息。但是，对于使用即时通信工具的用户而言，消息的获取必须通过点击发生了消息提醒的联系人列表中的好友信息，或者进入相应的虚拟网络社区方可查看到好友动态，操作起来较为繁琐，缺乏便利性。
【发明内容】
基于此，有必要提供一种能提高操作上的便利性的交互界面的展示控制方法。
此外，还有必要提供一种能提高操作上的便利性的交互界面的展示控制装置。
一种交互界面的展示控制方法，包括如下步骤：
获取联系人列表以及所述联系人列表中好友的消息；
生成与所述联系人列表中好友对应的图块；
将所述好友的消息展示于图块中。
优选的，所述生成与所述联系人列表中好友对应的图块的步骤包括：
从所述联系人列表中提取所述好友对应的好友信息；
判断所述联系人列表中的好友是否存在对应的消息，若是，则获取所述消息的类型；
提取与所述类型对应的消息展示样式，根据所述消息展示样式生成图块；
在所述图块中添加好友信息。
优选的，所述生成与所述联系人列表中好友对应的图块的步骤还包括：
判断到所述联系人列表中的好友不存在对应的消息时，生成与所述好友信息对应的图块，并在所述图块中展示好友信息。
优选的，所述将所述好友的消息展示于图块中的步骤为：
根据所述消息的类型得到相应的标识，将所述标识设定于相应好友的图块中；
在所述设定的图块中展示消息。
优选的，所述好友的消息包括虚拟网络社区中的动态消息和/或会话消息；所述在所述设定的图块中展示消息的具体过程为：
按照消息的时间顺序轮播所述好友的多个消息。
优选的，所述将所述好友的消息展示于图块中的步骤之后还包括：
将所述图块布设于屏幕中；
判断所述布设的图块是否超出屏幕的显示范围，若是，则向所述显示范围之外延伸布设图块；
根据用户的查看操作将所述延伸布设的图块显示于所述显示范围中。
一种交互界面的展示控制装置，包括：
消息获取模块，用于获取联系人列表以及所述联系人列表中好友的消息；
图块处理模块，用于生成与所述联系人列表中好友对应的图块；
展示模块，用于将所述好友的消息展示于图块中。
优选的，所述图块处理模块包括：
信息提取单元，用于从所述联系人列表中提取所述好友对应的好友信息；
消息判断单元，用于判断所述联系人列表中的好友是否存在对应的消息，若是，则通知消息类型获取单元；
所述消息类型获取单元用于获取所述消息的类型；
消息图块生成单元，用于提取与所述类型对应的消息展示样式，根据所述消息展示样式生成图块，并在所述图块中添加好友信息。
优选的，所述图块处理模块还包括：
信息图块生成单元，用于判断到所述联系人列表中的好友不存在对应的消息时，生成与所述好友信息对应的图块，并在所述图块中展示好友信息。
优选的，所述展示模块包括：
图块设定单元，用于根据所述消息的类型得到相应的标识，将所述标识设定于相应好友的图块中；
消息展示单元，用于在所述设定的图块中展示消息。
优选的，所述好友的消息包括虚拟网络社区中的动态消息和/或会话消息；所述消息展示单元还用于按照消息的时间顺序轮播所述好友的多个消息。
优选的，还包括：
图块布设模块，用于将所述图块布设于屏幕中；
显示判断模块，用于判断所述布设的图块是否超出屏幕的显示范围，若是，则通知所述图块布设模块；
所述图块布设模块还用于向所述显示范围之外延伸布设图块；
显示控制模块，用于根据用户的查看操作将所述延伸布设的图块显示于所述显示范围中。
上述交互界面的展示控制方法及装置，为联系人列表中的每一好友生成对应的图块，进而将该好友的消息展示于图块中，用户通过界面中的图块即可直接查看到好友的消息，简化了操作，提高了操作上的便利性。
【附图说明】
图1为一个实施例中交互界面的展示控制方法的流程图；
图2为图1中生成与联系人列表中好友对应的图块的方法流程图；
图3为一个实施例中按照消息展示样式生成图块的示意图；
图4为图1中将好友的消息展示于图块中的方法流程图；
图5为一个实施例中好友对应的图块示意图；
图6为图5中图块轮播消息的示意图；
图7为另一个实施例中交互界面的展示控制方法的流程图；
图8为一个实施例中即时通信工具界面的应用示图；
图9为一个实施例中即时通信工具界面的简化图；
图10为一个实施例中图块的在屏幕中的排列示意图；
图11为一个实施例中交互界面的展示控制装置的结构示意图；
图12为图11中图块处理模块的结构示意图；
图13为图11中展示模块的结构示意图；
图14为另一个实施例中交互界面的展示控制装置的结构示意图。
【具体实施方式】
如图1所示，在一个实施例中，一种交互界面的展示控制方法，包括如下步骤：
步骤S10，获取联系人列表以及联系人列表中好友的消息。
本实施例中，用户登录之后建立了即时通信工具与即时通信服务器之间的连接，并获取到即时通信服务器推送的联系人列表。该联系人列表中记录了好友的头像、昵称、签名、在线状态、会话消息以及排序等好友信息。联系人列表中好友的消息可以是用户与好友之间的会话消息，也可以是好友在虚拟网络社区中的动态消息。
具体地，用户的即时通信工具接收了即时通信服务器推送的联系人列表时，还将与至少一个虚拟网络社区服务器建立连接，并接收虚拟网络社区服务器推送的动态消息。例如，推送的动态消息可以是虚拟网络社区页面中更新的日志、照片以及视频文件等。
步骤S30，生成与联系人列表中好友对应的图块。
本实施例中，联系人列表中每一好友均有与其对应的图块，并将相应的好友信息添加至图块中。用户可以通过点击即时通信工具界面中的任一图块发起会话，也可以对显示于屏幕中的图块进行浏览。
步骤S50，将好友的消息展示于图块中。
本实施例中，每一好友的图块中，除了显示好友信息之外，还将显示该好友的消息，例如，在接收到某一好友所发送的会话消息时，将会话消息展示于该好友的图块中，以使得用户可直接从即时通信工具界面获知消息的内容，简化了消息查看的操作。
若某一好友在虚拟网络社区中发布了新的日志，则将这一日志展示于该好友的图块中，用户不需要进入虚拟网络社区既可获知好友动态，大大提高了操作的便利性。
如图2所示，在一个实施例中，上述步骤S30的具体过程为：
步骤S310，从联系人列表中提取好友对应的好友信息。
本实施例中，用户的联系人列表中任一好友均有与其对应的好友信息。从联系人列表中提取每一个好友所对应的好友信息。
步骤S320，判断联系人列表中的好友是否存在对应的消息，若是，则进入步骤S330，若否，则进入步骤S360。
本实施例中，联系人列表中并不是所有的好友都有与其对应的消息的，例如，若某一好友既没有在虚拟网络社区中更新动态，也没有发起会话，则不会产生任何消息，相应地，用户的即时通信工具也不能获取到该好友的消息。
逐一对联系人列表中的好友进行判断，若判断到该好友存在对应的消息，则需要进入步骤S330中生成与消息对应的图块，若判断到该好友并没有对应的消息，则进入步骤S360中，只需要在图块中展示好友信息即可。
步骤S330，获取消息的类型。
本实施例中，消息的类型包括了用户与好友之间的会话种类以及消息来源，可根据需要进行灵活的设置。具体地，对于会话消息而言，消息的类型为用户与好友之间的会话种类，例如，文件传输消息、文本消息、视频播放消息、图片消息、好友添加请求以及语音消息等；对于好友在虚拟网络社区中的动态消息而言，消息的类型为消息来源，即该动态消息来自于哪一个虚拟网络社区，例如，微博消息、XX空间消息等。
步骤S340，提取与该类型对应的消息展示样式，根据消息展示样式生成图块。
本实施例中，预先设置消息的类型与消息展示样式之间的映射关系。消息展示样式包括了图块的尺寸、背景等信息，用于确定图块的外观。在获取到消息的类型之后提取与该类型对应的消息展示样式，进而按照消息展示样式生成好友所对应的图块。例如，消息展示样式中图块的尺寸可以是长宽比为1：1、1：2或者2：2，则按照这消息展示样式所生成的图块，如图3所示。
在需要添加新的消息展示样式时，可在预先设置的映射关系中新增消息类型以及与其建立映射关系的消息展示样式。
在另一个实施例中，获取到的消息中，某一好友所对应的消息可能包括多个不同类型的消息，相应的，所提取到的与消息的类型对应的消息展示样式将为多个，此时，将获取图块尺寸最大的消息展示样式，进而按照图块尺寸最大的消息展示样式生成好友对应的图块。
步骤S350，在图块中添加好友信息。
本实施例中，将好友信息添加到对应的图块中，以在该图块中显示好友信息。
步骤S360，生成与好友信息对应的图块，并在图块中展示好友信息。
本实施例中，若判断到联系人列表中的某一好友未存在对应的消息，则生成用于展示好友信息的图块，该图块的消息展示样式可预先设定。
如图4所示，在一个实施例中，上述步骤S50的具体过程为：
步骤S510，根据消息的类型得到相应的标识，将标识设定于相应好友的图块中。
本实施例中，在图块中设定相应的标识，用于提示浏览图块中消息的用户该消息来源于哪一虚拟网络社区，或者图块中的消息为会话消息中哪一种，进而在简化用户操作的前提下保证了消息的清楚展示。
步骤S530，在设定的图块中展示消息。
本实施例中，即时通信工具界面中每一好友的消息都被展示于该好友所对应的图块中，也就是说图块上集中展示了所有的未读消息，该未读取消息包括用户与该好友之间未读取的会话消息和虚拟网络社区中未被用户浏览的动态消息，用户开启即时通信工具即可直接从界面中浏览到每一好友的动态，并通过图块中的标识获知消息的类型，方便快捷地将用户与好友之间的会话和虚拟网络社区融合于即时通信工具界面中。
在一个实施例中，好友的消息包括虚拟网络社区中的动态消息和/或会话消息，上述步骤S530的具体过程是：按照消息的时间顺序轮播好友的多个消息。
本实施例中，用户所获取到的某一好友的消息可能包括会话消息以及虚拟网络社区的动态消息，此时，该好友所对应的图块将按照消息的时间顺序循环展示多个消息。例如，如图5所示，某一好友在虚拟网络社区中更新了相册，此时用户的即时通信工具界面中该好友对应的图块将展示更新的照片；此外，若更新了多个照片，则如图6所示，该好友对应的图块循环展示多个照片。
如图7所示，在另一个实施例中，上述步骤S50之后还包括如下步骤：
步骤S60，将图块布设于屏幕中。
本实施例中，即时通信工具的联系人列表中每一好友均对应了一个图块，将所有好友的图块布设于屏幕中，如图8和图9所示，联系人列表将由传统的表单形式变换为图块组合的形式，所携带的内容更为丰富，形式自由，即可提高联系人列表中查找好友的效率，也可以快速地浏览到好友的动态。一实施例中，如图10所示，可将所有图块按照从上到下、从左到右的顺序进行排列，使得屏幕中的图块更为有序，进一步提取用户的查找效率。
步骤S70，判断布设的图块是否超出屏幕的显示范围，若是，则进入步骤S80，若否，则结束。
本实施例中，显示范围为屏幕的显示区域，通过图块进行好友的消息以及相应好友信息的展示，每一好友对应了一个图块，屏幕的范围有限，不能完全展示所有图块的情况时有发生，此时，若判断到布设的图块超出了屏幕的显示范围，则向显示范围之外延伸布设图块，用户通过对即时通信工具界面的滚动查看操作或者移动查看操作查看延伸于显示范围之外的图块。
步骤S80，向显示范围之外延伸布设图块。
本实施例中，可限定屏幕尺寸中的高度为图块布设过程中的高度，在显示范围之外向宽度方向延伸布设图块，相应的，用户通过左右滚动滑动条或者移动即时通信工具界面查看延伸布设于显示范围之外的图块；此外，也可限定屏幕尺寸中的宽度为图块布设过程中的宽度，在显示范围之外向高度方向延伸布设图块，用户通过上下滚动滑动条或上下移动即时通信工具界面查看图块。
步骤S90，根据用户的查看操作将延伸布设的图块显示于显示范围中。
本实施例中，通过用户的查看操作触发延伸布设的图块显示于屏幕的显示范围中。
如图11所示，在一个实施例中，一种交互界面的展示控制装置包括消息获取模块10、图块处理模块30以及展示模块50。
消息获取模块10，用于获取联系人列表以及联系人列表中好友的消息。
本实施例中，用户登录之后建立了即时通信工具与即时通信服务器之间的连接，消息获取模块10获取到即时通信服务器推送的联系人列表。该联系人列表中记录了好友的头像、昵称、签名、在线状态、会话消息以及排序等好友信息。联系人列表中好友的消息可以是用户与好友之间的会话消息，也可以是好友在虚拟网络社区中的动态消息。
具体地，消息获取模块10接收了即时通信服务器推送的联系人列表时，还将与至少一个虚拟网络社区服务器建立连接，并接收虚拟网络社区服务器推送的动态消息。例如，推送的动态消息可以是虚拟网络社区页面中更新的日志、照片以及视频文件等。
图块处理模块30，用于生成与联系人列表中好友对应的图块。
本实施例中，联系人列表中每一好友均有与其对应的图块，并将相应的好友信息添加至图块中。用户可以通过点击即时通信工具界面中的任一图块发起会话，也可以对显示于屏幕中的图块进行浏览。
展示模块50，用于将好友的消息展示于图块中。
本实施例中，每一好友的图块中，除了显示好友信息之外，还将显示该好友的消息，例如，在接收到某一好友所发送的会话消息时，展示模块50将会话消息展示于该好友的图块中，以使得用户可直接从即时通信工具界面获知消息的内容，简化了消息查看的操作。
若某一好友在虚拟网络社区中发布了新的日志，则展示模块50将这一日志展示于该好友的图块中，用户不需要进入虚拟网络社区既可获知好友动态，大大提高了操作的便利性。
如图12所示，在一个实施例中，上述图块处理模块30包括信息提取单元310、消息判断单元320、消息类型获取单元330、消息图块生成单元350以及信息图块生成单元360。
信息提取单元310，用于从联系人列表中提取好友对应的好友信息。
本实施例中，用户的联系人列表中任一好友均有与其对应的好友信息。信息提取单元310从联系人列表中提取每一个好友所对应的好友信息。
消息判断单元320，用于判断联系人列表中的好友是否存在对应的消息，若是，则通知消息类型获取单元330，若否，则通知信息图块生成单元360。
本实施例中，联系人列表中并不是所有的好友都有与其对应的消息的，例如，若某一好友既没有在虚拟网络社区中更新动态，也没有发起会话，则不会产生任何消息，相应地，用户的即时通信工具也不能获取到该好友的消息。
消息判断单元320逐一对联系人列表中的好友进行判断，若判断到该好友存在对应的消息，则需要消息类型获取单元330生成与消息对应的图块，若判断到该好友并没有对应的消息，则需要信息图块生成单元360在图块中展示好友信息即可。
消息类型获取单元330，用于获取消息的类型。
本实施例中，消息的类型包括了用户与好友之间的会话种类以及消息来源，可根据需要进行灵活的设置。具体地，对于会话消息而言，消息的类型为用户与好友之间的会话种类，例如，文件传输消息、文本消息、视频播放消息、图片消息、好友添加请求以及语音消息等；对于好友在虚拟网络社区中的动态消息而言，消息的类型为消息来源，即该动态消息来自于哪一个虚拟网络社区，例如，微博消息、XX空间消息等。
消息图块生成单元350，用于提取与类型对应的消息展示样式，根据消息展示样式生成图块，并在图块中添加好友信息。
本实施例中，预先设置消息的类型与消息展示样式之间的映射关系。消息展示样式包括了图块的尺寸、背景等信息，用于确定图块的外观。在获取到消息的类型之后消息图块生成单元350提取与该类型对应的消息展示样式，进而按照消息展示样式生成好友所对应的图块，将好友信息添加到对应的图块中，以在该图块中显示好友信息。。例如，消息展示样式中图块的尺寸可以是长宽比为1：1、1：2或者2：2，则消息图块生成单元350按照这消息展示样式所生成的图块。
在需要添加新的消息展示样式时，可在预先设置的映射关系中新增消息类型以及与其建立映射关系的消息展示样式。
在另一个实施例中，获取到的消息中，某一好友所对应的消息可能包括多个不同类型的消息，相应的，所消息图块生成单元350提取到的与消息的类型对应的消息展示样式将为多个，此时，将获取图块尺寸最大的消息展示样式，进而按照图块尺寸最大的消息展示样式生成好友对应的图块。
信息图块生成单元360，用于生成与好友信息对应的图块，并在图块中展示好友信息。
本实施例中，若判断到联系人列表中的某一好友未存在对应的消息，则信息图块生成单元360生成用于展示好友信息的图块，该图块的消息展示样式可预先设定。
如图13所示，在一个实施例中，上述展示模块50包括图块设定单元510以及消息展示单元530。
图块设定单元510，用于根据消息的类型得到相应的标识，将标识设定于相应好友的图块中。
本实施例中，图块设定单元510在图块中设定相应的标识，用于提示浏览图块中消息的用户该消息来源于哪一虚拟网络社区，或者图块中的消息为会话消息中哪一种，进而在简化用户操作的前提下保证了消息的清楚展示。
消息展示单元530，用于在设定的图块中展示消息。
本实施例中，即时通信工具界面中每一好友的消息都被展示于该好友所对应的图块中，也就是说图块上集中展示了所有的未读消息，该未读取消息包括用户与该好友之间未读取的会话消息和虚拟网络社区中未被用户浏览的动态消息，用户开启即时通信工具即可直接从界面中浏览到每一好友的动态，并通过图块中的标识获知消息的类型，方便快捷地将用户与好友之间的会话和虚拟网络社区融合于即时通信工具界面中。
在另一个实施例中，好友的消息包括虚拟网络社区中的动态消息和/或会话消息；上述消息展示单元530还用于按照消息的时间顺序轮播好友的多个消息。
本实施例中，用户所获取到的某一好友的消息可能包括会话消息以及虚拟网络社区的动态消息，此时，消息展示单元530将在该好友所对应的图块按照消息的时间顺序循环展示多个消息。
如图14所示，上述交互界面的展示控制装置还包括图块布设模块60、显示判断模块70以及显示控制模块80。
图块布设模块60，用于将图块布设于屏幕中。
本实施例中，即时通信工具的联系人列表中每一好友均对应了一个图块，图块布设模块60将所有好友的图块布设于屏幕中，联系人列表将由传统的表单形式变换为图块组合的形式，所携带的内容更为丰富，形式自由，即可提高联系人列表中查找好友的效率，也可以快速地浏览到好友的动态。一实施例中，图块布设模块60可将所有图块按照从上到下、从左到右的顺序进行排列，使得屏幕中的图块更为有序，进一步提取用户的查找效率。
显示判断模块70，用于判断布设的图块是否超出屏幕的显示范围，若是，则通知图块布设模块60，若否，则结束。
本实施例中，显示范围为屏幕的显示区域，通过图块进行好友的消息以及相应好友信息的展示，每一好友对应了一个图块，屏幕的范围有限，不能完全展示所有图块的情况时有发生，此时，若显示判断模块70判断到布设的图块超出了屏幕的显示范围，则向显示范围之外延伸布设图块，用户通过对即时通信工具界面的滚动查看操作或者移动查看操作查看延伸于显示范围之外的图块。
图块布设模块60还用于向显示范围之外延伸布设图块。
本实施例中，可限定屏幕尺寸中的高度为图块布设过程中的高度，图块布设模块60在显示范围之外向宽度方向延伸布设图块，相应的，用户通过左右滚动滑动条或者移动即时通信工具界面查看延伸布设于显示范围之外的图块；此外，也可限定屏幕尺寸中的宽度为图块布设过程中的宽度，图块布设模块60在显示范围之外向高度方向延伸布设图块，用户通过上下滚动滑动条或上下移动即时通信工具界面查看图块。
显示控制模块80，用于根据用户的查看操作将延伸布设的图块显示于显示范围中。
本实施例中，显示控制模块80通过用户的查看操作触发延伸布设的图块显示于屏幕的显示范围中。
上述交互界面的展示控制方法及装置，为联系人列表中的每一好友生成对应的图块，进而将该好友的消息展示于图块中，用户通过界面中的图块即可直接查看到好友的消息，简化了操作，提高了操作上的便利性。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (12)

1.一种交互界面的展示控制方法，包括如下步骤：
获取联系人列表以及所述联系人列表中好友的消息，所述好友的消息包括用户与好友之间的会话消息和至少一个虚拟网络社区服务器推送的好友在虚拟网络社区中的动态消息；
获取所述好友的消息的类型，提取与所述类型对应的消息展示样式，所述消息展示样式用于确定图块的外观；
根据所述消息展示样式生成与所述联系人列表中好友对应的图块；
将所述好友的消息展示于图块中，由所述图块集中展示所述好友的所有未读消息，所述未读消息包括用户与好友之间未读取的会话消息和虚拟网络社区中未被用户浏览的动态消息。
2.根据权利要求1所述的交互界面的展示控制方法，其特征在于，所述提取与所述类型对应的消息展示样式的步骤之前，还包括：
预先设置消息的类型与消息展示样式之间的映射关系。
3.根据权利要求1所述的交互界面的展示控制方法，其特征在于，所述将所述好友的消息展示于图块中的步骤为：
根据所述消息的类型得到相应的标识，将所述标识设定于相应好友的图块中；
在所述设定的图块中展示消息。
4.根据权利要求3所述的交互界面的展示控制方法，其特征在于，所述在所述设定的图块中展示消息的具体过程为：
按照消息的时间顺序轮播所述好友的多个消息。
5.根据权利要求1所述的交互界面的展示控制方法，其特征在于，所述将所述好友的消息展示于图块中的步骤之后还包括：
将所述图块布设于屏幕中；
判断所述布设的图块是否超出屏幕的显示范围，若是，则向所述显示范围之外延伸布设图块；
根据用户的查看操作将所述延伸布设的图块显示于所述显示范围中。
6.根据权利要求5所述的交互界面的展示控制方法，其特征在于，将所述图块布设于屏幕中的步骤包括：
所述联系人列表中每一好友均对应一个图块，将所有好友的图块布设于屏幕中。
7.一种交互界面的展示控制装置，其特征在于，包括：
消息获取模块，用于获取联系人列表以及所述联系人列表中好友的消息，所述好友的消息包括用户与好友之间的会话消息和至少一个虚拟网络社区服务器推送的好友在虚拟网络社区中的动态消息；
图块处理模块，用于获取所述好友的消息的类型，提取与所述类型对应的消息展示样式，根据所述消息展示样式生成与所述联系人列表中好友对应的图块，所述消息展示样式用于确定所述图块的外观；
展示模块，用于将所述好友的消息展示于图块中，由所述图块集中展示所述好友的所有未读消息，所述未读消息包括用户与好友之间未读取的会话消息和虚拟网络社区中未被用户浏览的动态消息。
8.根据权利要求7所述的交互界面的展示控制装置，其特征在于，预先设置所述消息的类型与消息展示样式之间的映射关系。
9.根据权利要求7所述的交互界面的展示控制装置，其特征在于，所述展示模块包括：
图块设定单元，用于根据所述消息的类型得到相应的标识，将所述标识设定于相应好友的图块中；
消息展示单元，用于在所述设定的图块中展示消息。
10.根据权利要求9所述的交互界面的展示控制装置，其特征在于，所述消息展示单元还用于按照消息的时间顺序轮播所述好友的多个消息。
11.根据权利要求7所述的交互界面的展示控制装置，其特征在于，还包括：
图块布设模块，用于将所述图块布设于屏幕中；
显示判断模块，用于判断所述布设的图块是否超出屏幕的显示范围；
所述图块布设模块还用于若所述布设的图块超出屏幕的显示范围则向所述显示范围之外延伸布设图块；
显示控制模块，用于根据用户的查看操作将所述延伸布设的图块显示于所述显示范围中。
12.根据权利要求11所述的交互界面的展示控制装置，其特征在于，所述图块布设模块还用于将所述好友的图块布设于屏幕中，所述联系人列表中每一好友均对应一个图块。
CN201210061874.9A 2012-03-09 2012-03-09 交互界面的展示控制方法及装置 Active CN102622180B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN201210061874.9A CN102622180B (zh) 2012-03-09 2012-03-09 交互界面的展示控制方法及装置
AP2014007909A AP2014007909A0 (en) 2012-03-09 2013-02-26 Interactive interface display control method, instant communication tool and computer storage medium
PCT/CN2013/071867 WO2013131434A1 (zh) 2012-03-09 2013-02-26 交互界面的展示控制方法及即时通信工具、计算机存储介质
IN1694KON2014 IN2014KN01694A (zh) 2012-03-09 2013-02-26
US14/477,320 US20140372911A1 (en) 2012-03-09 2014-09-04 Interactive interface display control method, instant communication tool and computer storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210061874.9A CN102622180B (zh) 2012-03-09 2012-03-09 交互界面的展示控制方法及装置

Publications (2)

Publication Number Publication Date
CN102622180A CN102622180A (zh) 2012-08-01
CN102622180B true CN102622180B (zh) 2015-08-19

Family

ID=46562117

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210061874.9A Active CN102622180B (zh) 2012-03-09 2012-03-09 交互界面的展示控制方法及装置

Country Status (5)

Country Link
US (1) US20140372911A1 (zh)
CN (1) CN102622180B (zh)
AP (1) AP2014007909A0 (zh)
IN (1) IN2014KN01694A (zh)
WO (1) WO2013131434A1 (zh)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102622180B (zh) * 2012-03-09 2015-08-19 腾讯科技（深圳）有限公司 交互界面的展示控制方法及装置
CN103634198B (zh) * 2012-08-29 2018-07-27 深圳市京弘全智能科技股份有限公司 一种即时通信软件的界面显示方法及装置
CN103150170B (zh) * 2013-03-27 2016-09-07 锤子科技（北京）股份有限公司 一种移动终端的桌面生成与操作方法及其对应的装置
CN104104579B (zh) * 2013-04-09 2017-11-24 广州华多网络科技有限公司 一种即时通讯内容的显示方法和装置
CN103678615B (zh) * 2013-12-17 2017-10-13 小米科技有限责任公司 一种好友动态信息显示方法、装置及终端设备
FR3021779A1 (fr) * 2014-05-27 2015-12-04 Orange Procede et dispositif de controle d l' affichage d' un groupe de contacts
CN104077030A (zh) * 2014-06-10 2014-10-01 小米科技有限责任公司 一种消息气泡样式的控制方法及装置
USD788057S1 (en) 2015-05-14 2017-05-30 Smartisan Digital Co., Ltd Mobile phone
CN105871690B (zh) * 2016-03-31 2020-01-21 阿里巴巴集团控股有限公司 即时通信的实现方法和装置
US10901607B2 (en) * 2016-06-24 2021-01-26 Microsoft Technology Licensing, Llc Carouseling between documents and pictures
CN107770049A (zh) * 2017-10-23 2018-03-06 林楚莲 一种被邀请用户获取群组信息的方法及系统

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102368749A (zh) * 2011-09-23 2012-03-07 上海量明科技发展有限公司 即时通信联系人列表中呈现个性图样的方法及系统

Family Cites Families (37)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7360172B2 (en) * 2002-12-19 2008-04-15 Microsoft Corporation Contact controls
US7360174B2 (en) * 2002-12-19 2008-04-15 Microsoft Corporation Contact user interface
US7240298B2 (en) * 2002-12-19 2007-07-03 Microsoft Corporation Contact page
US7568167B2 (en) * 2003-06-26 2009-07-28 Microsoft Corporation Non-persistent user interface for real-time communication
US7685530B2 (en) * 2005-06-10 2010-03-23 T-Mobile Usa, Inc. Preferred contact group centric interface
US20060288077A1 (en) * 2005-06-16 2006-12-21 Mediatek Inc. Systems and methods for instant messaging
US7627828B1 (en) * 2006-04-12 2009-12-01 Google Inc Systems and methods for graphically representing users of a messaging system
WO2007131359A1 (en) * 2006-05-16 2007-11-22 Research In Motion Limited System and method of skinning the user interface of an application
US20080059627A1 (en) * 2006-08-29 2008-03-06 Hamalainen Jari P Unified contact database
US8156098B1 (en) * 2007-04-29 2012-04-10 Aol Inc. Generating and implementing A-lists to manage user relationships
US8711102B2 (en) * 2007-06-15 2014-04-29 Microsoft Corporation Graphical communication user interface with graphical position user input mechanism for selecting a display image
US9571675B2 (en) * 2007-06-29 2017-02-14 Nokia Technologies Oy Apparatus, method and computer program product for using images in contact lists maintained in electronic devices
GB0804164D0 (en) * 2008-03-06 2009-01-07 Software Hothouse Ltd Enhancements to unified communications and messaging systems
US8805450B2 (en) * 2008-09-05 2014-08-12 Microsoft Corp. Intelligent contact management
WO2010088701A1 (en) * 2009-02-02 2010-08-05 Asurion Corporation Method for integrating applications in an electronic address book
KR20110004708A (ko) * 2009-07-08 2011-01-14 엘지전자 주식회사 이동 단말기 및 그 제어 방법
CN101820452B (zh) * 2009-12-14 2013-08-28 宇龙计算机通信科技(深圳)有限公司 一种获取联系人相关信息的方法及移动终端
KR101722616B1 (ko) * 2009-12-24 2017-04-19 삼성전자주식회사 터치 기반의 입력 인터페이스를 가지는 터치 디바이스의 어플리케이션 운용 방법 및 장치
CN101800795A (zh) * 2010-03-16 2010-08-11 北京邮电大学 用手机通讯录实现社会性网络服务的通信系统和方法
US8340653B2 (en) * 2010-03-26 2012-12-25 Sony Mobile Communications Japan, Inc. Communication terminal apparatus and communication method
US20110271210A1 (en) * 2010-04-30 2011-11-03 American Teleconferncing Services Ltd. Conferencing Application Store
US9134799B2 (en) * 2010-07-16 2015-09-15 Qualcomm Incorporated Interacting with a projected user interface using orientation sensors
CN102447644B (zh) * 2010-10-09 2017-04-19 三星电子（中国）研发中心 基于嵌入有联系人信息的图像进行通信的方法
EP2509390B1 (en) * 2010-12-28 2017-05-17 Huawei Device Co., Ltd. Method and mobile terminal for processing contacts
US20120210253A1 (en) * 2011-01-12 2012-08-16 Michael Luna Unified access and management of events across multiple applications and associated contacts thereof
WO2012116197A2 (en) * 2011-02-23 2012-08-30 Supyo, Inc. Platform for pseudo-anonymous video chat with intelligent matching of chat partners
CN102281352B (zh) * 2011-07-29 2014-02-26 华为技术有限公司 联系人列表显示方法及终端
CN102298628A (zh) * 2011-08-29 2011-12-28 上海量明科技发展有限公司 即时通信中用以提供背景信息的方法、终端及系统
JP5805601B2 (ja) * 2011-09-30 2015-11-04 京セラ株式会社 装置、方法、及びプログラム
TWI557630B (zh) * 2011-12-06 2016-11-11 宏碁股份有限公司 電子裝置、社群互動磚資料顯示方法及動態圖示磚連結方法
US8984049B1 (en) * 2012-02-01 2015-03-17 Linkedin Corporation Online address book with multi-use input bar and profile bookmarking
CN102622180B (zh) * 2012-03-09 2015-08-19 腾讯科技（深圳）有限公司 交互界面的展示控制方法及装置
US20130311947A1 (en) * 2012-05-16 2013-11-21 Ekata Systems, Inc. Network image sharing with synchronized image display and manipulation
US9213462B2 (en) * 2012-10-10 2015-12-15 Microsoft Technology Licensing, Llc Unified communications application functionality in condensed views
US8719280B1 (en) * 2012-10-16 2014-05-06 Google Inc. Person-based information aggregation
US10943062B2 (en) * 2013-02-26 2021-03-09 Aniya's Production Company Method and apparatus of implementing business card application
US10114862B2 (en) * 2014-08-29 2018-10-30 International Business Machines Corporation Suggestion of a broad-spectrum list of grouped natural language search query terms

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102368749A (zh) * 2011-09-23 2012-03-07 上海量明科技发展有限公司 即时通信联系人列表中呈现个性图样的方法及系统

Also Published As

Publication number Publication date
WO2013131434A1 (zh) 2013-09-12
US20140372911A1 (en) 2014-12-18
IN2014KN01694A (zh) 2015-10-23
CN102622180A (zh) 2012-08-01
AP2014007909A0 (en) 2014-08-31

Similar Documents

Publication Publication Date Title
CN102622180B (zh) 交互界面的展示控制方法及装置
US11824673B2 (en) Content sharing by pointing to content
US9652704B2 (en) Method of providing content transmission service by using printed matter
WO2021212922A1 (zh) 一种对象拖拽方法及设备
CN103945129B (zh) 基于移动终端的拍照预览构图指导方法及系统
CN102855059B (zh) 终端和信息分享方法
AU2006222713B9 (en) Electronic conference system, electronic conference controller, information terminal device, and electronic conference support method
KR102049789B1 (ko) 휴대단말기의 정보 전송장치 및 방법
CN103189864A (zh) 用于确定个人的共享好友的方法、设备和计算机程序产品
KR20190013308A (ko) 이동 단말기 및 그 제어 방법
US20130219284A1 (en) Device searching system and method for data transmission
CN103916593A (zh) 用于在具有相机的装置中处理图像的设备和方法
CN103327270A (zh) 一种图像处理方法、装置和终端
CN108965104A (zh) 图文消息的合并发送方法、装置及可读存储介质
WO2014205658A1 (zh) 数据处理方法和数据处理系统
US10924529B2 (en) System and method of transmitting data by using widget window
CN107480160A (zh) 一种增强现实的个性化名片展示方法和系统
CN103793366A (zh) 一种内置评论发布功能的移动终端及其发布方法
KR20140135448A (ko) 모바일명함 서비스 방법
KR20140133598A (ko) 소셜 네트워크 서비스 애플리케이션들에서의 정보를 에디팅하기 위한 방법 및 단말
CN105988679A (zh) 一种信息呈现方法、装置及一种用户设备
CN103051791A (zh) 通信信息获取方法及装置
CN105611108A (zh) 一种信息处理方法及电子设备
KR20150098621A (ko) 네트워크에서의 모바일 디바이스 활성화 방법, 및 관련된 디스플레이 디바이스 및 시스템
CN103891253A (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