CN102487362B - Im消息的显示方法和装置 - Google Patents

Im消息的显示方法和装置 Download PDF

Info

Publication number
CN102487362B
CN102487362B CN201010588433.5A CN201010588433A CN102487362B CN 102487362 B CN102487362 B CN 102487362B CN 201010588433 A CN201010588433 A CN 201010588433A CN 102487362 B CN102487362 B CN 102487362B
Authority
CN
China
Prior art keywords
container
display
pending picture
size
picture
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
CN201010588433.5A
Other languages
English (en)
Other versions
CN102487362A (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 CN201010588433.5A priority Critical patent/CN102487362B/zh
Priority to PCT/CN2011/079433 priority patent/WO2012071921A1/zh
Publication of CN102487362A publication Critical patent/CN102487362A/zh
Priority to US13/796,893 priority patent/US8924861B2/en
Priority to US14/543,602 priority patent/US9774549B2/en
Application granted granted Critical
Publication of CN102487362B publication Critical patent/CN102487362B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/04Real-time or near real-time messaging, e.g. instant messaging [IM]
    • H04L51/043Real-time or near real-time messaging, e.g. instant messaging [IM] using or handling presence information
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/04Real-time or near real-time messaging, e.g. instant messaging [IM]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例公开了一种IM消息的显示方法和装置,涉及即时通信领域,使尺寸大于容器尺寸的待处理图片能够适应IM软件中容器的尺寸,IM软件可以直接将原本大于该容器尺寸的图片全部显示出来。该方法包括:当待处理图片的尺寸大于容器的尺寸时,将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;按照所设置的显示尺寸绘制所述待处理图片。主要应用于IM软件消息的显示。

Description

IM消息的显示方法和装置
技术领域
本发明涉及即时通信领域,尤其涉及IM消息的显示方法和装置。
背景技术
随着网络技术的发展,即时通信(IM,InstantMessaging)已经成为人们生活中不可或缺的沟通方式,人们可以通过IM软件实时传递文字、图片、语音、视频等信息。IM软件使人们的沟通和交流变得很方便。
图片是人们在使用IM软件时经常需要传递的一种文件。比如我们在使用QQ软件的时候,就会经常需要通过QQ软件相互传递图片。
在当前的主流的IM软件中,聊天内容中图片的展示方式主要有:
1.对于全滚动条支持全大小可变的容器,图片的显示方式主要是原大小显示。如果图片的大小大于容器大小,想查看图片被遮挡区域的话,拖动滚动条可以查看。
2.对于纵向滚动条支持全大小可变的容器,图片的显示方式主要是原大小显示。如果图片的大小大于容器大小,想查看图片被遮挡区域的话,拖拽改变容器大小后可以查看。
3.对于滚动条不支持纵向大小可变的容器,图片的显示方式主要是原大小显示。如果图片的大小大于容器大小,没有办法查看图片的被遮挡区域。
目前,IM软件在显示图片时,当待显示图片尺寸大于显示图片容器尺寸时,由于显示图片容器尺寸的限制,IM软件显示图片容器不能直接将待显示图片全部显示出来,只能显示该图片的一部分,而该图片的另一部分会被遮挡起来。如果用户想要查看该图片的全部内容,则需要手动改变显示图片容器的尺寸,或者拖动显示图片容器的滚动条,操作起来很不方便。
发明内容
本发明的实施例提供一种IM消息的显示方法和装置,使尺寸大于容器尺寸的待处理图片能够适应IM软件中容器的尺寸,IM软件可以直接将原本大于该容器尺寸的图片全部显示出来。
为达到上述目的,本发明的实施例采用如下技术方案:
一种IM消息的显示方法,包括:
当待处理图片的尺寸大于容器的尺寸时,将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;
按照所设置的显示尺寸绘制所述待处理图片。
一种IM消息的显示装置,包括:
设置单元,用于当待处理图片的尺寸大于容器的尺寸时,将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;
第一绘制单元,用于按照所设置的显示尺寸绘制所述待处理图片。
本发明实施例提供的IM消息的显示方法和装置,当待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例中一种IM消息的显示方法的流程图;
图2为本发明实施例中一种改进的IM消息的显示方法的流程图;
图3为本发明实施例中另一种IM消息的显示方法的流程图;
图4为本发明实施例中另一种改进的IM消息的显示方法的流程图;
图5本发明实施例中一种IM消息的显示装置的结构图;
图6为本发明实施例中一种改进的IM消息的显示装置的结构图;
图7为本发明实施例中另一种IM消息的显示装置的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供了一种IM消息的显示方法,如图1所示,包括以下步骤:
101、当待处理图片的尺寸大于容器的尺寸时,IM软件将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸。
本发明实施例中的容器,是指能够显示聊天消息内容的容器,可以按照不同的属性分为不同的类型。这里主要将该容器分成拖拽支持和滚动条支持两类。
图片在容器中的显示方式可以分为:原大小显示、自适应显示、缩略图显示。目前主流IM软件在聊天内容图片的现有显示方面,主要是原大小显示。
在使用IM软件传送图片时,所传送的图片会出现比IM软件的容器的尺寸大的情况,此时,IM软件的容器只将该图片的一部分显示出来,另一部分被容器遮挡起来,用户需要通过拖拽放大容器或者移动滚动条的方式才能看到图片的全部内容。
为了使IM软件能够将尺寸大于容器尺寸的图片一次完整的展示给用户,在显示该图片前,IM软件将待处理图片的显示尺寸设置成不大于所述容器的尺寸。
102、IM软件按照所设置的显示尺寸绘制所述待处理图片。
将尺寸大于容器尺寸的图片按照设置好的显示尺寸绘制,由于该图片的显示尺寸已经被IM软件设置成不大于所述容器的尺寸,所以,IM软件容器在显示该图片时,能够将该图片的全部内容完整的展示给用户。
本实施例提供的IM消息的显示方法,当待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
作为本实施例的一种改进,本发明实施例提供另一种IM消息的显示方法,如图2所示,包括以下步骤:
201、IM软件判断待处理图片的尺寸是否大于容器的尺寸。当待处理图片的尺寸大于容器的尺寸时,执行步骤202,否则,执行步骤203。
为了使本实施了所述方案更有针对性,在对待处理图片进行相应处理之前,首先IM软件判断待处理图片的尺寸是否大于容器的尺寸,进而决定下一步骤执行的操作内容。
202、IM软件将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸。
在使用IM软件传送图片时,所传送的图片会出现比IM软件的容器的尺寸大的情况,此时,IM软件的容器只将该图片的一部分显示出来,另一部分被容器遮挡起来,用户需要通过拖拽放大容器或者移动滚动条的方式才能看到图片的全部内容。
为了使IM软件能够将尺寸大于容器尺寸的图片一次完整的展示给用户,在显示该图片前,IM软件将待处理图片的显示尺寸设置成不大于所述容器的尺寸。
作为本步骤的一种实施方式,本步骤可以包括以下步骤:
第一步,将所述待处理图片的显示宽度设置为所述容器的宽度。
第二步,将所述待处理图片的显示高度设置为所述容器的高度。
第三步,按照设定的待处理图片的显示宽度,即容器的宽度,以及待处理图片的显示高度绘制该待处理图片。
由于待处理图片的显示宽度和高度,即在IM软件容器中绘制该待处理软件的宽度和高度,适应了容器的宽度和高度,因此,IM软件在按照设置好的显示宽度显示该待处理图片时,该待处理图片的宽度和高度一定在容器内。
作为本步骤的另一种实施方式,本步骤可以包括以下步骤:
第一步,获取IM软件容器的宽度,并将待处理图片的显示宽度设置为IM软件容器的宽度。
第二步,根据待处理图片的显示宽度相对于该待处理图片的宽度的变化率计算待处理图片的显示高度。
具体的,根据公式h=h1*a1/a2计算待处理图片的显示高度,其中,h为所述待处理图片的显示高度,h1为所述待处理图片的高度,a1为所述容器的宽度,a2为所述待处理图片的宽度。待处理图片的显示宽度相对于该待处理图片的宽度的变化率为k,k=a1/a2。
第三步,按照设定的待处理图片的显示宽度,即容器的宽度,以及计算出的待处理图片的显示高度绘制该待处理图片。
由于待处理图片的显示宽度,即在IM软件容器中绘制该待处理软件的宽度,适应了容器的宽度,因此,IM软件在按照设置好的显示宽度显示该待处理图片时,该待处理图片的宽度一定在容器内。
作为本步骤的又一种实施方式,本步骤可以包括以下步骤:
第一步,获取IM软件容器的高度,并将所述待处理图片的显示高度设置为所述容器的高度。
第二步,根据所述待处理图片的显示高度相对于所述待处理图片的高度的变化率计算所述待处理图片的显示宽度。
具体的,根据公式A=A1*H1/H2计算所述待处理图片的显示宽度,其中,A为所述待处理图片的显示宽度,A1为所述待处理图片的宽度,H1为所述容器的高度,H2为所述待处理图片的高度。待处理图片的显示高度相对于该待处理图片的高度的变化率为K,K=H1/H2。
第三步,按照计算出的待处理图片的显示宽度、以及待处理图片的显示高度绘制所述待处理图片。
由于待处理图片的显示高度,即在IM软件容器中绘制该待处理软件的高度,适应了容器的高度,因此,IM软件在按照设置好的显示高度显示该待处理图片时,该待处理图片的高度一定在容器内。
203、IM软件按照待处理图片的原始尺寸显示该图片。
由于此时待处理图片的尺寸小于IM软件容器的尺寸,IM软件容器可以完整的将该图片展示给用于,所以,IM软件按照待处理图片的原始尺寸显示该图片即可。
204、IM软件按照所设置的显示尺寸绘制所述待处理图片。
将尺寸大于容器尺寸的图片按照设置好的显示尺寸绘制,由于该图片的显示尺寸已经被IM软件设置成不大于所述容器的尺寸,所以,IM软件容器在显示该图片时,能够将该图片的全部内容完整的展示给用户。
205、将所述待处理图片的显示内容链接到其原始图片地址,以系统打开所述待处理图片的默认程序打开所述待处理图片。
为了方便用户浏览待处理图片的原始图片,将所述待处理图片的显示内容链接到其原始图片地址,在点击IM软件容器中显示的被压缩过的图片时,以系统打开所述待处理图片的默认程序打开所述待处理图片。
206、IM软件计算所述待处理图片的显示尺寸相对于所述待处理图片尺寸的变化比例。
本实施了提供本步骤的一种实施方式,具体的,待处理图片的显示尺寸相对于待处理图片尺寸的变化比例为M*M1,其中,M为待处理图片的显示宽度和容器的宽度的比值,M1为待处理图片的显示高度和容器的高度的比值。
207、在指定位置绘制压缩标识,所述压缩标识用于表明所述容器内相应图片的显示尺寸相对于所述图片的原始尺寸是被压缩过的。
为了使IM软件的用户能够很直观的得知容器中显示的图片是否被缩小过,可以在指定位置绘制一个压缩标识,述压缩标识用于表明容器内相应图片的显示尺寸相对于所述图片的原始尺寸是被压缩过的。
作为本实施例的一种实施方式,该压缩标识可以设置在图片的右下角,或者右上角,或者左下角,或者左上角,或者图片中的某个位置。
当容器中的图片的相应位置显示该压缩标识时,说明该图片是被压缩过的;当容器中的图片的相应位置没有显示该压缩标识时,说明该图片是没有被压缩过的。
208、IM软件将所述变化比例与所述压缩标识关联起来,使鼠标移动到所述压缩标识上,显示所述变化比例。
为了使IM软件的用户能够很直观的得知容器中显示的图片的压缩比例,可以将该图片的变化比例与压缩标识关联起来,使鼠标移动到相应图片的压缩标识上,显示相应图片的变化比例。
209、IM软件判断所述容器的尺寸是否发生变化。在所述容器的尺寸发生变化得到第一变化容器后,执行步骤209,否则流程结束。
用户在使用IM软件时,会通过拖拽的方式将容器放大或者缩小,在容器被放大或者缩小后,原本容器能够完全展示的图片会因为容器尺寸的缩小,而变得不能被容器完全显示,原本容器不能够完全展示的图片会因为容器尺寸的放大,而变得能被容器完全显示。
因此,有必要对IM软件容器的尺寸进行判断,并决定下一步执行的操作。
210、IM软件获取所述第一变化容器的尺寸;将所述第一变化容器作为当前的容器。执行步骤201。
本实施例提供的IM消息的显示方法,当判断出待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
并且在容器的尺寸发生变化后,IM软件根据变化后的容器的尺寸重新设置待处理图片的显示尺寸,使IM软件容器尺寸发生变化后,仍能够使待处理图片的显示尺寸适应变化后的容器的尺寸。
上述图2的方案中,步骤201-步骤204可以实现IM软件按照所设置的显示尺寸绘制待处理图片。步骤205将所述待处理图片的显示内容链接到其原始图片地址,以系统打开所述待处理图片的默认程序打开所述待处理图片。步骤206-步骤208计算压缩比例及绘制压缩标识。步骤209-步骤210在IM软件容器尺寸变化时,对其显示的图片的尺寸作相应的处理。上述每组步骤之间的操作顺序可以根据需要调整。
如图3所示,本实施例所述方法包括以下步骤:
301、IM软件为所述容器中消息的第N行可见内容设置识别标记,其中,N为非零的自然数。
为了在后续的步骤中,容器中消息的第N行可见内容能够被查找出来,需要对容器中消息的第N行可见内容进行标记。
302、IM软件在所述容器尺寸发生变化得到第二变化容器后,查找所述识别标记在所述第二变化容器中所在行数。
由于容器的尺寸发生变化后,容器中消息内容在容器中的位置会发生变化,且容器中消息内容在容器中的行数会发生变化,从而可能会导致变化前容器中的第一行可见内容在容器中的显示行数发生变化。
为了获取变化前容器中的第一行可见内容在变化后容器中的行数是否发生变化,在容器尺寸发生变化得到第二变化容器后,IM软件查找识别标记在所述第二变化容器中所在的行数,进而确定变化前容器中的第一行可见内容在变化后容器中的行数。
303、IM软件判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第N行。当所述识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第N行时,执行步骤303,否则,流程结束。
304、移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第N行。
本实施例提供的IM消息的显示方法,在容器的尺寸发生变化后,查找变化前容器中的第N行可见内容在变化后容器中的行数,判断变化前容器中的第N行可见内容在变化后容器中所在行数是否为第N行;当变化前容器中的第N行可见内容在变化后容器中所在行数不是第N行时,移动变化后容器的显示区域,将变化前容器中的第N行可见内容所在行作为变化后容器显示区域的第N行。改善了由于容器尺寸的改变而引起的容器中消息的第N行可见内容位置发生变化,使容器中的第N行可见内容保持不变,进而提高了用户的使用体验。
本发明实施例提供的图3所示的另一种IM消息的显示方法,该方法可以在图2所示的IM消息的显示方法执行前,或者执行中,或者执行后,根据需要执行本实施例所述技术方案。
作为本实施例的一种改进,本发明实施例提供又一种IM消息的显示方法,如图4所示,包括以下步骤:
401、IM软件为所述容器中消息的第一行可见内容设置识别标记。
本步骤可以根据需要对容器中消息的任何一行进行标记,比如可以对容器中的第一行可见内容进行标记,或者对容器中的第3行可见内容进行标记。
本发明实施例提供一种本步骤的实施方法,可以为:在所述容器中消息的第一行可见内容的预设位置插入所述识别标记。
具体的,本步骤中的识别标记可以根据需要预先设定,比如可以将在文档中不会出现或者极少出现的特殊字符设为识别标记,例如将“&”设为本实施例中的识别标记,该识别标记也可以是一个字符串,例如“#%&¥...%...**”。
在设置好了识别标记后,根据需要设置该识别标记在第一行可见内容的插入位置,该预设位置可以任意设定,例如为第一行可见内容的开始处,或者为第一行可见内容的结尾处,或者在第一行可见内容的中间某个位置。
本发明实施例提供另一种本步骤的实施方法,可以为:从所述第一行可见内容中选择一个或者多个字符,获取每个字符在整个消息内容中的序号;并将获取到的所述序号的集合指定为所述识别标记。
具体的,比如可以选择第一行可见内容的第一个字符在容器中全部消息内容中的序号A,将A作为识别标记;还可以选择第一行可见内容中的两个或者两个以上字符,并获取这两个或者两个以上字符在容器中全部消息内容中的序号,将集合{A1、A2、A3…、An}作为识别标记。
402、IM软件判断容器尺寸是否发生变化。在所述容器尺寸发生变化得到第二变化容器后,执行步骤305,否则,流程结束。
403、IM软件查找所述识别标记在所述第二变化容器中所在行数。
由于容器的尺寸发生变化后,容器中消息内容在容器中的位置会发生变化,且容器中消息内容在容器中的行数会发生变化,从而可能会导致变化前容器中的第一行可见内容在容器中的显示行数发生变化。
为了获取变化前容器中的第一行可见内容在变化后容器中的行数是否发生变化,在容器尺寸发生变化得到第二变化容器后,IM软件查找识别标记在所述第二变化容器中所在的行数,进而确定变化前容器中的第一行可见内容在变化后容器中的行数。
404、IM软件判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第一行。当识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第一行时,执行步骤307,否则,流程结束。
在获取了变化前容器中的第一行可见内容在变化后容器中的行数后,IM软件判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第一行。当所述识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第一行时,执行步骤307;否则,流程结束。
405、IM软件移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第一行。
为了将变化前容器中的第一行可见内容在变化后容器的第一行显示,且容器内全部消息内容的排版顺序不发生变化,即使容器中的消息内容的起始段落从容器的第一行开始显示,IM软件移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第一行。
本实施例提供的IM消息的显示方法,当判断出待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
在容器的尺寸发生变化后,查找变化前容器中的第一行可见内容在变化后容器中的行数,判断变化前容器中的第一行可见内容在变化后容器中所在行数是否为第一行;当变化前容器中的第一行可见内容在变化后容器中所在行数不是第一行时,移动变化后容器的显示区域,将变化前容器中的第一行可见内容所在行作为变化后容器显示区域的第一行。改善了由于容器尺寸的改变而引起的容器中消息的第一行可见内容位置发生变化,使容器中的第一行可见内容保持不变,进而提高了用户的使用体验。
本发明实施例提供了一种IM消息的显示装置,如图5所示,包括:设置单元51、第一绘制单元52。
其中,当待处理图片的尺寸大于容器的尺寸时,设置单元51将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;第一绘制单元52按照所设置的显示尺寸绘制所述待处理图片。
本实施例提供的IM消息的显示装置,当待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,设置单元将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,第一绘制单元再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
作为本实施例的一种改进,本发明实施例提供另一种IM消息的显示装置,如图6所示,包括:设置单元61、第一绘制单元62、计算单元63、第二绘制单元64、第二关联单元65、第一关联单元66、第二判断单元67、获取单元68。
其中,如图6中虚线部分所示,设置单元61可以包括第一设置模块611,或者第二设置模块612和第一计算模块613,或者第三设置模块614和第二计算模块615。
当待处理图片的尺寸大于容器的尺寸时,设置单元61将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸。
本发明实施例提供一种实施方法,设置单元61包括第一设置模块611。
具体的,第一设置模块611将所述待处理图片的显示宽度设置为所述容器的宽度,第一设置模块611将所述待处理图片的显示高度设置为所述容器的高度。
由于待处理图片的显示宽度和高度,即在IM软件容器中绘制该待处理软件的宽度和高度,适应了容器的宽度和高度,因此,IM软件在按照设置好的显示宽度显示该待处理图片时,该待处理图片的宽度和高度一定在容器内。
本发明实施例提供另一种实施方法,设置单元61包括第二设置模块612和第一计算模块613。
具体的,第二设置模块612将所述待处理图片的显示宽度设置为所述容器的宽度;第一计算模块613根据所述待处理图片的显示宽度相对于所述待处理图片的宽度的变化率计算所述待处理图片的显示高度。
第一计算模块623根据公式h=h1*a1/a2计算所述待处理图片的显示高度,其中,h为所述待处理图片的显示高度,h1为所述待处理图片的高度,a1为所述容器的宽度,a2为所述待处理图片的宽度。
由于待处理图片的显示宽度,即在IM软件容器中绘制该待处理软件的宽度,适应了容器的宽度,因此,IM软件在按照设置好的显示宽度显示该待处理图片时,该待处理图片的宽度一定在容器内。
本发明实施例提供另一种实施方法,设置单元61包括第三设置模块614和第二计算模块615。
具体的,第三设置模块614将所述待处理图片的显示高度设置为所述容器的高度;第二计算模块615根据所述待处理图片的显示高度相对于所述待处理图片的高度的变化率计算所述待处理图片的显示宽度。
所述第二计算模块615根据所述待处理图片的显示高度相对于所述待处理图片的高度的变化率计算所述待处理图片的显示宽度为:第二计算模块根据公式A=A1*H1/H2计算所述待处理图片的显示宽度,其中,A为所述待处理图片的显示宽度,A1为所述待处理图片的宽度,H1为所述容器的高度,H2为所述待处理图片的高度。
由于待处理图片的显示高度,即在IM软件容器中绘制该待处理软件的高度,适应了容器的高度,因此,IM软件在按照设置好的显示高度显示该待处理图片时,该待处理图片的高度一定在容器内。
第一绘制单元62按照设置单元61设置的待处理图片的显示宽度、以及所述待处理图片的显示高度绘制所述待处理图片。
计算单元63计算所述待处理图片的显示尺寸相对于所述待处理图片尺寸的变化比例。
为了方便用户辨别IM软件容器中显示的图片是否被压缩过,第二绘制单元54在指定位置绘制压缩标识,所述压缩标识用于表明所述容器内相应图片的显示尺寸相对于所述图片的原始尺寸是被压缩过的。
为了方便用户查看IM软件容器中图片的原始图片,第二关联单元65将所述待处理图片的显示内容链接到其原始图片地址,以系统打开所述待处理图片的默认程序打开所述待处理图片。
为了方便用户获知IM软件中被压缩图片的压缩比例,第一关联单元66将所述变化比例与所述压缩标识关联起来,使鼠标移动到所述压缩标识上,或者鼠标点击所述压缩标识时,显示所述变化比例。
第二判断单元67判断所述容器的尺寸是否发生变化。
当第二判断单元67判断出容器的尺寸发生变化得到第一变化后容器时,获取单元68获取第一变化后容器的尺寸,并将所述第一变化容器作为当前的容器。
本实施例提供的IM消息的显示装置,当待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,设置单元将待处理图片的显示尺寸设置成不大于IM软件容器的尺寸后,第一绘制单元再以设置的待处理图片的显示尺寸显示该图片。使原本尺寸大于IM软件容器尺寸的待处理图片能够适应IM软件容器的尺寸,IM软件可以直接将原本大于其容器尺寸的图片全部显示出来。
并且在容器的尺寸发生变化后,IM软件根据变化后的容器的尺寸重新设置待处理图片的显示尺寸,使IM软件容器尺寸发生变化后,仍能够使待处理图片的显示尺寸适应变化后的容器的尺寸。
如图7所示,该IM消息的显示装置包括:标识单元71、查找单元72、第一判断单元73、移动单元74。
其中,标识单元71为所述容器中消息的第N行可见内容设置识别标记。为了在后续的步骤中,容器中消息的第N行可见内容能够被查找出来,需要对容器中消息的第N行可见内容进行标记。可以根据需要对容器中消息的任何一行进行标记,比如可以对容器中的第一行可见内容进行标记,或者对容器中的第3行可见内容进行标记。
本发明实施例提供了一种实施方式,具体的,标识单元71在所述容器中消息的第一行可见内容的预设位置插入所述识别标记。
本发明实施例提供了另一种实施方式,具体的,标识单元71从所述第一行可见内容中选择一个或者多个字符,获取每个字符在整个消息内容中的序号;并将获取到的所述序号的集合指定为所述识别标记。
在所述容器尺寸发生变化得到第二变化容器后,查找单元72查找所述识别标记在所述第二变化容器中所在行数。
第一判断单元73判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第一行。
当所述识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第一行时,移动单元74移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第一行。
本实施例提供的IM消息的显示装置,当判断出待处理图片的尺寸大于IM软件容器的尺寸时,IM软件对待处理图片进行处理,在容器的尺寸发生变化后,查找单元查找变化前容器中的第一行可见内容在变化后容器中的行数,第三判断单元判断变化前容器中的第一行可见内容在变化后容器中所在行数是否为第一行;当变化前容器中的第一行可见内容在变化后容器中所在行数不是第一行时,移动单元移动变化后容器的显示区域,将变化前容器中的第一行可见内容所在行作为变化后容器显示区域的第一行。改善了由于容器尺寸的改变而引起的容器中消息的第一行可见内容位置发生变化,使容器中的第一行可见内容保持不变,进而提高了用户的使用体验。
本发明实施例提供的如图7所示的另一种IM消息的显示装置,该装置可以在图6所示的IM消息的显示装置中各个操作单元执行各个操作前,或者执行各个后,根据需要执行本实施例所述技术方案。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在可读取的存储介质中,如计算机的软盘,硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技本范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。

Claims (12)

1.一种IM消息的显示方法,其特征在于,包括:
当待处理图片的尺寸大于容器的尺寸时,将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;
按照所设置的显示尺寸绘制所述待处理图片;
为所述容器中消息的第N行可见内容设置识别标记,其中,N为非零的自然数;
在所述容器尺寸发生变化得到第二变化容器后,查找所述识别标记在所述第二变化容器中所在行数;
判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第N行;
当所述识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第N行时,移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第N行。
2.根据权利要求1所述的IM消息的显示方法,其特征在于,所述为所述容器中消息的第N行可见内容设置识别标记包括:
在所述容器中消息的第N行可见内容的预设位置插入所述识别标记;或者
从所述第N行可见内容中选择一个或者多个字符,获取每个字符在整个消息内容中的序号;并将获取到的所述序号的集合指定为所述识别标记。
3.根据权利要求2所述的IM消息的显示方法,其特征在于,所述方法还包括:
计算所述待处理图片的显示尺寸相对于所述待处理图片尺寸的变化比例;
在指定位置绘制压缩标识,所述压缩标识用于表明所述容器内相应图片的显示尺寸相对于所述图片的原始尺寸是被压缩过的;
将所述变化比例与所述压缩标识关联起来,当鼠标移动到所述压缩标识上、或者鼠标点击所述压缩标识时,显示所述变化比例。
4.根据权利要求1至3任一项所述的IM消息的显示方法,其特征在于,在所述将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸之前,所述方法还包括:
判断所述容器的尺寸是否发生变化;
在所述容器的尺寸发生变化得到第一变化容器后,获取所述第一变化容器的尺寸,将所述第一变化容器作为当前的容器。
5.根据权利要求4所述的IM消息的显示方法,其特征在于,所述方法还包括:
将所述待处理图片的显示内容链接到其原始图片地址,以系统打开所述待处理图片的默认程序打开所述待处理图片。
6.根据权利要求1至3任一项所述的IM消息的显示方法,其特征在于,所述将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸包括:
将所述待处理图片的显示宽度设置为所述容器的宽度,将所述待处理图片的显示高度设置为所述容器的高度;
或者,将所述待处理图片的显示宽度设置为所述容器的宽度;根据所述待处理图片的显示宽度相对于所述待处理图片的宽度的变化率计算所述待处理图片的显示高度;
或者,将所述待处理图片的显示高度设置为所述容器的高度;根据所述待处理图片的显示高度相对于所述待处理图片的高度的变化率计算所述待处理图片的显示宽度;
所述按照所设置的显示尺寸绘制所述待处理图片为:按照所述待处理图片的显示宽度、以及所述待处理图片的显示高度绘制所述待处理图片。
7.一种IM消息的显示装置,其特征在于,包括:
设置单元,用于当待处理图片的尺寸大于容器的尺寸时,将所述待处理图片的显示尺寸设置成不大于所述容器的尺寸;
第一绘制单元,用于按照所设置的显示尺寸绘制所述待处理图片;
标识单元,用于为所述容器中消息的第N行可见内容设置识别标记,其中,N为非零的自然数;
查找单元,用于在所述容器尺寸发生变化得到第二变化容器后,查找所述识别标记在所述第二变化容器中所在行数;
第一判断单元,用于判断所述识别标记在所述第二变化容器中所在行数是否为所述第二变化容器的第N行;
移动单元,用于当所述识别标记在所述第二变化容器中所在行数不是所述第二变化容器的第N行时,移动所述第二变化容器的显示区域,将所述识别标识所在行作为所述第二变化容器显示区域的第N行。
8.根据权利要求7所述的IM消息的显示装置,其特征在于,所述标识单元为所述容器中消息的第N行可见内容设置识别标记为:所述标识单元在所述容器中消息的第N行可见内容的预设位置插入所述识别标记;
或者,所述标识单元从所述第N行可见内容中选择一个或者多个字符,获取每个字符在整个消息内容中的序号;并将获取到的所述序号的集合指定为所述识别标记。
9.根据权利要求8所述的IM消息的显示装置,其特征在于,所述IM消息的显示装置还包括:
计算单元,用于计算所述待处理图片的显示尺寸相对于所述待处理图片尺寸的变化比例;
第二绘制单元,用于在指定位置绘制压缩标识,所述压缩标识用于表明所述容器内相应图片的显示尺寸相对于所述图片的原始尺寸是被压缩过的;
第一关联单元,用于将所述变化比例与所述压缩标识关联起来,使鼠标移动到所述压缩标识上、或者鼠标点击所述压缩标识时,显示所述变化比例。
10.根据权利要求7至9任一项所述的IM消息的显示装置,其特征在于,所述IM消息的显示装置还包括:
第二判断单元,用于判断所述容器的尺寸是否发生变化;
获取单元,用于当所述容器的尺寸发生变化得到第一变化后容器时,获取第一变化后容器的尺寸,将所述第一变化容器作为当前的容器。
11.根据权利要求10所述的IM消息的显示装置,其特征在于,所述IM消息的显示装置还包括:
第二关联单元,用于将所述待处理图片的显示内容链接到其原始图片地址,以系统打开所述待处理图片的默认程序打开所述待处理图片。
12.根据权利要求7至9任一项所述的IM消息的显示装置,其特征在于,所述设置单元包括:
第一设置模块,用于将所述待处理图片的显示宽度设置为所述容器的宽度,将所述待处理图片的显示高度设置为所述容器的高度;
或者,第二设置模块,用于将所述待处理图片的显示宽度设置为所述容器的宽度;第一计算模块,用于根据所述待处理图片的显示宽度相对于所述待处理图片的宽度的变化率计算所述待处理图片的显示高度;
或者,第三设置模块,用于将所述待处理图片的显示高度设置为所述容器的高度;第二计算模块,用于根据所述待处理图片的显示高度相对于所述待处理图片的高度的变化率计算所述待处理图片的显示宽度;
所述绘制单元按照所设置的显示尺寸绘制所述待处理图片为:所述绘制单元按照所述待处理图片的显示宽度、以及所述待处理图片的显示高度绘制所述待处理图片。
CN201010588433.5A 2010-12-03 2010-12-03 Im消息的显示方法和装置 Active CN102487362B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201010588433.5A CN102487362B (zh) 2010-12-03 2010-12-03 Im消息的显示方法和装置
PCT/CN2011/079433 WO2012071921A1 (zh) 2010-12-03 2011-09-07 Im消息的显示方法和装置
US13/796,893 US8924861B2 (en) 2010-12-03 2013-03-12 Method and apparatus for displaying instant messaging (IM) message
US14/543,602 US9774549B2 (en) 2010-12-03 2014-11-17 Method and apparatus for displaying instant messaging (IM) message

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201010588433.5A CN102487362B (zh) 2010-12-03 2010-12-03 Im消息的显示方法和装置

Publications (2)

Publication Number Publication Date
CN102487362A CN102487362A (zh) 2012-06-06
CN102487362B true CN102487362B (zh) 2016-08-03

Family

ID=46152817

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201010588433.5A Active CN102487362B (zh) 2010-12-03 2010-12-03 Im消息的显示方法和装置

Country Status (3)

Country Link
US (2) US8924861B2 (zh)
CN (1) CN102487362B (zh)
WO (1) WO2012071921A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102124191B1 (ko) 2013-07-24 2020-06-17 삼성전자주식회사 메시지 처리 방법 및 그 전자 장치
CN105573580A (zh) * 2015-12-10 2016-05-11 网易(杭州)网络有限公司 图文混合消息的显示方法及装置
CN107154892A (zh) * 2016-03-03 2017-09-12 游戏橘子数位科技股份有限公司 实时通讯互动的方法
CN110913088B (zh) * 2019-11-22 2021-11-09 合肥高维数据技术有限公司 一种用于im软件平台的图片传输方法和系统
CN113655977A (zh) * 2021-08-18 2021-11-16 北京达佳互联信息技术有限公司 一种素材展示方法、装置、电子设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1980137A (zh) * 2005-12-09 2007-06-13 腾讯科技(深圳)有限公司 一种对接收图片进行完整显示的方法及客户端
CN101449270A (zh) * 2006-03-15 2009-06-03 谷歌公司 自动显示尺寸调整后的图像
CN101478732A (zh) * 2009-02-11 2009-07-08 腾讯科技(深圳)有限公司 一种即时通信工具图片显示的方法和装置

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5001697A (en) * 1988-02-10 1991-03-19 Ibm Corp. Method to automatically vary displayed object size with variations in window size
US5751283A (en) * 1996-07-17 1998-05-12 Microsoft Corporation Resizing a window and an object on a display screen
US6456305B1 (en) * 1999-03-18 2002-09-24 Microsoft Corporation Method and system for automatically fitting a graphical display of objects to the dimensions of a display window
US20060184886A1 (en) * 1999-12-22 2006-08-17 Urbanpixel Inc. Spatial chat in a multiple browser environment
US6781608B1 (en) * 2000-06-30 2004-08-24 America Online, Inc. Gradual image display
US7091976B1 (en) * 2000-11-03 2006-08-15 At&T Corp. System and method of customizing animated entities for use in a multi-media communication application
US7421661B1 (en) * 2002-04-30 2008-09-02 Aol Llc Instant messaging interface having an informational tool tip
US7774410B2 (en) * 2002-11-18 2010-08-10 Aol Inc. Handling a multimedia object associated with an electronic message
US20050188016A1 (en) * 2002-11-25 2005-08-25 Subramanyam Vdaygiri Method and system for off-line, on-line, and instant-message-based multimedia collaboration
US7930350B2 (en) * 2003-03-05 2011-04-19 Canon U.S.A., Inc. Digital image sharing enabled chat application
US7870199B2 (en) * 2003-10-06 2011-01-11 Aol Inc. System and method for seamlessly bringing external services into instant messaging session
US20050091610A1 (en) * 2003-10-22 2005-04-28 International Business Machines Corporation Selective display of windows on an auxiliary output device
US7921369B2 (en) * 2004-12-30 2011-04-05 Aol Inc. Mood-based organization and display of instant messenger buddy lists
US20070186173A1 (en) * 2006-02-03 2007-08-09 Yahoo! Inc. Instant messenger alerts and organization systems
US8010474B1 (en) * 2006-09-05 2011-08-30 Aol Inc. Translating paralinguisitic indicators
US8352555B2 (en) * 2007-08-17 2013-01-08 Yahoo! Inc. Scheduled online presence on instant messenger
KR101529502B1 (ko) * 2008-10-16 2015-06-17 엘지전자 주식회사 인스턴트 메시지 제어방법과 이를 이용한 이동 단말기
US8365081B1 (en) * 2009-05-28 2013-01-29 Amazon Technologies, Inc. Embedding metadata within content
CN102270081B (zh) * 2010-06-03 2015-09-23 腾讯科技(深圳)有限公司 一种调整列表元素大小的方法及装置
KR101801188B1 (ko) * 2011-07-05 2017-11-24 엘지전자 주식회사 휴대 전자기기 및 이의 제어방법

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1980137A (zh) * 2005-12-09 2007-06-13 腾讯科技(深圳)有限公司 一种对接收图片进行完整显示的方法及客户端
CN101449270A (zh) * 2006-03-15 2009-06-03 谷歌公司 自动显示尺寸调整后的图像
CN101478732A (zh) * 2009-02-11 2009-07-08 腾讯科技(深圳)有限公司 一种即时通信工具图片显示的方法和装置

Also Published As

Publication number Publication date
WO2012071921A1 (zh) 2012-06-07
US8924861B2 (en) 2014-12-30
US20150067535A1 (en) 2015-03-05
US20130191761A1 (en) 2013-07-25
US9774549B2 (en) 2017-09-26
CN102487362A (zh) 2012-06-06

Similar Documents

Publication Publication Date Title
CA2777701C (en) Selective rendering of electronic messages by an electronic device
US10474320B2 (en) Document channel selection for document viewing application
US8423890B2 (en) Layout editing apparatus and control method thereof and computer-readable storage medium
CN110072026B (zh) 幻灯片设计建议的自动呈现
CN102487362B (zh) Im消息的显示方法和装置
CN103440247A (zh) 发送照片的方法及其设备
EP2851771A1 (en) Application display method and terminal
CN101237637A (zh) 个性化多媒体短信的实现方法和装置
US20160080298A1 (en) Method for generating emoticon and electronic device supporting the same
CN113535176A (zh) 一种页面生成方法及装置
CN110708235B (zh) 消息生成方法、装置、存储介质和计算机设备
CN110647624A (zh) 呈现企业消息传递中的文档差异的动画预览的自动生成
CN101882075A (zh) 一种编辑富文本并通过flash还原显示的方法
CN103838469A (zh) 好友列表的展示控制方法及系统
US10939171B2 (en) Method, apparatus, and computer readable recording medium for automatic grouping and management of content in real-time
US20130113808A1 (en) Method and apparatus for controlling playback speed of animation message in mobile terminal
US20230004673A1 (en) Information management system and method for communication application, and display terminal
CN107272984A (zh) 一种应用图标预览方法、装置及电子设备
CN105512124A (zh) 在网页中实现文本编辑器悬浮的方法和装置
CN104219356A (zh) 一种显示搜索联系人信息的方法、装置和移动终端
WO2012025060A1 (zh) 终端上消息列表的显示方法和终端
JP5376685B2 (ja) コンテンツデータ表示装置、コンテンツデータ表示方法及びプログラム
CN104281562B (zh) 一种电子文档的处理方法及装置
KR20200003356A (ko) 전자기기 원격제어 시스템 및 이의 운용방법
US20120023414A1 (en) Method and apparatus for processing e-mail

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