一种多图浏览提示方法及装置制造方法及图纸

本发明专利技术公开了一种多图浏览提示方法及装置，属于图像界面领域。所述方法包括：加载浏览进度条，当用户切换图片后，获取用户进行切换后得到的当前页的图片的页码，根据所述当前页的图片的页码和所述当前页所属的当前组图片的总页数计算所述变化部分在所述浏览进度条中所占的变化比例，并根据所述变化比例在所述浏览进度条中显示所述变化部分。本发明专利技术通过使用浏览进度条对用户浏览多图时进行提示，每切换一张图片，浏览进度条中的变化部分就会按照计算得出的比例进行变化，使用户能够直观的看到图片的总数，并且可以会意到当前的图片大概是第几张，不会受到图片总数的影响，同时也可以很好的过渡横向满屏的图片和下方元素的衔接，不会出现断层现象。

【技术实现步骤摘要】
一种多图浏览提示方法及装置
本专利技术涉及图像界面领域，特别涉及一种多图浏览提示方法及装置。
技术介绍
目前在很多平台上进行图片浏览时，平台均会提供多图浏览的提示功能，以使得用户可以通过提示直观的观察当前组图片的总页数，以及用户正在查看的图片在当前组图片中的位置或页数。例如，在iPhone平台下浏览多图时，在图片底部会使用多点以示意图片张数，并强调当前图片对应的点示意当前张，对于用户对多图的浏览提示较直观。在实现本专利技术的过程中，专利技术人发现现有技术至少存在以下问题：使用现有的使用多点示意图片张数的方式，如果网页中的图片过多，尤其是达到20张以上，多点与图片页数之间的一一对应的关系就很难体现，而实际情况是门户网站的图片经常会遇到20张以上的组图，并且在页面展现上当图片是横向撑开满屏的情况下，如果图片下方的元素也是横向撑开满屏的时候，若用多点提示，就会出现断层现象。
技术实现思路
为了解决现有的使用多点示意图片张数的方法存在的问题，本专利技术实施例提供了一种多图浏览提示方法及装置。所述技术方案如下：一种多图浏览提示方法，应用于终端中横向满屏加载图片，所述方法包括：当加载当前组图片中的第一页图片时，在所述第一页图片的下方显示浏览进度条，并初始化所述浏览进度条中的变化部分占所述浏览进度条的总长度比例为0；其中，所述浏览进度条的长度与图片显示区域的长度相同；当用户切换图片后，获取所述用户进行切换后得到的当前页的图片的页码P；根据所述当前页的图片的页码P和所述当前页所属的当前组图片的总页数Q计算得到所述变化部分在所述浏览进度条中所占的变化比例M＝(P-1)/(Q-1)，并根据所述变化比例M在所述浏览进度条中显示所述变化部分；其中，所述变化部分为在所述浏览进度条上进行显示并且相对于所述浏览进度条的显示效果具有变化且连续的部分，所述变化部分可区别于所述浏览进度条部分；当所述当前页不是所述当前组图片中的最后一页时，在所述当前页的图片的右下方显示第一标记；其中，所述第一标记用于提示所述用户浏览下一张图片，还用于在被所述用户点击后滚动显示到下一张图片；当所述当前页不是所述当前组图片中的第一页时，在所述当前页的图片的左下方显示第二标记；其中，所述第二标记用于提示所述用户浏览上一张图片，还用于在被所述用户点击后滚动显示到上一张图片。一种多图浏览提示装置，应用于终端中横向满屏加载图片，所述装置包括：进度条加载模块，用于当加载当前组图片中的第一页图片时，在所述第一页图片的下方显示浏览进度条；其中，所述浏览进度条的长度与图片显示区域的长度相同；初始化模块，用于初始化所述浏览进度条中的变化部分占所述浏览进度条的总长度比例为0；页码获取模块，用于当用户切换图片后，获取所述用户进行切换后得到的当前页的图片的页码P；变化模块，用于根据所述当前页的图片的页码P和所述当前页所属的当前组图片的总页数Q计算得到所述变化部分在所述浏览进度条中所占的变化比例M＝(P-1)/(Q-1)，并根据所述变化比例M在所述浏览进度条中显示所述变化部分；其中，所述变化部分为在所述浏览进度条上进行显示并且相对于所述浏览进度条的显示效果具有变化且连续的部分，所述变化部分可区别于所述浏览进度条部分；第一标记显示模块，用于当所述当前页不是所述当前组图片中的最后一页时，在所述当前页的图片的右下方显示第一标记；其中，所述第一标记用于提示所述用户浏览下一张图片，还用于在被所述用户点击后滚动显示到下一张图片；第二标记显示模块，用于当所述当前页不是所述当前组图片中的第一页时，在所述当前页的图片的左下方显示第二标记；其中，所述第二标记用于提示所述用户浏览上一张图片，还用于在被所述用户点击后滚动显示到上一张图片。本专利技术实施例提供的技术方案带来的有益效果是：通过使用浏览进度条对用户浏览多图时进行提示，每切换一张图片，浏览进度条中的变化部分就会按照计算得出的比例进行变化，使得用户可以很直观的看到图片的总数，并且可以会意到当前的图片大概是第几张，不会受到图片总数的影响，同时也可以很好的过渡横向满屏的图片和下方元素的衔接，不会出现断层现象。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例1中提供的一种多图浏览提示方法的流程示意图；图2是本专利技术实施例2中提供的一种多图浏览提示方法的流程示意图；图3是本专利技术实施例2中提供的加载浏览进度条后的图片显示效果；图4是本专利技术实施例2中提供的对浏览进度条进行等分的示意图；图5是本专利技术实施例2中提供的浏览下一张图片时浏览进度条的示意图；图6是本专利技术实施例2中提供的切换图片后的多图浏览示意图；图7是本专利技术实施例2中提供的浏览最后一张图片时的多图浏览示意图；图8是本专利技术实施例3中提供的一种多图浏览提示装置的结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。实施例1由图1所示，本实施例提供了一种多图浏览提示方法，该方法包括如下步骤：101、加载浏览进度条，并初始化浏览进度条中的变化部分占浏览进度条的总长度比例为0；102、当用户切换图片后，获取用户进行切换后得到的当前页的图片的页码；103、根据当前页的图片的页码和当前页所属的当前组图片的总页数计算变化部分在浏览进度条中所占的变化比例，并根据上述变化比例在浏览进度条中显示变化部分。本专利技术实施例提供了一种多图浏览提示方法，通过使用浏览进度条对用户浏览多图时进行提示，每切换一张图片，浏览进度条中的变化部分就会按照计算得出的比例进行变化，使得用户可以很直观的看到图片的总数，并且可以会意到当前的图片大概是第几张，不会受到图片总数的影响，同时也可以很好的过渡横向满屏的图片和下方元素的衔接，不会出现断层现象。实施例2本实施例2提供了一种多图浏览提示方法，是在实施例1的基础之上进行的改进。需要说明的是，本实施例所提供的方法可应用于各种平台，只要是进行多图浏览即可使用该方法。在本实施例中，在对多图浏览提示方法进行说明时，以在IPhone平台下为例进行说明。进一步地，变化部分具体地为在浏览进度条上进行显示并且相对于浏览进度条的显示效果具有变化且连续的部分，变化部分可区别于浏览进度条部分，例如变化部分可以包括形状变化部分、变色部分，在本实施例2中，优选地使用变色部分作为变化部分进行说明，但是不能限定变化部分的具体形式。由图2所示，一种多图浏览提示方法，具体包括如下步骤：201、加载浏览进度条，并初始化变色部分占浏览进度条的总长度比例为0；在本实施例中，以在IPhone手机屏幕上进行显示为例进行说明，设置当用户浏览当前组图片时，当前组的每张图片的长度相同，且宽度等于320像素，此时，图片长度也为320像素。一般地，当用户初次浏览当前组图片时，在加载当前组图片时首先显示第一页。进一步地，如图3所示，加载浏览进度条具体的为：当加载当前组图片中的第一页时，在第一页的右下方显示第一提示标记，在第一页的下方显示浏览进度条，且浏览进度条的长度与图片显示区域的长度相同；在本实施例本文档来自技高网...

