显示方法及装置制造方法及图纸

本发明专利技术公开揭示了一种显示方法及装置，属于图像处理领域。该方法包括：将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的变形处理属性中的平移变换函数；通过平移变换函数以过渡效果移动第j个显示图像。可选的，根据位移信息移动第j个显示图像，包括：通过JavaScript配置时间周期和移动参数，移动参数用于指示在一个时间周期内对第j个显示图像的位置属性进行移动的移动量；根据位移信息和移动参数确定时间周期的个数；根据时间周期的个数对第j个显示图像的位置属性进行若干次移动。根据本公开实施例的第二方面，提供一种显示装置，该装置包括：第一显示模块，用于将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个显示图像从展开状态切换至重叠状态。可选的，第三显示模块，包括：第一确定子模块，用于确定第一位置信息，第一位置信息是第j个显示图像处于重叠状态时的默认显示位置的位置信息；获取子模块，用于获取第j个显示图像中视觉焦点内容的第二位置信息；显示子模块，用于将所述第j个显示图像的显示位置的位置信息由第一位置信息修改为第二位置信息，当所述N个显示图像中的第j个显示图像处于所述重叠状态时，使第j个显示图像中的视觉焦点内容在第二显示区域内进行显示。可选的，第一处理模块包括：第三确定子模块，用于根据第一位置信息和第二位置信息确定位移信息；第二处理子模块，用于在将第j个显示图像从重叠状态切换至展开状态时，根据位移信息移动第j个显示图像，使第j个显示图像在与第j个显示图像对应的第一显示区域内进行完整显示。可选的，第二处理子模块包括：调用子模块，用于将位移信息作为调用参数，调用层叠样式表CSS3的变形处理属性中的平移变换函数；第一移动子模块，通过平移变换函数以过渡效果移动第j个显示图像。可选的，第二处理子模块包括：配置子模块，用于通过JavaScript配置时间周期和移动参数，移动参数用于指示在一个时间周期内对第j个显示图像的位置属性进行移动的移动量；第四确定子模块，用于根据位移信息和移动参数确定时间周期的个数；第二移动子模块，用于根据时间周期的个数对第j个显示图像的位置属性进行若干次移动。本公开的实施例提供的技术方案可以包括以下有益效果：通过将N个显示图像并列显示，N个显示图像中包括一个处于展开状态的显示图像和N-1个处于重叠状态的显示图像，N为正整数，当N个显示图像中的第i个显示图像处于展开状态时，在与第i个显示图像对应的第一显示区域内对第i个显示图像的全部内容进行显示，1≤i≤N，当N个显示图像中的第j个显示图像处于重叠状态时，在与第j个显示图像对应的第二显示区域内对第j个显示图像中的视觉焦点内容进行显示，第二显示区域小于第一显示区域，1≤j≤N；解决了当终端的浏览器使用平铺的方式显示大量照片时，占据很大的页面空间的问题；达到了将没有被查看的显示图像重叠，只在较小的显示区域内显示视觉焦点内容，既不影响用户浏览，又节约了页面空间的效果。应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并于说明书一起用于解释本公开的原理。图1是根据一示例性实施例示出的一种显示方法的流程图；图2是根据另一示例性实施例示出的一种显示方法的流程图；图3A是根据另一示例性实施例示出的一种显示效果示意图；图3B是根据另一示例性实施例示出的一种显示效果示意图；图4是根据另一示例性实施例示出的一种显示效果示意图；图5是根据另一示例性实施例示出的一种显示方法的流程图；图6是根据另一示例性实施例示出的一种显示效果示意图；图7是根据另一示例性实施例示出的一种显示方法的流程图；图8是根据另一示例性实施例示出的一种显示效果示意图；图9是根据另一示例性实施例示出的一种显示方法的流程图；图10是根据另一示例性实施例示出的一种显示方法的流程图；图11是根据另一示例性实施例示出的一种显示效果示意图；图12是根据一示例性实施例示出的一种显示装置的框图；图13是根据另一示例性实施例示出的一种显示装本文档来自技高网...

【技术保护点】
一种显示方法，其特征在于，所述方法包括：将N个显示图像并列显示，所述N个显示图像中包括一个处于展开状态的显示图像和N‑1个处于重叠状态的显示图像，N为正整数；当所述N个显示图像中的第i个显示图像处于所述展开状态时，在与所述第i个显示图像对应的第一显示区域内对所述第i个显示图像的全部内容进行显示，1≤i≤N；当所述N个显示图像中的第j个显示图像处于所述重叠状态时，在与所述第j个显示图像对应的第二显示区域内对所述第j个显示图像中的视觉焦点内容进行显示，所述第二显示区域小于所述第一显示区域，1≤j≤N。

【技术特征摘要】
1.一种显示方法，其特征在于，所述方法包括：将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个显示图像从所述展开状态切换至所述重叠状态。2.根据权利要求1所述的方法，其特征在于，所述当所述N个显示图像中的第j个显示图像处于所述重叠状态时，在第二显示区域内对所述第j个显示图像中的视觉焦点内容进行显示，包括：确定第一位置信息，所述第一位置信息是所述第j个显示图像处于所述重叠状态时的默认显示位置的位置信息；获取所述第j个显示图像中所述视觉焦点内容的第二位置信息；将所述第j个显示图像的显示位置的位置信息由第一位置信息修改为第二位置信息，当所述N个显示图像中的第j个显示图像处于所述重叠状态时，使所述第j个显示图像中的所述视觉焦点内容在所述第二显示区域内进行显示。3.根据权利要求2所述的方法，其特征在于，所述将所述第j个显示图像从所述重叠状态切换至所述展开状态，包括：根据所述第一位置信息和所述第二位置信息确定位移信息；在将所述第j个显示图像从所述重叠状态切换至所述展开状态时，根据所述位移信息移动所述第j个显示图像，使所述第j个显示图像在与所述第j个显示图像对应的第一显示区域内进行完整显示。4.根据权利要求3所述的方法，其特征在于，所述根据所述位移信息移动所述第j个显示图像，包括：将所述位移信息作为调用参数，调用层叠样式表CSS3的变形处理属性中的平移变换函数；通过所述平移变换函数以过渡效果移动所述第j个显示图像。5.根据权利要求3所述的方法，其特征在于，所述根据所述位移信息移动所述第j个显示图像，包括：通过JavaScript配置时间周期和移动参数，所述移动参数用于指示在一个时间周期内对所述第j个显示图像的位置属性进行移动的移动量；根据所述位移信息和所述移动参数确定所述时间周期的个数；根据所述时间周期的个数对所述第j个显示图像的位置属性进行若干次移动。6.一种显示装置，其特征在于，所述装置包括：...

【专利技术属性】
技术研发人员：王发靖，
申请(专利权)人：广州酷狗计算机科技有限公司，
类型：发明
国别省市：广东;44