[发明专利]自适应调整的界面流式布局显示的方法和系统

权利要求书

1.一种自适应调整的界面流式布局显示的方法，其特征在于，包括：

检测运行该浏览器的终端系统的分辨率值；

根据所述分辨率值，将在所述页面中预先设定像素值的单元格构建成竖向排列且布满所述页面的栅格；

读取所述栅格横向方向的总像素值，并结合预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，调整所述视频缩略图和视频分类标签的尺寸；

在所述栅格上将调整后的所述视频分类标签和视频缩略图以横向排列方式构成多个横向平行设置的视频分类行进行显示。

2.如权利要求1所述的自适应调整的界面流式布局显示的方法，其特征在于，

预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，进一步为：在不同的屏幕尺寸数值下以长度为1024像素的分辨率值为基准值，划定所述页面中所述视频缩略图的基准显示列数，并以该基准显示列数为定值获取不同分辨率值下所述视频缩略图的尺寸比例，建立所述视频缩略图的该基准显示列数与所述栅格横向方向总像素值的对应关系。

3.如权利要求2所述的自适应调整的界面流式布局显示的方法，其特征在于，

读取所述栅格横向方向的总像素值，并结合预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，调整所述视频缩略图和视频分类标签的尺寸，进一步为：读取所述栅格横向方向的总像素值，保持所述视频缩略图的基准显示列数不变，获取该总像素值下所述视频缩略图的横向长度像素尺寸，并根据所述视频缩略图固定的长宽像素比例，调整所述视频缩略图的尺寸，以及根据所述视频分类标签与所述视频缩略图的尺寸对应关系，调整所述视频分类标签的尺寸。

4.如权利要求3中所述的自适应调整的界面流式布局显示的方法，其特征在于，

调整后的所述视频分类标签和视频缩略图的实际尺寸大于调整前的所述视频分类标签和视频缩略图的实际尺寸。

5.如权利要求1所述的自适应调整的界面流式布局显示的方法，其特征在于，

在所述栅格上将调整后的所述视频分类标签和视频缩略图以横向排列方式构成多个横向平行设置的视频分类行进行显示，进一步为：在所述栅格上将调整后的所述视频分类标签置于最左侧，将对应该视频标签的调整后的所述视频缩略图按照从左至右的方式依次横向排列于所述视频标签右侧，构成多个横向平行设置的火车流形式的视频分类行进行显示。

6.一种自适应调整的界面流式布局显示的系统，与浏览器相耦接，其特征在于，该系统包括：检测单元、栅格单元、调整单元以及布局单元，其中，

所述检测单元，用于检测运行该浏览器的终端系统的分辨率值；

所述栅格单元，用于根据所述分辨率值，将在所述页面中预先设定像素值的单元格构建成竖向排列且布满所述页面的栅格；

所述调整单元，用于读取所述栅格横向方向的总像素值，并结合预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，调整所述视频缩略图和视频分类标签的尺寸；

所述布局单元，用于在所述栅格上将调整后的所述视频分类标签和视频缩略图以横向排列方式构成多个横向平行设置的视频分类行进行显示。

7.如权利要求6所述的自适应调整的界面流式布局显示的系统，其特征在于，

预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，进一步为：在不同的屏幕尺寸数值下以长度为1024像素的分辨率值为基准值，划定所述页面中所述视频缩略图的基准显示列数，并以该基准显示列数为定值获取不同分辨率值下所述视频缩略图的尺寸比例，建立所述视频缩略图的该基准显示列数与所述栅格横向方向总像素值的对应关系。

8.如权利要求7所述的自适应调整的界面流式布局显示的系统，其特征在于，

所述调整单元，进一步用于：读取所述栅格横向方向的总像素值，保持所述视频缩略图的基准显示列数不变，获取该总像素值下所述视频缩略图的横向长度像素尺寸，并根据所述视频缩略图固定的长宽像素比例，调整所述视频缩略图的尺寸，以及根据所述视频分类标签与所述视频缩略图的尺寸对应关系，调整所述视频分类标签的像素尺寸尺寸。

9.如权利要求8中所述的自适应调整的界面流式布局显示的系统，其特征在于，

调整后的所述视频分类标签和视频缩略图的实际尺寸大于调整前的所述视频分类标签和视频缩略图的实际尺寸。

10.如权利要求9所述的自适应调整的界面流式布局显示的系统，其特征在于，

所述布局单元，进一步用于：在所述栅格上将调整后的所述视频分类标签置于最左侧，将对应该视频标签的调整后的所述视频缩略图按照从左至右的方式依次横向排列于所述视频标签右侧，构成多个横向平行设置的火车流形式的视频分类行进行显示。