文档章节

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

1
 1天天天天1
发布于 2014/10/10 14:46
字数 258
阅读 46
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Memcached启动参数详解

memcached -d -m 1024 -l 192.168.100.101 -p 11211 -P /tmp/memcached.pid -c 1024 -f 1.25 -n 80 -t 16 运行参数描述 -d:以守护(daemon)进程方式启动; -u:是运行Memcache的用户,例如 ......

月下狼
27分钟前
0
0
xgboost-kaggle

https://www.kaggle.com/dansbecker/xgboost This tutorial is part of the Learn Machine Learning series. In this step, you will learn how to build and optimize models with the powe......

tantexian
28分钟前
0
0
nginx学习八 代理服务

最常用的语法 proxy_pass Syntax: proxy_pass URL;Default: --Context:location.if in location,limit_exception 反向代理 例:/etc/nginx/conf.d/default.conf 反向代理(代理服务端)......

Romanceling
35分钟前
0
0
npm ERR! Unexpected end of JSON ...

npm install 报错: npm ERR! Unexpected end of JSON input while parsing near '..."^2.8.14"},"_hasShrin' npm ERR! A complete log of this run can be found in: ... 打开终端 命令: 第......

大_侠
39分钟前
0
0
Android中的设计模式之责任链模式

参考 《设计模式:可复用面向对象软件的基础 》5.1 Chain of responsibility 职责链 对象行为型模式 《Android源码设计模式解析与实战》第9章 使编程更有灵活性--责任链模式 意图 使多个对象...

newtrek
42分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部