PTTools这款PT助手最近上线了一个新的功能“影视瀑布”，相信很多热爱PT的小伙伴，一定很好奇这个功能是怎么实现的。为此小编特意去请教了一下PTTools的作者。了解了不少实现此功能的一些信息，下面就跟着小编来看看如何实现瀑布流的功能把。
PTTools瀑布流的效果图如下
由图可以看出pttools的PT瀑布流并不能算是真正的瀑布流。因为瀑布流是视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。而PTTools的PT瀑布流展现出来的视觉效果，是横平竖直的。
PTTools的作者表示，考虑到PT网站大多为电影网站，所以采用了类似 公网网站的影视图片效果。因为这样更方便观看。毕竟不是纯图片类的展示，可以看到图片上有很多自定义的信息，例如 类型、IMDB、种子大小、优惠信息、以及人数相关等等。如果采用参差不齐的多栏布局，会使得页面变的非常不具备观赏性，也就丧失了瀑布流应有的意义。
通过和PTTools的作者沟通，我们得知了具体实现的原理。首先图片上看到的这个样式布局，其实就是一个web网页，让后工具通过生成相应的HTML代码，写入到本地。再通过工具内置的网页浏览器直接访问。就可以得出以上的效果了。
当小编知道了原理后，发现实现起来并不难，只要会写HTML模板即可。其它就是简单的文本替换操作了。于是小编又向作者请教了下一些注意事项，PTTools的作者表示：其实生成HTML页面并显示并不是技术难点，真正困难的是图片缓存这块。因为公网的图片基本上都是采用图床形式展现的，如果直接拿来用于瀑布流的展示非常不友好。
首先加载速度是个问题，尤其是国外的图床，国内访问的话会非常慢。而且部分图片会非常大，比如1920*1080 的图片也会下载下来，那么我们瀑布流的宽度是固定的。例如只有300px，如果直接使用1080px的图片会显得非常浪费的。因为图片过大，并且网速有限，会非常影响用户体验度。
所以，作者的建议是，做好能自己做一个图床，缓存所有图片信息并上传。再上传的时候，缩放好图片，并且压缩好大小，最好采用谷歌的wbep的格式。这样，用户在访问图片的时候，直接调用你的图床文件。这样速度有了保证，效率也就提高了上来。对于最终整体用户体验度来看，是非常不错的。
只是这样做的话，耗时耗力，在有服务器的情况可以这样才做，只需要写好对应的服务端，自动处理图片即可。再采用CDN加速机制。这样用户端自动调用服务器上的图片。速度就会非常快了。
CDN流量使用情况
因为采用了CDN缓存的原因，所以流量费是一笔额外的开支。这里需要小伙伴们注意，请合理安排好流量相关事宜。
转载自原文链接, 如需删除请联系管理员。
原文链接：深入分析PTTools这款PT助手的瀑布流功能，转载请注明来源！