瀑布流,又称瀑布流式布局。是比较流行的一种页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。
说明:(1)瀑布流每一个的宽度是一样的,都是高度不一样(2)补齐算法,哪里比较短就补哪里,不是简单的从左到右排(两列之间的差距越来越大)。
在ios中目前比较好的实现方式有2种。1.仿照UITableView思路自定义ScrollView 2....
分类:
移动开发 时间:
2015-03-16 13:00:24
阅读次数:
247
day13目标:UICollectionViewController集合视图1.UICollectionViewController的基本使用: 1.1 Code纯代码的方式 a.Cell的简单样式+系统的流式布局 UICollectionViewCell+UICollectionViewFlowL...
分类:
移动开发 时间:
2015-02-28 01:35:12
阅读次数:
395
通过不到100行代码,模仿css3的flexbox功能,实现一个Android的流式布局。同时介绍了如何把打出来的aar包upload到jCenter。...
分类:
移动开发 时间:
2015-02-16 22:11:25
阅读次数:
269
学习制作手机网页流式布局:盒子的padding 和margin width都要使使用 百分比来定义百分比如果一个盒子没有父元素,那么它的宽度默认就是相对于浏览器的宽度 1 2 3 4 Document 5 11 12 13 14 15 如果有父元素,那么子元素的...
分类:
移动开发 时间:
2015-02-11 00:30:04
阅读次数:
264
手机页面制作3利用上节说的box-sizing解决流式布局的一个问题一个流式布局的代码 左右的width+border>100% 所以盒子会掉下去 Document 效果图使用box-sizing 后 1 2 3 4 ...
分类:
移动开发 时间:
2015-02-11 00:28:01
阅读次数:
285
固定布局经不起未来考验固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法,我们需要一些适应未知设备的方法。为什么响应式设计需呀百分比布局仅使用媒体查询来适应不同视口的固定宽度设计,只会从一组CSS媒体查询规则突变到另一组,两者间没有任何平滑渐变。我们...
分类:
其他好文 时间:
2015-02-03 13:08:02
阅读次数:
151
流式布局,好处就是父类布局可以自动的判断子孩子是不是需要换行,什么时候需要换行,可以做到网页版的标签的效果。今天就是简单的做了自定义的流式布局。具体效果:原理:其实很简单,Measure Layout。只需要这两个步骤就可以搞定了。完全的手动去Measure Layout。我们看一下代码。解释就在代...
分类:
移动开发 时间:
2015-01-31 16:03:27
阅读次数:
218
子元素如果设置了浮动样式,那么它就会脱离文档流,从而导致父元素高度变成0,当然不能说这是一个Bug,float的出现的初衷就是为了实现文字环绕图片来实现图文混排和流式布局,所以只能说这种情况只能是由于浮动样式的特性决定的。...
分类:
其他好文 时间:
2015-01-30 16:02:04
阅读次数:
116
在网页设计的过程中,效果图一般总是通过Photoshop做出来,多则几十过百的图层以及各种PS效果的确是把网页的样式效果做出来了,并且也容易分块切图或者直接在其中取到某些图片素材。但在当前响应式网站的设计并且内容都使用流式布局的时候,要对每种情况都对应着去做一张PS效果图,工程量巨大,并且显得不太现...
分类:
Web程序 时间:
2015-01-29 19:07:30
阅读次数:
203