CN111158809A - 消息界面的展示方法、装置、电子设备及存储介质 - Google Patents
消息界面的展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111158809A CN111158809A CN201911275413.XA CN201911275413A CN111158809A CN 111158809 A CN111158809 A CN 111158809A CN 201911275413 A CN201911275413 A CN 201911275413A CN 111158809 A CN111158809 A CN 111158809A
- Authority
- CN
- China
- Prior art keywords
- message
- message information
- color value
- system time
- hour system
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000007935 neutral effect Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 5
- 238000012163 sequencing technique Methods 0.000 claims description 5
- 230000005540 biological transmission Effects 0.000 claims description 4
- 230000006854 communication Effects 0.000 description 12
- 238000012545 processing Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 7
- 230000008859 change Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000000605 extraction Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000008447 perception Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/33—Querying
- G06F16/338—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种消息界面的展示方法、装置、电子设备及存储介质，包括：接收来自于目标客户端的消息信息，消息信息的发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
Description
技术领域
本发明实施例涉及通信技术领域，尤其涉及一种消息界面的展示方法、装置、电子设备及存储介质。
背景技术
随着互联网即时通讯技术的不断发展，越来越多的即时通讯(IM，InstantMessaging)产品被广泛应用在人们的生活中。
相关技术中，IM应用针对接收到的多条聊天消息，是先将多条聊天消息按照发送时间进行排序后再进行展示的，如果发送时间属于同一天的聊天消息数量较多，则会按照天的维度，对发送时间属于同一天的聊天消息进行展示，即会自动在消息列表里展示某一天的日期提示，让用户知道列表中的聊天消息是发自哪一天的，方便用户定位上下文。另外，用户可以通过单击某一条消息框，然后弹出该消息框对应的聊天消息的具体发送时刻。
但是，目前方案中，按照天的维度，对聊天消息进行发送日期提示，使得用户无法准确、快速的确定聊天消息的具体发送时刻；另外，通过单击消息框然后弹出具体发送时刻的方式，会额外增加一次单击操作，导致用户体验较差。
发明内容
本发明实施例提供一种消息界面的展示方法、装置、电子设备及存储介质，以解决相关技术中用户无法直接、快速的确定聊天消息的具体发送时刻，且通过单击消息框然后弹出具体发送时刻，会额外增加一次单击操作，导致用户体验较差的问题。
第一方面，本发明实施例提供了一种消息界面的展示方法，该方法包括：
接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间；
将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系；
在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
在一种可选实施方式中，所述发送时间还包括：日期时间；所述消息信息的数量为多个；所述在消息界面中，显示与所述目标颜色值对应的消息框，包括：
在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域；
在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
在一种可选实施方式中，所述在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框，包括：
将所述展示区域中的消息信息，按照所述24小时制时间从早到晚的顺序进行排序；
显示与每个所述消息信息的目标颜色值对应的消息框。
在一种可选实施方式中，所述在消息界面中，显示与所述目标颜色值对应的消息框，包括：
提取所述消息界面的层叠样式表文件；
从所述层叠样式表文件中，确定所述消息信息的消息框对应的代码段落；
在接收到所述消息信息时，将所述代码段落中的显示颜色参数修改为所述目标颜色值。
在一种可选实施方式中，所述颜色查询表包括：第一24小时制时间范围与第一色调的颜色值之间的第一对应关系、第二24小时制时间范围与第二色调的颜色值之间的第二对应关系，以及第三24小时制时间范围与第三色调的颜色值之间的第一对应关系；
其中，第一24小时制时间范围为5:00至8:59的时间范围；第二24小时制时间范围为9:00至17:59的时间范围；第三24小时制时间范围为18:00至4:59的时间范围；
所述第一色调为中性色调，所述第二色调为暖色调，所述第三色调为冷色调。
在一种可选实施方式中，所述颜色值为16进制颜色值；
在所述对应关系中，所述颜色值随着24小时制时间的增大而增大。
第二方面，本发明实施例提供了一种消息界面的展示装置，该装置包括：
接收模块，被配置为接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间；
匹配模块，被配置为将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系；
展示模块，被配置为在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
在一种可选实施方式中，所述发送时间还包括：日期时间；所述消息信息的数量为多个；所述展示模块，包括：
添加子模块，被配置为在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域；
展示子模块，被配置为在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
在一种可选实施方式中，所述展示子模块，包括：
排序单元，被配置为将所述展示区域中的消息信息，按照所述24小时制时间从早到晚的顺序进行排序；
展示单元，被配置为显示与每个所述消息信息的目标颜色值对应的消息框。
在一种可选实施方式中，所述展示模块，包括：
提取子模块，被配置为提取所述消息界面的层叠样式表文件；
确定子模块，被配置为从所述层叠样式表文件中，确定所述消息信息的消息框对应的代码段落；
修改子模块，被配置为在接收到所述消息信息时，将所述代码段落中的显示颜色参数修改为所述目标颜色值。
在一种可选实施方式中，其特征在于，所述颜色查询表包括：第一24小时制时间范围与第一色调的颜色值之间的第一对应关系、第二24小时制时间范围与第二色调的颜色值之间的第二对应关系，以及第三24小时制时间范围与第三色调的颜色值之间的第一对应关系；
其中，第一24小时制时间范围为5:00至8:59的时间范围；第二24小时制时间范围为9:00至17:59的时间范围；第三24小时制时间范围为18:00至4:59的时间范围；
所述第一色调为中性色调，所述第二色调为暖色调，所述第三色调为冷色调。
在一种可选实施方式中，其特征在于，所述颜色值为16进制颜色值；
在所述对应关系中，所述颜色值随着24小时制时间的增大而增大。
第三方面，本发明实施例还提供了一种电子设备，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如本发明提供的消息界面的展示方法的步骤。
第四方面，本发明实施例还提供了一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如本发明提供的消息界面的展示方法的步骤。
第五方面，本发明实施例还提供了一种应用程序，所述应用程序由电子设备的处理器执行时，实现如本发明提供的消息界面的展示方法的步骤。
在本发明实施例中，接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，让用户能够准确、快速的确定聊天消息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1是本发明实施例提供的一种消息界面的展示方法的步骤流程图；
图2是本发明实施例提供的一种消息界面的展示方法的界面图；
图3是本发明实施例提供的另一种消息界面的展示方法的步骤流程图；
图4是本发明实施例提供的另一种消息界面的展示方法的步骤流程图；
图5是本发明实施例提供的一种消息界面的展示装置的框图；
图6是本发明一个实施例的电子设备的逻辑框图；
图7是本发明另一个实施例的电子设备的逻辑框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明，并且能够将本发明的范围完整的传达给本领域的技术人员。
图1是本发明实施例提供的一种消息界面的展示方法的步骤流程图，如图1所示，该方法可以包括：
步骤101，接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间。
在本发明实施例中，若目标客户端要发送消息信息至接收者的客户端，则发送者先在目标客户端上编辑生成消息信息，在发送者点击发送按钮的同时，调用目标客户端的系统接口，获取当前的时间，将该时间确定为这条消息信息的发送时间，发送时间可以以时间戳的形式添加在消息信息中。
进一步的，在发送者点击发送按钮之后，该消息信息可以先被发送至服务器，再由服务器发送至接收者的客户端。
在该步骤中，接收者的客户端在接收到来自于目标客户端的消息信息之后，可以自动解析该消息信息，获取其中的发送时间戳，并将发送时间戳中的时间确定为发送时间。
具体的，发送时间可以包括24小时制时间、日期时间，其中，24小时制时间可以为一天中的具体时刻，包括时、分、秒等时间单位，如“9:30”，“12:45:26”等。日期时间可以包括年、月、日等时间单位，如“1994年10月22日”、“2008年1月1日”等。
在本发明实施例中，由于IM产品更加针对具有高时效性的交互场景，因此，IM产品更加关注通讯过程的时效性，因此，发送时间至少包括24小时制时间，以供用户能够通过24小时制时间，获取到更加精准的消息信息的发送时间。
步骤102，将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系。
在本发明实施例中，在接收到消息信息，并解析得到消息信息的发送时间中所包括的24小时制时间之后，可以在客户端的消息界面中对消息信息进行展示，以提醒用户浏览该消息信息。消息信息的展示具体可以包括：在消息界面的预设区域展示消息框，并在消息框中展示消息信息的具体内容。
进一步的，为了使用户自然感知消息信息的具体发送时刻，则可以在消息框中展示消息信息的发送时间中所包括的24小时制时间的基础上，进一步的将消息框的用户界面(UI，User Interface)样式颜色修改为与该24小时制时间对应的颜色，以供用户通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻。
在该步骤中，可以将24小时制时间包括的时刻与不同色调的颜色值之间建立对应关系，得到颜色查询表，在接收到消息信息，并解析得到消息信息的发送时间中所包括的24小时制时间之后，可以将解析得到的24小时制时间与颜色查询表进行匹配，获取消息信息对应的目标颜色值，以将消息信息的消息框按照目标颜色值进行显示。
步骤103，在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
在该步骤中，可以获取消息界面的层叠样式表(CSS，Cascading Style Sheets)文件，并在消息界面的CSS文件中将消息框的显示颜色参数修改为目标颜色值，使得消息框的UI样式颜色为目标颜色值对应的颜色，将消息框的UI样式颜色设置为目标颜色值对应的颜色，包括但不限于将消息框的背景填充颜色、框体颜色设置为目标颜色值对应的颜色。
在本发明实施例的一种具体实现方式中，针对颜色查询表的构建，首先可以将一天24小时划分为三个时间范围：早、中、晚。基于用户对时间和颜色的自然感知，可以将晚上对应冷色调，将中午对应暖色调，将早晨对应中性色调，并将早、中、晚三个时间范围所包括的时刻，分别与中性色调、暖色调、冷色调所包括的颜色值之间建立一一对应关系，得到颜色查询表，该颜色查询表可以为表1。
表1
进一步的，假设在2019年11月22日接收到四条消息信息：消息1、消息2、消息3、消息4，且四条消息信息分别对应的发送时刻为早上6点整、中午9点整、中午10点整、晚上18点整。将这四条对应的的发送时刻与上述表1进行匹配，可以确定消息1对应的颜色值为中性色调颜色值2、消息2对应的颜色值为暖色调颜色值1、消息3对应的颜色值为暖色调颜色值2、消息4对应的颜色值为冷色调颜色值1。
参照图2，图2是本发明实施例提供的一种消息界面的展示方法的步骤流程图，针对上述四条消息信息和四条消息信息分别对应的发送时刻，可以在消息界面10中，将消息1对应的消息框110的UI样式设置为中性色调颜色值2，将消息2对应的消息框120的UI样式设置为暖色调颜色值1，将消息3对应的消息框130的UI样式设置为暖色调颜色值2，将消息4对应的消息框140的UI样式设置为冷色调颜色值1。用户通过各个消息框的UI样式颜色，可以直观感受到消息信息的具体发送时刻。
综上所述，本发明实施例提供的一种消息界面的展示方法，包括：接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，让用户能够准确、快速的确定聊天消息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
图3是本发明实施例提供的另一种消息界面的展示方法的步骤流程图，如图3所示，该方法可以包括：
步骤201、接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间。
本步骤的实现方式与上述步骤101的实现过程类似，本发明实施例在此不再详述。
步骤202、将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系。
本步骤的实现方式与上述步骤102的实现过程类似，本发明实施例在此不再详述。
步骤203、提取所述消息界面的层叠样式表文件。
在本发明实施例中，层叠样式表文件能够对界面中元素的显示进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。层叠样式表文件包括了消息界面中各个元素的代码段落，每个元素的代码段落用于定义该元素的UI样式。
步骤204、从所述层叠样式表文件中，确定所述消息信息的消息框对应的代码段落。
具体的，由于层叠样式表文件包括了消息界面中各个元素的代码段落，则可以从层叠样式表文件中，确定所述消息信息的消息框对应的代码段落，以改变消息信息的消息框对应的UI样式颜色，。
步骤205、在接收到所述消息信息时，将所述代码段落中的显示颜色参数修改为所述目标颜色值。
在该步骤中，可以将代码段落中的显示颜色参数修改为目标颜色值，从而实现将消息框的UI样式颜色设置为目标颜色值对应的颜色，具体的，将消息框的UI样式颜色设置为目标颜色值对应的颜色，包括但不限于将消息框的背景填充颜色、框体颜色设置为目标颜色值对应的颜色。
综上所述，本发明实施例提供的一种消息界面的展示方法，包括：接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，让用户能够准确、快速的确定聊天消息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
图4是本发明实施例提供的另一种消息界面的展示方法的步骤流程图，如图4所示，该方法可以包括：
步骤301、接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间。
本步骤的实现方式与上述步骤101的实现过程类似，本发明实施例在此不再详述。
步骤302、将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系。
本步骤的实现方式与上述步骤102的实现过程类似，本发明实施例在此不再详述。
可选的，颜色查询表包括：第一24小时制时间范围与第一色调的颜色值之间的第一对应关系、第二24小时制时间范围与第二色调的颜色值之间的第二对应关系，以及第三24小时制时间范围与第三色调的颜色值之间的第一对应关系。
其中，第一24小时制时间范围为5:00至8:59的时间范围；第二24小时制时间范围为9:00至17:59的时间范围；第三24小时制时间范围为18:00至4:59的时间范围。所述第一色调为中性色调，所述第二色调为暖色调，所述第三色调为冷色调。
在本发明实施例中，可以将一天24小时划分为三个时间范围：第一24小时制时间范围、第二24小时制时间范围、第二24小时制时间范围。基于用户对时间和颜色的自然感知，中午的亮度最高，晚上的亮度最低，早晨的亮度不高也不低，因此，可以将第三24小时制时间范围对应冷色调，将第二24小时制时间范围对应暖色调，将第一24小时制时间范围对应中性色调。以将不同色调的颜色值与一天之内的不同时刻之间建立直观的关联，且该关联能够被用户所自然感知，便于用户根据消息框的颜色，快速确定消息框中的消息信息对应的发送时间。
可选的，所述颜色值为16进制颜色值；在所述对应关系中，所述颜色值随着24小时制时间的增大而增大。
在本发明实施例中，每个色调下的颜色都可以由唯一的一个16进制颜色值所表示，且每个色调下，颜色值的16进制颜色值越大，该颜色会以更深的色调进行展示，如暖色调下，浅红色的16进制颜色值大于深红色的16进制颜色值。
因此，在颜色查询表中，建立颜色值随着24小时制时间的增大而增大的线性关系，可以通过颜色的色调的深浅变化，来模拟一天的日出日落，使得消息界面的展示能够更加直观的反映消息的具体发送时刻。
例如，针对一个浅红色的消息框和一个深红色的消息框，用户可以直观的得知浅红色的消息框对应的消息信息的发送时刻为中午较早的时刻，深红色的消息框对应的消息信息的发送时刻为中午较晚的时刻。
步骤303、在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域。
其中，所述发送时间还包括：日期时间；所述消息信息的数量为多个。
在本发明实施例中，发送时间还可以包括：日期时间，即以年、月、日为时间单位的时间，通过日期时间，可以反映消息信息的发送日期。
具体的，参照图2，针对2019年11月22日客户端接收到的消息1、消息2、消息3、消息4，以及2019年11月23日客户端接收到的消息5，可以在消息界面10，划分两个展示区域：区域20和区域30，以在区域20中展示消息1、消息2、消息3、消息4和消息5，在区域30中展示消息5，达到对消息信息按照日期进行分类的目的。
步骤304、在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
在该步骤中，可以获取消息界面的CSS文件，并在消息界面的CSS文件中将消息框的显示颜色参数修改为目标颜色值，使得消息框的UI样式颜色为目标颜色值对应的颜色，将消息框的UI样式颜色设置为目标颜色值对应的颜色，包括但不限于将消息框的背景填充颜色、框体颜色设置为目标颜色值对应的颜色。
可选的，步骤304具体可以包括：
子步骤3041、将所述展示区域中的消息信息，按照所述24小时制时间从早到晚的顺序进行排序。
子步骤3042、显示与每个所述消息信息的目标颜色值对应的消息框。
在本发明实施例中，由于一天的时间是按照从早到中午再到晚上进行流逝的，因此，将展示区域中的消息信息，按照24小时制时间从早到晚的顺序进行排序，可以提高用户对展示区域中的消息信息的管理便捷度。
综上所述，本发明实施例提供的另一种消息界面的展示方法，包括：接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，让用户能够准确、快速的确定聊天消息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
图5是本发明实施例提供的一种消息界面的展示装置的框图，如图5所示，包括：
接收模块401，被配置为接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间；
匹配模块402，被配置为将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系；
展示模块403，被配置为在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
可选的，所述发送时间还包括：日期时间；所述消息信息的数量为多个；所述展示模块403，包括：
添加子模块，被配置为在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域；
展示子模块，被配置为在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
可选的，所述展示子模块，包括：
排序单元，被配置为将所述展示区域中的消息信息，按照所述24小时制时间从早到晚的顺序进行排序；
展示单元，被配置为显示与每个所述消息信息的目标颜色值对应的消息框。
可选的，所述展示模块403，包括：
提取子模块，被配置为提取所述消息界面的层叠样式表文件；
确定子模块，被配置为从所述层叠样式表文件中，确定所述消息信息的消息框对应的代码段落；
修改子模块，被配置为在接收到所述消息信息时，将所述代码段落中的显示颜色参数修改为所述目标颜色值。
可选的，所述颜色查询表包括：第一24小时制时间范围与第一色调的颜色值之间的第一对应关系、第二24小时制时间范围与第二色调的颜色值之间的第二对应关系，以及第三24小时制时间范围与第三色调的颜色值之间的第一对应关系；
其中，第一24小时制时间范围为5:00至8:59的时间范围；第二24小时制时间范围为9:00至17:59的时间范围；第三24小时制时间范围为18:00至4:59的时间范围；
所述第一色调为中性色调，所述第二色调为暖色调，所述第三色调为冷色调。
可选的，所述颜色值为16进制颜色值；
在所述对应关系中，所述颜色值随着24小时制时间的增大而增大。
综上所述，本发明实施例提供的一种消息界面的展示装置，包括：接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。本发明中，通过将消息信息的消息框的UI样式颜色，按照与发送该消息信息的24小时制时间所对应的颜色值进行显示，使得用户可以通过消息框的UI样式颜色，直观感受到消息信息的具体发送时刻，让用户能够准确、快速的确定聊天消息的具体发送时刻，且该方式不需要用户执行额外的操作，降低了消息信息展示操作的繁琐程度。
图6是根据一示例性实施例示出的一种电子设备600的框图。例如，电子设备600可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
参照图6，电子设备600可以包括以下一个或多个组件：处理组件602，存储器604，电力组件606，多媒体组件608，音频组件610，输入/输出(I/O)的接口612，传感器组件614，以及通信组件616。
处理组件602通常控制电子设备600的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。
存储器604用于存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为电子设备600生成、管理和分配电力相关联的组件。
多媒体组件608包括在所述电子设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当电子设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件610用于输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当电子设备600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。
I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件614包括一个或多个传感器，用于为电子设备600提供各个方面的状态评估。例如，传感器组件614可以检测到电子设备600的打开/关闭状态，组件的相对定位，例如所述组件为电子设备600的显示器和小键盘，传感器组件614还可以检测电子设备600或电子设备600一个组件的位置改变，用户与电子设备600接触的存在或不存在，电子设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件616用于便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。
在示例性实施例中，还提供了一种包括指令的非临时性存储介质，例如包括指令的存储器604，上述指令可由电子设备600的处理器620执行以完成上述方法。例如，所述非临时性存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图7是根据一示例性实施例示出的一种电子设备700的框图。例如，电子设备700可以被提供为一服务器。参照图7，电子设备700包括处理组件722，其进一步包括一个或多个处理器，以及由存储器732所代表的存储器资源，用于存储可由处理组件722的执行的指令，例如应用程序。存储器732中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件722被配置为执行指令，以执行接收来自于目标客户端的消息信息，消息信息包括：目标客户端发送消息信息的发送时间，发送时间包括24小时制时间；将消息信息的24小时制时间与预设的颜色查询表进行匹配，确定消息信息对应的目标颜色值，颜色查询表包括：24小时制时间与颜色值之间的对应关系；在消息界面中，显示与目标颜色值对应的消息框，消息框中对应显示有目标颜色值的消息信息。
电子设备700还可以包括一个电源组件726被配置为执行电子设备700的电源管理，一个有线或无线网络接口750被配置为将电子设备700连接到网络，和一个输入输出(I/O)接口758。电子设备700可以操作基于存储在存储器732的操作系统，例如WindowsServerTM，Mac OS XTM，UnixTM，LinuxTM，FreeBSDTM或类似。
本发明实施例还提供一种应用程序，所述应用程序由电子设备的处理器执行时，实现如本发明提供的消息界面的展示方法。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本发明旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。
应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (10)
1.一种消息界面的展示方法，其特征在于，所述方法包括：
接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间；
将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系；
在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
2.根据权利要求1所述的方法，其特征在于，所述发送时间还包括：日期时间；所述消息信息的数量为多个；所述在消息界面中，显示与所述目标颜色值对应的消息框，包括：
在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域；
在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
3.根据权利要求2所述的方法，其特征在于，所述在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框，包括：
将所述展示区域中的消息信息，按照所述24小时制时间从早到晚的顺序进行排序；
显示与每个所述消息信息的目标颜色值对应的消息框。
4.根据权利要求1所述的方法，其特征在于，所述在消息界面中，显示与所述目标颜色值对应的消息框，包括：
提取所述消息界面的层叠样式表文件；
从所述层叠样式表文件中，确定所述消息信息的消息框对应的代码段落；
在接收到所述消息信息时，将所述代码段落中的显示颜色参数修改为所述目标颜色值。
5.根据权利要求1至4任一所述的方法，其特征在于，所述颜色查询表包括：第一24小时制时间范围与第一色调的颜色值之间的第一对应关系、第二24小时制时间范围与第二色调的颜色值之间的第二对应关系，以及第三24小时制时间范围与第三色调的颜色值之间的第一对应关系；
其中，第一24小时制时间范围为5:00至8:59的时间范围；第二24小时制时间范围为9:00至17:59的时间范围；第三24小时制时间范围为18:00至4:59的时间范围；
所述第一色调为中性色调，所述第二色调为暖色调，所述第三色调为冷色调。
6.根据权利要求1至4任一所述的方法，其特征在于，所述颜色值为16进制颜色值；
在所述对应关系中，所述颜色值随着24小时制时间的增大而增大。
7.一种消息界面的展示装置，其特征在于，所述装置包括：
接收模块，被配置为接收来自于目标客户端的消息信息，所述消息信息包括：所述目标客户端发送所述消息信息的发送时间，所述发送时间包括24小时制时间；
匹配模块，被配置为将所述消息信息的24小时制时间与预设的颜色查询表进行匹配，确定所述消息信息对应的目标颜色值，所述颜色查询表包括：24小时制时间与颜色值之间的对应关系；
展示模块，被配置为在消息界面中，显示与所述目标颜色值对应的消息框，所述消息框中对应显示有所述目标颜色值的消息信息。
8.根据权利要求7所述的装置，其特征在于，所述发送时间还包括：日期时间；所述消息信息的数量为多个；所述展示模块，包括：
添加子模块，被配置为在所述消息界面中，将具有相同的日期时间的消息信息，添加进所述日期时间对应的展示区域；
展示子模块，被配置为在所述展示区域中，显示与每个所述消息信息的目标颜色值对应的消息框。
9.一种电子设备，其特征在于，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至6中任一项所述的消息界面的展示方法的步骤。
10.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至6中任一项所述的消息界面的展示方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911275413.XA CN111158809A (zh) | 2019-12-12 | 2019-12-12 | 消息界面的展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911275413.XA CN111158809A (zh) | 2019-12-12 | 2019-12-12 | 消息界面的展示方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111158809A true CN111158809A (zh) | 2020-05-15 |
Family
ID=70557014
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911275413.XA Pending CN111158809A (zh) | 2019-12-12 | 2019-12-12 | 消息界面的展示方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111158809A (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105094549A (zh) * | 2015-07-20 | 2015-11-25 | 小米科技有限责任公司 | 显示消息的方法及装置 |
| CN105490913A (zh) * | 2014-09-16 | 2016-04-13 | 腾讯科技（深圳）有限公司 | 即时消息处理方法及装置 |
| EP3118847A1 (en) * | 2015-07-17 | 2017-01-18 | Xiaomi Inc. | Image displaying method, image displaying device, computer program and recording medium |
| CN106612227A (zh) * | 2015-10-23 | 2017-05-03 | 阿里巴巴集团控股有限公司 | 一种即时通讯消息显示的方法和设备 |
| CN109614186A (zh) * | 2018-11-29 | 2019-04-12 | 深圳市酷达通讯有限公司 | 应用程序色彩切换方法、系统及终端设备 |
-
2019
- 2019-12-12 CN CN201911275413.XA patent/CN111158809A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105490913A (zh) * | 2014-09-16 | 2016-04-13 | 腾讯科技（深圳）有限公司 | 即时消息处理方法及装置 |
| EP3118847A1 (en) * | 2015-07-17 | 2017-01-18 | Xiaomi Inc. | Image displaying method, image displaying device, computer program and recording medium |
| CN105094549A (zh) * | 2015-07-20 | 2015-11-25 | 小米科技有限责任公司 | 显示消息的方法及装置 |
| CN106612227A (zh) * | 2015-10-23 | 2017-05-03 | 阿里巴巴集团控股有限公司 | 一种即时通讯消息显示的方法和设备 |
| CN109614186A (zh) * | 2018-11-29 | 2019-04-12 | 深圳市酷达通讯有限公司 | 应用程序色彩切换方法、系统及终端设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106791893B (zh) | 视频直播方法及装置 | |
| CN108900693B (zh) | 窗口显示方法及装置 | |
| CN107438811B (zh) | 一种息屏显示方法及装置 | |
| CN109451341B (zh) | 视频播放方法、视频播放装置、电子设备及存储介质 | |
| CN108804179B (zh) | 显示通知栏消息的方法、装置、终端及存储介质 | |
| CN111857897A (zh) | 一种信息显示方法、装置及存储介质 | |
| CN106126725B (zh) | 页面显示方法及装置 | |
| CN104965452A (zh) | 智能插座开关状态显示方法和装置、智能终端和服务器 | |
| CN107566878B (zh) | 直播中显示图片的方法及装置 | |
| CN110046019A (zh) | 一种聊天信息查找方法、装置及电子设备 | |
| CN111459440A (zh) | 控制方法、控制装置、终端及可读存储介质 | |
| CN108650412B (zh) | 一种显示方法、显示装置和计算机可读存储介质 | |
| CN117119260A (zh) | 视频的控制处理方法及装置 | |
| CN111158809A (zh) | 消息界面的展示方法、装置、电子设备及存储介质 | |
| CN112019680A (zh) | 屏幕亮度调整方法及装置 | |
| CN104461303A (zh) | 调整界面的方法及装置 | |
| CN112684964B (zh) | 预览显示方法、装置、终端及存储介质 | |
| CN105335042B (zh) | 一种展现用户界面皮肤的方法、装置以及电子设备 | |
| CN111462284B (zh) | 动画生成方法、动画生成装置和电子设备 | |
| CN110069310B (zh) | 切换桌面壁纸的方法、装置及存储介质 | |
| CN112799772A (zh) | 一种控制界面显示的方法、装置及介质 | |
| CN112988296A (zh) | 界面显示方法、装置、终端设备及存储介质 | |
| CN111292393A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
| CN112433658A (zh) | 亮度调节方法、装置、设备和存储介质 | |
| CN112612438A (zh) | 外壳显示状态控制方法及装置、电子设备、存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200515 |