一个进行聊天的聊天方对应的聊天区域突出显示
[0076]步骤S602，将所述聊天区域为矩形，
[0077]步骤S104，当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示，
[0078]步骤S701，预设所述不同聊天的参加人数对应的划分聊天区域布局
[0079]步骤S702，当每次聊天方切换后，直接加载对应布局
[0080]步骤S105，当不切换聊天方时，当前进行聊天的聊天方对应的聊天区域保持突出显示
[0081]步骤S106，将突出显示的聊天区域面积设置为最大
[0082]作为本实施例中的优选，所述参加人数为7人，对应划分的聊天区域为7个，其中当前聊天区域为1个，以下以参加人数为7人，对应划分的聊天区域为7个，其中当前聊天区域为1个，对本实施例进行具体的说明。具体的如图9(a)、图9(b)、图9(c)、图9(d)所示，为本发明一实施例中多人聊天页面实现方法的具体实现方式示意图。
[0083]如图9(a)所示，挤挤页是一个矩形，目前是被切分成7个小方块，分别标记为0?6。
[0084]如图9(d)所示，目前2号方块为背景为灰色，表示的是聊天区域保持突出显示状态即高亮状态，而白色的方块是普通状态。高亮状态和普通状态主要的区别是方块的大小。高亮状态的块是整个结构的7个方块中最大的一块;普通状态的方块则按照相关规则确定大小，在7个方块中，有且仅有一个高亮方块。
[0085]在图9(b)中，水平线表示的是从上往下分别标记为h0，hl，h2和h3。图9(b)和图9(c)中，垂直线表示的是从左往右分别标记为vO，vl。所以，水平线和垂直线结合，将矩阵切割为7个方块，通过记录这几根线的位置信息，即可算出方块0?6的每个方块的大小及位置。
[0086]当收到某个信号，导致方块发生状态会发生变换，如在图9(d)中，左边的突出显示状态即高亮状态图形是方块2，要将高亮方块变为方块3(即右边的图形)，则方块3要变大，其它块会做相应的缩小。
[0087]执行上述操作的伪代码:
[0088]func updateViewLayoutByHighlightldx(nextHightlightldx)begin
[0089]updateSizeOfNextHighlightCell(nextHightlightldx)
[0090]adjustHorizonalLines()
[0091]adjustVerticalLines()
[0092]updateLayoutffithLines()
[0093]end
[0094]其中，
[0095]1.updateSizeOfNextHighlightCe11
[0096]设置高亮方块的大小为最大。
[0097]i1.adjustHorizonalLines
[0098]根据之前定义的矩形切割规则，根据更新的高亮方块尺寸，调整水平线的位置。根据观察可以知道，可以先根据整体调整h0和hi的位置，然后确定hi的位置后，h2和h3可以单独处理。调整的规则是:(突出显示状态)高亮方块(聊天区域)的尺寸不变，其它的方块(聊天区域)按照当前高度的比例，做相应缩放，但是保证有一个最小尺寸(maxCe 11 Width，maxCellHeight)。因为每个方块都会有最大/最小的限制，具体地，本技术领域中可知，可以通过迭代几次缩放函数，完成约束。
[0099]ii1.adjustVerticalLines
[0100]垂直线大处理就比较简单，每行只有2个方块(聊天区域)，调整一个方块宽度，另外一个相应缩小。
[0101]iv.updateLayoutffithLines
[0102]根据确认的垂直线和水平线的位置，可以得到7个方块的大小和位置。从而得到7个方块的新布局。
[0103]上述步骤中，先通过一定的切割规则，将矩形内7个方块的分割线抽象成水平/垂直两部分，这个切割，是为了简化计算，以及方块的动画变化更合理自然，避免出现方块变换时候交叉重叠。有变化时候，分别调整水平/垂直线的位置。每个方块有最大/最小的限制，缩放时候根据之前的大小按照比例缩放。按照比例变化是为了使得前后的位置更自然连贯。根据调整完线的位置，结合切割规则，得到7个方块新的布局。
[0104]所属领域的普通技术人员应当理解:以上，所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【主权项】
1.一种多人聊天页面实现方法，其特征在于包括， 建立空白聊天页面； 根据聊天的参加人数划分聊天区域，建立聊天方与聊天区域的对应关系； 在所述聊天页面中第一个进行聊天的聊天方对应的聊天区域突出显示； 当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示。2.根据权利要求1所述的多人聊天页面实现方法，其特征在于，当不切换聊天方时，当前进行聊天的聊天方对应的聊天区域保持突出显示。3.根据权利要求1所述的多人聊天页面实现方法，其特征在于，将突出显示的聊天区域面积设置为最大。4.根据权利要求1所述的多人聊天页面实现方法，其特征在于，根据聊天的参加人数划分聊天区域的方法为: 通过水平切割线和/或垂直切割线对空白聊天页面进行划分， 将所述空白聊天页面划分为MxN个子页面，其中所述水平切割线Μ份水平等分，所述垂直切割线Ν份垂直等分。5.根据权利要求4所述的多人聊天页面实现方法，其特征在于，当突出显示的聊天区域面积确定后，通过所述平切割线和垂直切割线调整所述子页面的面积。6.根据权利要求5所述的多人聊天页面实现方法，其特征在于，首先调节平切割线的位置，再调节垂直切割线的位置。7.根据权利要求1所述的多人聊天页面实现方法，其特征在于，所述空白聊天页面为矩形，所述聊天区域为矩形。8.根据权利要求1所述的多人聊天页面实现方法，其特征在于，预设所述不同聊天的参加人数对应的划分聊天区域布局，当每次聊天方切换后，直接加载对应布局。9.根据权利要求1?8任一项所述的多人聊天页面实现方法，其特征在于，所述每个聊天区域设置最大和最小的限制，所述聊天区面积变化时根据之前的大小按照比例缩小放大。10.根据权利要求1?8任一项所述的多人聊天页面实现方法，其特征在于，所述参加人数为7人，对应划分的聊天区域为7个，其中当前聊天区域为1个。
【专利摘要】本发明公开了一种多人聊天页面实现方法，包括：建立空白聊天页面；根据聊天的参加人数划分聊天区域，建立聊天方与聊天区域的对应关系；在所述聊天页面中第一个进行聊天的聊天方对应的聊天区域突出显示；当切换聊天方时，触发聊天区域的面积发生变化，其中当前聊天方对应的聊天区域突出显示。本发明的一种多人聊天页面实现方法，能够实现“挤挤页”的效果，有效地使得多人能够共时、共同生产信息内容，并通过很好的形式展现给信息聊天者。相当于通过7个人的视角来解构事件，看待世界。比传统论坛的线性结构更加实时，比群聊的展示方式更加高效，而且视觉效果更好。
【IPC分类】G06F3/0483
【公开号】CN105468244
【申请号】CN201510921159
【发明人】王欣莹
【申请人】俺朋堂（北京）网络科技有限公司
【公开日】2016年4月6日
【申请日】2015年12月11日