在整个项目中,总共写了1000+的代码,可以更加简单优化的。整个主页交互效果能基本,包括轮播,视频,点击变化形状,移入蒙版,瀑布流加载滑动,旋转等等。轮播导航没有完全做完,暂时做了往右无限推动。个人觉得主要难点是在于对于JS的函数和应用,CSS熟悉了后,主要是重复性工作,JS涉及到一些计算反而比较困 ...
分类:
Web程序 时间:
2016-05-13 08:45:57
阅读次数:
197
前言
在很多很多的项目中,都有选择本地图片的功能,现在就带大家做一个仿微信的图片选择器
1.和微信相比,由于博主是平板,微信在博主的平板中的图片是很模糊的,而我们的这个比微信的清晰,但是代价基本就是内存的多消耗,但是现在的收集基本上这点内存还是有的,图片也是经过压缩的
2.和鸿洋封装的相比,有些人可能会说和大神的有可比性么?我可以很直白的说这个图片选择器就是参考鸿洋大神以前封装的图片选择器,...
分类:
微信 时间:
2016-05-13 03:07:57
阅读次数:
422
在昆明工作的日子,我虽对经理忽悠的作风极为不屑,但对他整天挂在嘴边的那些软件工程思想还是很尊崇的。无论是传统的瀑布流,还是敏捷开发,无论是大的系统,还是小的功能,先分析需求、再构思设计、再实现的流程是永恒真理。
事情还没弄清楚就开始动手做,是初学者的幼稚行径,越成熟的设计师,越是重视前期的需求分析,思路清晰后,编码也只是“唰”一下的事情了。
习惯总得从无到有养成。所以这次我刻意走一个完...
分类:
其他好文 时间:
2016-05-13 02:25:24
阅读次数:
179
前些时做的Swift版本的瀑布流的Demo《Swift UITableView瀑布流/NSURLConnection异步网络请求》时,使用的是NSURLConnection做的网络异步请求,图片的异步加载使用的是GCD做的。在使用的过程中,网络请求部分是没有什么问题的,但是在图片的异步加载时,由于图片没有缓存,所以在上下滑动的时候,需要不断的加载图片,所以用户体验不好。
在OC中,我们有AFNet...
分类:
编程语言 时间:
2016-05-12 22:46:40
阅读次数:
325
RecyclerView是Android
5.x版本中新添加的一个全新控件,他比ListView,GridView更加的灵活,我们能够使用RecyclerView就完成ListView,GridView所做的工作,同时使用RecyclerView也能非常方便的实现瀑布流的效果。
一.竖屏ListView,横屏GridView效果
MainActivity代码:
public class...
分类:
其他好文 时间:
2016-05-12 13:13:36
阅读次数:
234
什么是RecyclerViewRecyclerView是Android 5.0 materials design中的组件之一,相应的还有CardView、Palette等。我们知道,Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder,并且可以轻松的实现ListView、GridView以及瀑布流的效果。...
分类:
其他好文 时间:
2016-05-07 08:16:23
阅读次数:
271
Android 转载分享(10) 我们还是来看一款示例:(蘑菇街) 看起来很像我们的gridview吧,不过又不像,因为item大小不固定的,看起来是不是别有一番风味,确实如此.就如我们的方角图形,斯通见惯后也就出现了圆角.下面我简单介绍下实现方法. 第一种: 我们在配置文件中定义好列数.如上图也就 ...
分类:
移动开发 时间:
2016-05-05 12:46:13
阅读次数:
224
首先, 对于瀑布流的实现大体分为tableView和collectionView实现两种, 以collectionView实现最为简单. 本文对流行的实现方式进行改进, 减少依赖,增加更多代理方法,增加扩展性 设计的思想源于tableView, 每个item的高度不该由控件本身决定,而是应该由数据决 ...
分类:
其他好文 时间:
2016-04-30 00:55:06
阅读次数:
261
目标效果 因为系统给我们提供的 UICollectionViewFlowLayout 布局类不能实现瀑布流的效果,如果我们想实现 瀑布流 的效果,需要自定义一个 UICollectionViewLayout 类,实现瀑布流效果。效果如右图。 依赖工具: 我们需要一个图片大小和图片地址的Josn数据, ...
分类:
其他好文 时间:
2016-04-27 22:24:22
阅读次数:
262
<ul class="shangpin clearfix col"> <li class="pin_1"> <a href="javascript:;" class="tupn"> <img src="img/diceaseguide.jpg"> </a> <div class="tupn_2"> ...
分类:
其他好文 时间:
2016-04-22 10:36:26
阅读次数:
132