【技术保护点】
一种多图浏览提示方法，其特征在于，所述方法包括：加载浏览进度条，并初始化所述浏览进度条中的变化部分占所述浏览进度条的总长度比例为0；当用户切换图片后，获取所述用户进行切换后得到的当前页的图片的页码；根据所述当前页的图片的页码和所述当前页所属的当前组图片的总页数计算所述变化部分在所述浏览进度条中所占的变化比例，并根据所述变化比例在所述浏览进度条中显示所述变化部分。

【技术特征摘要】
1.一种多图浏览提示方法，其特征在于，应用于终端中横向满屏加载图片，所述方法包括：当加载当前组图片中的第一页图片时，在所述第一页图片的下方显示浏览进度条，并初始化所述浏览进度条中的变化部分占所述浏览进度条的总长度比例为0；其中，所述浏览进度条的长度与图片显示区域的长度相同；当用户切换图片后，获取所述用户进行切换后得到的当前页的图片的页码P；根据所述当前页的图片的页码P和所述当前页所属的当前组图片的总页数Q计算得到所述变化部分在所述浏览进度条中所占的变化比例M＝(P-1)/(Q-1)，并根据所述变化比例M在所述浏览进度条中显示所述变化部分；其中，所述变化部分为在所述浏览进度条上进行显示并且相对于所述浏览进度条的显示效果具有变化且连续的部分，所述变化部分可区别于所述浏览进度条部分；当所述当前页不是所述当前组图片中的最后一页时，在所述当前页的图片的右下方显示第一标记；其中，所述第一标记用于提示所述用户浏览下一张图片，还用于在被所述用户点击后滚动显示到下一张图片；当所述当前页不是所述当前组图片中的第一页时，在所述当前页的图片的左下方显示第二标记；其中，所述第二标记用于提示所述用户浏览上一张图片，还用于在被所述用户点击后滚动显示到上一张图片。2.一种多图浏览提示装置，其特征在于，应用于终端中...

【专利技术属性】
技术研发人员：张晶，张晨，陈单枝，刘宇飞，叶军，李美娜，李杨，马群立，刘念，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：