[发明专利]多维布局的自动对准

说明书

相关申请的交叉引用

本申请要求题为“AutomaticAlignmentofaMulti-DimensionalLayout”并且于2013年3月6日提交的美国临时申请No.61/773,548以及题为“AutomaticAlignmentofaMulti-DimensionalLayout”并且于2013年5月14日提交的美国专利申请No.13/894,327的权益，其中的每一个的整个内容通过引用合并于此。

技术领域

本公开涉及自动地对准多维布局。

背景技术

当将信息显示给用户时，可能难以以阵列元素对准出现并且在视觉上引人入胜的这样的方式将多个可变大小的内容元素对准成多维阵列(例如列)。例如，给定内容元素可以包含比相邻内容元素多的信息(例如，文本、图片等)，使元素具有不同的总体大小。此外，布局的每列可以包括具有不同大小的多个内容元素，这能够使列具有不同的总体高度并且出现未对准。当使用灵活布局时还可能使问题恶化，所述灵活布局能够响应于正被用来查看布局的视口的大小调整而调整正被显示的列的数目，并且因此调整由列所包含的内容。

发明内容

根据在本公开中描述的主题的一个创新方面，系统可以为内容流确定多个内容项并且对于内容项估计大小维度。系统可以通过基于大小维度将内容项放置到两个或更多个相邻容器中来确定多维布局，确定两个或更多个相邻容器之间的大小差，并且调整内容项中的一个或多个的方面以使两个或更多个容器的大小基本上相等。

一般而言，在本公开中描述的主题的另一创新方面可以用包括以下步骤的方法具体化：为内容流确定多个内容项；对于内容项估计大小维度；通过基于大小维度将内容项放置到两个或更多个相邻容器中来确定多维布局；确定两个或更多个相邻容器之间的大小差；以及调整内容项中的一个或多个的方面以使两个或更多个容器的大小基本上相等。

这些方面中的一个或多个的其它实施方式包括对应的系统、设备以及计算机程序，所述计算机程序被配置成执行方法的动作，被编码在计算机存储装置上。

这些和其它实施方式每个可以可选地包括以下特征中的一个或多个。例如，操作还可以进一步包括：调整内容项中的一个或多个的方面包括在两个或更多个相邻容器之间交换内容项中的两个或更多个；在两个或更多个相邻容器之间交换内容项中的两个或更多个包括确定对于两个或更多个内容项中的每一个的排名弹性测量满足预定阈值；调整内容项中的一个或多个的方面包括调整内容项中的一个或多个的高度；对于被指定为显示内容流中的多个内容项的视口确定视口属性；基于视口属性为多维布局确定列的数量；两个或更多个相邻容器中的每一个表示多维布局的列；渲染两个或更多个相邻容器；基于渲染为两个或更多个相邻容器中的每一个确定高度；两个或更多个相邻容器中的每一个表示多维布局的列并且确定两个或更多个相邻容器之间的大小差包括比较两个或更多个相邻容器中的每一个的高度；以及处理优化的布局以改进将来的多个内容项在将来的多维布局中的放置。

这些实施方式在许多方面是特别有利的。例如，本文中所描述的技术能够消除隐藏、裁剪或截断内容以便在视口的大小调整或新内容的添加后在布局的列之间创建对准的需要。另外，该技术可以在服务器和客户端上在多个列中渲染流项同时使它们之间的垂直空白最小化，基于窗口大小支持流项宽度的快速缩放和多个列之间的弹出，并且能够跨越多个列渲染某些候选项。然而，应该理解，上述特征和优点不是包括一切的，以及许多附加特征和优点被预期到并且落入本公开的范围内。而且，应该注意，本公开中使用的语言已被主要选择用于易读性和指示目的，并且不限制本文中所公开的主题的范围。

附图说明

本公开通过示例而不通过限制被图示在附图的图中，在附图中同样的附图标记被用来指代类似的元素。

图1是图示用于自动地对准多维布局的示例系统的框图。

图2A和图2B是图示示例应用服务器的框图。

图3A和图3B是图示示例客户端装置的框图。

图4是示出示例前端渲染引擎和示例后端渲染引擎的示例组件之间的交互的图。

图5是用于自动地确定并且优化多维布局的示例方法的流程图。

图6是用于优化预定初始布局的示例前端方法的流程图。

图7是用于确定初始布局的示例后端方法的流程图。

图8是用于将新帖子加载到内容流中的示例方法的流程图。

图9是图示示例初始布局的优化的图。