我们还是来看一款示例: 看起来很像我们的gridview吧,不过又不像,因为item大小不固定的,看起来是不是别有一番风味,确实如此.就如我们的方角图形,斯通见惯后也就出现了圆角.下面我简单介绍下实现方法. 第一种: 我们在配置文件中定义好列数.如上图也就是3列.我们需要定义三个LinearLayo ...
分类:
移动开发 时间:
2016-06-23 06:28:25
阅读次数:
285
布局的原理: 用一个类名为item的div作为图片的容器,每个item的宽都相等,高度自适应,使用绝对定位。第一行的item只需要处理left就不详细说了。第二行以后:获取到第一行的item的高度作为这一列的高度,找到其中最小的值,那么从第二行开始的item的top值就等于这个值,而left就等于这 ...
分类:
Web程序 时间:
2016-06-21 17:28:06
阅读次数:
156
最近在Github上看到三个库,分别是
GSKStretchyHeaderView,CHTCollectionViewWaterfallLayout ,JZNavigationExtension,
其中第一个是给CollectionView添加可动画的头部,添加方式和内容非常丰富,第二个是
瀑布流布局,第三个是UINavigationController的导航栏扩展。这三个东西厉...
分类:
移动开发 时间:
2016-06-21 07:25:17
阅读次数:
323
今天做了一个瀑布流布局的小例子,自己在写代码的过程中一直报cannot read property 'style' of null,百度之后说是页面还没有加载完,但是我看了代码是写在window.onload里面的,但是一直报错,找了半天原因,才发现自己不小心把className加到了id属性中,即 ...
分类:
其他好文 时间:
2016-06-20 22:03:24
阅读次数:
164
没有前言,先上DEMO(手机上看效果更佳)和 原码。 瀑布流形式的图片布局方式在手机等移动端设备上运用广泛,比较常见的是下面前两种: 一、等宽等高 这种形式实现起来非常容易,这里就不再多说。 二、等宽不等高 这种形式算是比较正统的瀑布流布局形式,关于如何实现的请参考之前的一篇博文——jQuery瀑布 ...
分类:
移动开发 时间:
2016-06-18 18:35:40
阅读次数:
215
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 ...
分类:
Web程序 时间:
2016-06-13 20:37:57
阅读次数:
257
前言 : 在写这篇文章之前, 先祝贺自己, 属于我的GitHub终于来了. 这也是我的GitHub的第一份代码, 以下文章的代码均可以在Demo clone或下载. 欢迎大家给予意见. 觉得写得不错的也请不要吝惜你们的star. 瀑布流 先普及下什么叫瀑布流 瀑布流,又称瀑布流式布局。是比较流行的一 ...
分类:
移动开发 时间:
2016-06-12 09:28:54
阅读次数:
401
http://ios.jobbole.com/85689/ 和使用 UIScollView 创刊一个瀑布流是一样的方式 7cc829d3gw1f4nq2oc09zj20j00hvq90.jpg 我的 Github 上也有一个使用 UIScollView 来实现的例子。 ...
分类:
其他好文 时间:
2016-06-09 12:10:53
阅读次数:
131
RecyclerView一个可以代替ListView和GridView的控件,那么RecyclerView到底比他们好在哪里?RecyclerView架构提供了一种插拔式的体验,所以实现了代码的高度解耦,使用起来也异常的灵活。我们可以通过设置它的LayoutManager控制其显示的方式,通过ItemDecoration控制Item间的间..
分类:
移动开发 时间:
2016-06-08 10:50:41
阅读次数:
753