文档章节

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

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

JavaScript 实现图片横向瀑布流布局

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

君未来我已老 ⋅ 02/04 ⋅ 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

瀑布流--涉及图片

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

临江若仙 ⋅ 2015/10/09 ⋅ 0

瀑布流布局与木桶布局

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

_Dot大师兄 ⋅ 2017/09/20 ⋅ 0

响应式布局页面之瀑布流布局浅析

瀑布流式布局(简称瀑布流)最先在网站上应用 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网等页面都采用了这种布局。那么什么是瀑布流呢?瀑布流的好处在哪? 瀑布流...

H_J ⋅ 2014/03/14 ⋅ 0

惟忆代码/picfixed

picfixed 是一个等高且等宽瀑布流,可以让图片或者div轻松实现等高等宽瀑布流(这里的等宽是指行等宽) #插件特点: 等高 - 同行的所有元素等高 等宽 - 所有行的总体宽度相等 等比缩放 - 所有图片...

惟忆代码 ⋅ 2016/04/29 ⋅ 0

iOS图片的填充方式UIImageView(contentMode)有什么不同

iOS图片的填充方式UIImageView(contentMode)有什么不同 2017-04-28 10:40 2681人阅读 评论(0) 收藏 举报 UIViewContentModeScaleAspectFit, //这个图片都会在view里面显示,并且比例不变 这就...

wakice ⋅ 2017/11/20 ⋅ 0

地铁客 1.6 Beta 增加 Pinterest 瀑布流模式

地铁客开源轻博客1.6beta 出炉分享【增加瀑布流、gif动画等新特性】 首先谢谢大家的支持和厚爱,最近pinterest很火,瀑布流老是有人提出来,所以就鼓捣了一下放出来,^_^ 1.6beta更新内容: ...

黑芝麻糊土著 ⋅ 2012/03/14 ⋅ 5

【bash】批量缩放、裁剪图片脚本

产品上线后好多用户写的文章都没图片,这样看起来并不能达到预想的显示效果,尤其是一打开的首页文章列表。 于是我们自己搜集了一些素材作为默认显示的封面图。 考虑网络传输及页面显示速度,...

haolisand ⋅ 2015/12/03 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

常见数据结构(二)-树(二叉树,红黑树,B树)

本文介绍数据结构中几种常见的树:二分查找树,2-3树,红黑树,B树 写在前面 本文所有图片均截图自coursera上普林斯顿的课程《Algorithms, Part I》中的Slides 相关命题的证明可参考《算法(第...

浮躁的码农 ⋅ 19分钟前 ⋅ 0

android -------- 混淆打包报错 (warning - InnerClass ...)

最近做Android混淆打包遇到一些问题,Android Sdutio 3.1 版本打包的 错误如下: Android studio warning - InnerClass annotations are missing corresponding EnclosingMember annotation......

切切歆语 ⋅ 34分钟前 ⋅ 0

eclipse酷炫大法之设置主题、皮肤

eclipse酷炫大法 目前两款不错的eclipse 1.系统设置 Window->Preferences->General->Appearance 2.Eclipse Marketplace下载【推荐】 Help->Eclipse Marketplace->搜索‘theme’进行安装 比如......

anlve ⋅ 42分钟前 ⋅ 0

vim编辑模式、vim命令模式、vim实践

vim编辑模式 编辑模式用来输入或修改文本内容,编辑模式除了Esc外其他键几乎都是输入 如何进入编辑模式 一般模式输入以下按键,均可进入编辑模式,左下角提示 insert(中文为插入) 字样 i ...

蛋黄Yolks ⋅ 47分钟前 ⋅ 0

大数据入门基础:SSH介绍

什么是ssh 简单说,SSH是一种网络协议,用于计算机之间的加密登录。 如果一个用户从本地计算机,使用SSH协议登录另一台远程计算机,我们就可以认为,这种登录是安全的,即使被中途截获,密码...

董黎明 ⋅ 今天 ⋅ 0

web3j教程

web3j是一个轻量级、高度模块化、响应式、类型安全的Java和Android类库提供丰富API,用于处理以太坊智能合约及与以太坊网络上的客户端(节点)进行集成。 汇智网最新发布的web3j教程,详细讲解...

汇智网教程 ⋅ 今天 ⋅ 0

谷歌:安全问题机制并不如你想象中安全

腾讯科技讯 5月25日,如今的你或许已经对许多网站所使用的“安全问题机制”习以为常了,但你真的认为包括“你第一个宠物的名字是什么?”这些问题能够保障你的帐户安全吗? 根据谷歌(微博)安...

问题终结者 ⋅ 今天 ⋅ 0

聊聊spring cloud gateway的RedisRateLimiter

序 本文主要研究下spring cloud gateway的RedisRateLimiter GatewayRedisAutoConfiguration spring-cloud-gateway-core-2.0.0.RELEASE-sources.jar!/org/springframework/cloud/gateway/con......

go4it ⋅ 今天 ⋅ 0

169. Majority Element - LeetCode

Question 169. Majority Element Solution 思路:构造一个map存储每个数字出现的次数,然后遍历map返回出现次数大于数组一半的数字. 还有一种思路是:对这个数组排序,次数超过n/2的元素必然在中...

yysue ⋅ 今天 ⋅ 0

NFS

14.1 NFS介绍 NFS是Network File System的缩写 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netapp公司参与并主导开发,最新为4.1版本 NFS数据传输基于RPC协议,RPC...

派派菠菜 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部