一种多人聊天页面实现方法
【技术领域】
[0001]本发明涉及聊天页面实现方法，特别涉及一种多人聊天页面实现方法。
【背景技术】
[0002]现有的多人协同生产内容的形式主要有论坛和群聊两种。论坛内容是静态的，不能实时讨论，需要手动刷新，才能看到新的消息。而群聊通过垂直列表的方式将所有聊天记录展示出来，不能直观清楚地分清具体是哪个用户的发言。
[0003]这两种信息展示的形式，都不能很好地适应当前实时的在手机上多人协作生产内容的方式。所以，需要一个更加高效、实时交互的沟通方式。
【发明内容】
[0004]本发明要解决的技术问题是，在同一时间，在同一个地点进行讨论，可以看到其他人的发言，并且能够更好地激发别人的想法。
[0005]解决上述技术问题，本发明提供了包括:一种多人聊天页面实现方法，包括，
[0006]建立空白聊天页面；
[0007]根据聊天的参加人数划分聊天区域，建立聊天方与聊天区域的对应关系；
[0008]在所述聊天页面中第一个进行聊天的聊天方对应的聊天区域突出显示；
[0009]当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示。
[0010]更进一步，当不切换聊天方时，当前进行聊天的聊天方对应的聊天区域保持突出显不ο
[0011]更进一步，将突出显示的聊天区域面积设置为最大。
[0012]更进一步，根据聊天的参加人数划分聊天区域的方法为:
[0013]通过水平切割线和/或垂直切割线对空白聊天页面进行划分，
[0014]将所述空白聊天页面划分为ΜX Ν个子页面，其中所述水平切割线Μ份水平等分，所述垂直切割线Ν份垂直等分。
[0015]更进一步，当突出显示的聊天区域面积确定后，通过所述平切割线和垂直切割线调整所述子页面的面积。
[0016]更进一步，首先调节平切割线的位置，再调节垂直切割线的位置。
[0017]更进一步，所述空白聊天页面为矩形，所述聊天区域为矩形。
[0018]更进一步，预设所述不同聊天的参加人数对应的划分聊天区域布局，当每次聊天方切换后，直接加载对应布局。
[0019]更进一步，所述每个聊天区域设置最大和最小的限制，所述聊天区面积变化时根据之前的大小按照比例缩小放大。
[0020]更进一步，所述参加人数为7人，对应划分的聊天区域为7个，其中当前聊天区域为1个。
[0021]本发明的有益效果:
[0022]1)由于建立空白聊天页面;根据聊天的参加人数划分聊天区域，建立聊天方与聊天区域的对应关系；在所述聊天页面中第一个进行聊天的聊天方对应的聊天区域突出显示；当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示。本发明的一种多人聊天页面实现方法，能够实现“挤挤页”的效果，有效地使得多人能够共时、共同生产信息内容，并通过很好的形式展现给信息聊天者。相当于通过7个人的视角来解构事件，看待世界。比传统论坛的线性结构更加实时，比群聊的展示方式更加高效，而且视觉效果更好。
【附图说明】
[0023]图1为本发明一实施例中多人聊天页面实现方法的实施方式示意图。
[0024]图2为图1中多人聊天页面实现方法的另一实施方式示意图。
[0025]图3为图1中多人聊天页面实现方法的另一实施方式示意图。
[0026]图4为本发明一实施例中根据聊天的参加人数划分聊天区域的方法示意图。
[0027]图5为本发明一优选实施例中多人聊天页面实现方法实施方式示意图。
[0028]图6为图1中多人聊天页面实现方法的一种优选实施方式示意图。
[0029]图7为本发明一优选实施例中多人聊天页面实现方法实施方式示意图。
[0030]图8为本发明另一优选实施例中多人聊天页面实现方法实施方式示意图。
[0031]图9(a)?图9(d)为本发明一实施例中多人聊天页面实现方法的具体实现方式示意图。
【具体实施方式】
[0032]为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明进一步详细说明。
[0033]图1本发明一实施例中多人聊天页面实现方法的实施方式示意图。
[0034]步骤包括:
[0035]步骤S101，建立空白聊天页面。在本技术领域中已知，可以使用多种方法建立空白页面，一般而言可以将空白页面建立在手机屏幕大小的聊天界面上，由此空白页面的大小并不受手机屏幕的限制，可以在平板电脑、台式电脑或者其它具有显示功能的屏幕上进行显示。或者，还可以建立在现有技术中的论坛(人数限制)或者群聊室中。
[0036]在步骤S102，根据聊天的参加人数划分聊天区域，建立聊天方与聊天区域的对应关系。一般的群聊聊天室中参加人数较多，但是基于“挤挤页”的显示效果，对参加人数会有一定的限制。在本技术领域中已知，划分聊天区域的形式，可以直接根据参加人数进行划分，也可以根据聊天的参加人的属性进行划分，聊天的参加人的属性包括但不限于:所属公司、所属工作性质、所属年龄段、所属职业等等。当然，也能够一位聊天的参加人对应一个聊天区域，比如家人或者朋友之间。
[0037]在步骤S103，在所述聊天页面中第一个进行聊天的聊天方对应的聊天区域突出显示。按照一般的聊天习惯，会有第一个进行聊天的聊天方，此时该聊天方对应的聊天区域会进行突出显示。在本技术领域中已知，可以将聊天看成是一种触发事件，以下进行的聊天也可以作为单独的触发事件进行处理。在第一个进行聊天的聊天方开始聊天时，会在聊天区域进行突出显示，以表示此时聊天正在哪一方进行发言。比如，当第一个进行聊天的聊天方发起了聊天，就会在聊天区域显示聊天的文字或者图片或者声音，此时聊天页面中的效果为对应的聊天区域突出显示，显示的方式可以是聊天区域冒泡的动画效果，或者聊天区闪烁的动画效果。
[0038]在步骤S104，当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示。切换聊天方是指，参加聊天的聊天方由第一个聊天人变化为第二个，第二个变化为第三个，第三个变化为第N个，同时参加聊天的聊天方可以重复发言进行聊天。当切换聊天方后，会触发一个效果即原本的聊天区域不发生变化，但是由于其余的聊天区域被触发，所以造成了原本的聊天区域被压缩，而切换到的该聊天方的对应的聊天区域的面积会变大，即当有任何一个聊天方进行切换聊天时，当前聊天方对应的聊天区域突出显示，页面中显示的是实时发言的特殊效果。
[0039]上述的实施例中提供了一种最简单的多人聊天页面实现方法，技术效果为:比传统论坛的线性结构更加实时，比群聊的展示方式更加高效，而且视觉效果更好。
[0040]图2为图1中多人聊天页面实现方法的另一实施方式示意图。
[0041]更进一步，还包括了步骤S105，当不切换聊天方时，当前进行聊天的聊天方对应的聊天区域保持突出显示。在本技术领域中已知，当不切换聊天方时，即不触发其它的事件，还是会按照之前的聊天方进行处理，对聊天方对应的聊天区域保持在突出显示的状态下，直到有其它的事件发生，再触发其它的聊天区域。
[0042]图3为图1中多人聊天页面实现方法的另一实施方式示意图。
[0043]更进一步，包括步骤S106将突出显示的聊天区域面积设置为最大。为了保证在多人聊天时，区分突出显示的区域，可以将突出显示的聊天区域面积设