精仿手工课

前言

手工课是利用业余时间完成的一个项目,这个项目适合刚刚接触 iOS 开发的新手用来练手,首先,这个开源项目中用到了许多优秀的开源框架,感谢开源,好了,废话不多说.让我们先来看一下这个项目中涉及到的知识点:

  • 利用 UICollectionView 实现常见界面的搭建,以及自定义布局
  • 转场动画的实现
  • 利用 FMDB 实现数据储存
  • 简单动画的实现
  • 利用 Block实现封装一个常用的控件
  • 如何封装一个常用的控制器
  • 如何更好的使用三方类库,比如(AFN…)

我本来就是菜鸟,(看我名字就可以看出来了),希望各大神在代码结构给予指导…….,最后说一句,开源万岁

效果预览

新版本.gif

首页-精选.gif

首页-精选-直播.gif

教程01.gif

市集.gif

手工圈.gif

首页-达人.gif

首页-关注.gif

首页-活动01.gif

我的.gif

教程02.gif

首页-活动02.gif

首页-精选-02.gif

代码结构

24

Snip20160717_1.png

代码结构我比较喜欢按照业务来区分,大概就是这样子了

新版本特性

思路和实现都比较简单,需要注意的一点是将判断是否有新版本的逻辑提取出来,直接上代码

AppDelegate

判断逻辑

新特性界面实现

请求数据

方式一

直接在 AFN上面简单包装一下

方式二

在上面的基础上再次进行封装

首页

25694552-14da73f65d2dff0c

Snip20160718_2.png

首页的整体布局是用 UICollection View 实现的, 这里只贴一下关键代码,具体代码可以下载源代码查看

首页可滚动标题栏在多个地方涉及到,所以可以自己进行简单封装,这里我简单封装一下,在开源项目中此处我用到了一个优秀的三方:

可滚动视图

轮播图
无限滚动的简单思路就是,当滚动到最右边或最左边的时候,交换图片,具体贴代码

滑动动画

转场动画
关于转场动画,网上有好多大神写的博客,这里我就直接贴一些地址,有兴趣的可以看看,喵神,
wr大神;
登录界面

26694552-c58e4452b43a3ab2

Snip20160718_8.png

登录界面是Jake lin的一个swift课程,我用OC 重新实现了一遍

直播

27694552-f86dc9dc61b3cedc

Snip20160718_9.png

聊天界面搭建,用到了 SDAutoLayout,感兴趣的可以学习一下

关注
这个界面,有一个下拉弹簧的效果,自定义了流水布局来实现

达人

28694552-283f82eada904752

Snip20160718_14.png

同样使用 UICoolectionView 布局,代码比较多可以看源码

活动

首页-活动01.gif

首页-活动02.gif

活动界面看似较多,其实就是用了两个 UICollectionView 做的子控制器,类似盆友圈的界面,需要注意离屏渲染,直接设置圆角会导致严重的卡顿

教程

31694552-e9f760b69a29ba66

Snip20160718_15.png

32694552-5d265e4d38a08f7e

Snip20160718_16.png

手工圈

33694552-731c0dea7163ce03

Snip20160718_17.png

这里由于我在本地保存了移动后的数据,用到了 FMDB

市集

这个界面比较简单,就是 UICollectionView 的简单使用
C

我的

34694552-45c67c74a9080c17

Snip20160718_18.png

这个界面在任何 app 都比较常见,所以没有用到静态单元格,而是用纯代码封装了一个控制器,即使在其他项目中依然可以快速搭建出类似的界面

M

V

最后说两句

由于代码量较大,所以还是上源码吧,源码地址

最后,死皮赖脸求个 Star,我是小菜蛋,我为自己带盐…

1 3 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部