开源项目：https://github.com/etsy/AndroidStaggeredGrid分享一下我用过之后，觉得最关键的地方。在给出的demo中有一个集合，记录每个位置的HeightRatio。设置Dyn/amicHeightTextView和DynamicHeightImageView的HeightRatio来控制显示的高度。比如在DynamicHeightImageView中..
分类：
移动开发 时间：
2014-10-31 19:13:48
阅读次数：
209
转载请注明出处：http://blog.csdn.net/guolin_blog/article/details/12646775记得关于照片墙的文章我已经写过好几篇了，有最基本的照片墙，有瀑布流模式的照片墙，后来又在瀑布流的基础之上加入了查看大图和多点触控缩放的功能。总体来说，照片墙这个Demo在...
分类：
移动开发 时间：
2014-10-26 22:39:32
阅读次数：
327
绝大多数的网页都是分为几列进行排版（几个div），传统布局就是将内容模块直接写在这几个div中。但是这种布局存在一个问题，那就是如果这个页面的信息非常的庞大，内容很多时这几列div会非常的长。而浏览器是逐行加载的，上述情况下会出现页面一直在加载第一列的内容，半天加载不完，而另外的几列什么都不显示.....
分类：
Web程序 时间：
2014-10-24 18:10:37
阅读次数：
188
转载请注明出处：http://blog.csdn.net/guolin_blog/article/details/11100327在上一篇文章中我带着大家一起实现了Android瀑布流照片墙的效果，虽然这种效果很炫很酷，但其实还只能算是一个半成品，因为照片墙中所有的图片都是只能看不能点的。因此本篇文...
分类：
移动开发 时间：
2014-10-22 23:41:17
阅读次数：
668
转载请注明出处：http://blog.csdn.net/guolin_blog/article/details/10470797传统界面的布局方式总是行列分明、坐落有序的，这种布局已是司空见惯，在不知不觉中大家都已经对它产生了审美疲劳。这个时候瀑布流布局的出现，就给人带来了耳目一新的感觉，这种布局...
分类：
移动开发 时间：
2014-10-22 23:21:45
阅读次数：
400
在上篇博客中已经完成了瀑布流的js代码，现在就要把这个js代码抽出并写成插件。1.首先把html中的js代码抽离成为单独js文件2.$.fn.waterfall = function(data) { //定义插件的名称，这里名为waterfallvar set = { //这里写插件定义的变量和默....
分类：
Web程序 时间：
2014-10-22 20:10:25
阅读次数：
222
瀑布流就是像瀑布一样的网站——丰富的网站内容，特别适应于图片。宽度固定，高度不固定。参差不齐的多栏布局。还可以响应式地适应不同大小的设备。实现思路如下：一.页面布局:一个装图片的div;一个装加载图片的div二.js代码：1.设置图片的宽度iWidth和图片间的间隙iSpace，列宽iOuterWi...
分类：
其他好文 时间：
2014-10-22 17:25:35
阅读次数：
251
<!DOCTYPE?HTML>
?<html>
?<head>
?<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8">
?<title>Insert?title?here</title>
?<!--样式-->
?<style?type="text/css">
?body?{ma...
分类：
其他好文 时间：
2014-10-21 12:29:52
阅读次数：
222
UICollectionView在2012年被提出，已经不是什么新技术了，在此只是做一下简单的实现。
集合视图：UICollectionView
UICollectionView和UITableView类似,它也是datasource和delegate设计模式的:datasource为view提供数据源,告诉view要显?示些什么东?以及如何显示它们,delegate提供一些样式的?细节以及?...
分类：
移动开发 时间：
2014-10-16 22:50:23
阅读次数：
450
刚开始接触js，就想写写经典的瀑布流，搜了下网上的教程，发现大多是用jquery写的，非常简单，用它也不用考虑兼容性的问题（jquery已经考虑到了），就想自己用原生的js写个简单的瀑布流模型，暂且没有考虑到拖动时自动排版的情形，以后再添加。（发现用原生的js果然步骤比较多啊！很多方法都很底层的！）
waterfall flow
body{margin:0p...
分类：
编程语言 时间：
2014-10-16 02:30:41
阅读次数：
225
