[发明专利]显示方法及装置

说明书

本发明公开揭示了一种显示方法及装置，属于图像处理领域。该方法包括：将N个显示图像并列显示，N个显示图像中包括一个处于展开状态的显示图像和N‑1个处于重叠状态的显示图像，N为正整数，当第i个显示图像处于展开状态时，在与第i个显示图像对应的第一显示区域内对第i个显示图像的全部内容进行显示，1≤i≤N，当第j个显示图像处于重叠状态时，在与第j个显示图像对应的，小于第一显示区域的第二显示区域内对第j个显示图像中的视觉焦点内容进行显示，1≤j≤N；解决了终端的浏览器使用平铺的方式显示图像而占据很大的页面空间的问题；达到了将没有被查看的显示图像在较小的区域内重叠显示，既不影响用户浏览，又节约了页面空间的效果。

技术领域

本公开涉及图像处理领域，特别涉及一种显示方法及装置。

背景技术

终端的浏览器在显示多张图片时，通常是以平铺的方式进行显示。

浏览器将每张图片在各自对应的显示区域内进行显示，根据显示区域的大小调整图片的缩放比例，使图片在显示区域内显示全部内容，不同的显示区域以平铺的方式进行排列。

当终端的浏览器需要显示的图片数量很多时，图片以平铺的方式进行显示需要占据很大的页面空间。

发明内容

为了解决浏览器以平铺方式显示多张图片时占据很大的页面空间的问题，本公开提供一种显示方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种显示方法，该方法包括：

将N个显示图像并列显示，N个显示图像中包括一个处于展开状态的显示图像和N-1个处于重叠状态的显示图像，N为正整数；

当N个显示图像中的第i个显示图像处于展开状态时，在与第i个显示图像对应的第一显示区域内对第i个显示图像的全部内容进行显示，1≤i≤N；

当N个显示图像中的第j个显示图像处于重叠状态时，在与第j个显示图像对应的第二显示区域内对第j个显示图像中的视觉焦点内容进行显示，第二显示区域小于第一显示区域，1≤j≤N。

可选的，该方法还包括：

接收触发信息；

当第j个显示图像处于重叠状态，且触发信息位于与第j个显示图像对应的第二显示区域内时，将第j个显示图像从重叠状态切换至展开状态；

当第i个显示图像处于展开状态，且触发信息位于与第i个显示图像对应的第一显示区域外时，将第i个显示图像从展开状态切换至重叠状态。

可选的，当N个显示图像中的第j个显示图像处于重叠状态时，在第二显示区域内对第j个显示图像中的视觉焦点内容进行显示，包括：

确定第一位置信息，第一位置信息是第j个显示图像处于重叠状态时的默认显示位置的位置信息；

获取第j个显示图像中视觉焦点内容的第二位置信息；

将第j个显示图像的显示位置的位置信息由第一位置信息修改为第二位置信息，当N个显示图像中的第j个显示图像处于重叠状态时，使第j个显示图像中的视觉焦点内容在第二显示区域内进行显示。

可选的，将第j个显示图像从重叠状态切换至展开状态，包括：

根据第一位置信息和第二位置信息确定位移信息；

在将第j个显示图像从重叠状态切换至展开状态时，根据位移信息移动第j个显示图像，使第j个显示图像在与第j个显示图像对应的第一显示区域内进行完整显示。

可选的，根据位移信息移动第j个显示图像，包括：

将位移信息作为调用参数，调用层叠样式表CSS3的变形处理属性中的平移变换函数；