文档章节

图片瀑布流 之 原比例恰好完整地显示图片的思路

1
 1天天天天1
发布于 2014/10/10 14:46
字数 258
阅读 47
收藏 0

不规则图片显示(瀑布流)

http请求过程:

Step1 请求包含图片url在内的一组信息对象;

Step2 由图片url显示图片;

======================

原比例恰好完整地显示图片的思路

1、根据限定宽/高(依赖设备)算出bitmap的宽高,再确定ImageView的宽高;

缺点:得到bitmap才能知道布局的宽高,图片加载前后布局明显跳动。

解决方案:将原图宽高与图片url一起作为第一次http请求的返回值

即,在http Step1中的对象添入那一组信息对象

2、谁还有其他思路吗?

 

 

 

 ===============

思路2

看别人代码想到的

BitmapFactory.Options options = new BitmapFactory.Options(); 
options.inJustDecodeBounds = true;  //仅仅解码边缘区域 

BitmapFactory.decodeStream(conn.getInputSteam(),null,options);

得到图片原始尺寸,但是在添加布局(主线程)时插入了另一次http请求,所以布局还是有跳动,但较不使用还是有点效果的。

 

© 著作权归作者所有

共有 人打赏支持
1
粉丝 0
博文 4
码字总数 2123
作品 0
无锡
程序员
私信 提问
小程序之图片瀑布流(最全实现方式,额外加送懒加载)

效果图 来来来,看啊看,外面的世界多好看, 效果图展示的是瀑布流布局 && 懒加载的效果 数据 图片数据来源张鑫旭的网络日志 先说下我们的图片链接格式 所有的链接都是这样的格式,我们需要改...

小心夹手
05/11
0
0
JavaScript 实现图片横向瀑布流布局

最近在做一个小程序项目,在 UI 上借鉴了一下其他 App 设计,其中有一个图片横向布局铺满的 UI 感觉挺好看的,类似于传统的瀑布流布局横过来一样。于是就自己实现了一下,并且将原本的横向两...

君未来我已老
02/04
0
0
网页瀑布流效果实现的几种方式

前言 like a mountain that is in our path,wo cannot complain that it is there,we simply have to climb it 起由 最近,在搭建个人博客时,其中的Demo展示页面想用瀑布流形式展现,发现现有...

撒网要见鱼
2016/11/13
0
0
瀑布流--涉及图片

如何实现瀑布流 用position: absolute布局,然后计算top,left 首先,将容器分成几列,记录高度 往最矮的列添加一个item 以上的都是很简单的实现思想,而今天的重点是item涉及图片的时候,或...

临江若仙
2015/10/09
94
0
瀑布流布局与木桶布局

瀑布流布局 在瀑布流布局中,每一个元素的宽度相同,高度不同,下图中的数字表示图片被添加的顺序,每次添加新的图片时,都将其放在高度最小的一栏,以保证每一栏的高度尽可能相近。 思路 假...

_Dot大师兄
2017/09/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
52分钟前
9
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
9
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
8
0
在PC上测试移动端网站和模拟手机浏览器的5大方法

总结很全面,保存下来以备不时之需。原文地址:https://www.cnblogs.com/coolfeng/p/4708942.html

kitty1116
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部