高仿百思不得姐项目

作者: 凡尘一笑 | 来源:发表于2016-11-15 12:26 被阅读164次

    高度仿写百思不得姐项目,实现精华,新帖,发布,关注,我的五大功能模块,运用了很多技术。 使用技术:MVC设计模式,使用纯代码和Xib混合开发,AutoLayout做UI布局,首页精华模块充分使用父子控制器,音频视频的播放,评论详情界面,发布集成pop动画,关注界面充分利用Xib的优势,使用SDWebImage进行图片加载,SVProessHUD进行遮盖提示,清除缓存功能,UIWebView进行网页加载等技术

    首先来看一下精华模块

    这里精华模块分为了:全部、视频、声音、图片、段子。五个模块,其中全部模块里面包含了其他其他几个模块的所有。视频、声音、图片、段子,这四个模块就是单独自己各自的内容。可以通过点击导航栏下面的按钮来切换,也可以通过手势来滑动切换模块。

    精华模块:使用了一个父控制器容纳一个UIScrollView来管理所有子控制器,顶部通过一个UIView来容纳五个小按钮,每一个小按钮对应一个子控制器。
    

    通过点击来切换小模块


    baisi.gif

    通过手势滑动来切换小模块


    allhahha.gif

    查看每个不同的cell的评论


    zz.gif
    Snip20161115_1.png
    Snip20161115_2.png
    Snip20161115_3.png

    其中这里面的所有视频,所有音频都是可以播放的,包括点击进入评论页面,视频音频都是可以播放的,然后那个,有些评论是声音评论也是可以播放的


    videoh.gif
    voice.gif

    再看一下最新模块

    你会发现最新模块和精华模块是不是一样呢,最新的模块的数据是用户最新发表的动态,和精华模块确实是很相似,所有使用了继承


    baisiq.gif
    最新模块里面的评论
    baisiqi.gif
    最新模块里面的图片模块

    这里会显示加载图片进度,普通图、动态和超大图片都可以查看,也可以保存图片到本地相机。

    加载图片
    baisf.gif
    查看大图,包括普通图片,超长图片,动态图片
    picture.gif
    保存图片到本地相册,这里因为只能上传5M以内的图,我就分开上传
    save.gif
    savesz.gif

    发表模块

    这个主要使用了第三方pop 和 POP+MCAnimate 这两个库,同样自定义了按钮
    
    pop.gif

    关注模块

    这里需要登录,做了个简单的页面,因为拿不到百思不得姐的全套接口,不知道它是如何加密等等情况

    这里主要用到的技术:给UITextfield封装了一个占位文字颜色的功能,自定义按钮。使用Xib布局UI界面
    
    attentio.gif

    我的模块

    查看软件的缓存,清除缓存
    这里主要用的技术:这里的UITableView的采用了分组,使得一个cell单独出来。自定义UITableView的footView 然后使用九宫格排布footView的自定义按钮,不是使用UIcollectionView。点击可以跳转到网页,网页页面,做了个工具条,可以前进下一页,回退上一页,以及刷新。自己封装了一个查看文件大小,清除缓存的功能。(因为我们的缓存可能是我们自己产生的,也可能是SDWebImage产生的,所以自己封装了一个把所有缓存都清理)
    
    mineu.gif

    警告⚠️:还有一个就是这里有点卡顿看起来不爽,代码下载下来运行是没有问题的

    如需要源码,请到
    https://github.com/LYWGod/baisiqijie
    备注:

    如果有不足或者错误的地方还望各位读者批评指正,可以评论留言,笔者收到后第一时间回复。

    QQ/微信:2366889552 /lan2018yingwei。

    简书号:凡尘一笑:[简书]

    http://www.jianshu.com/users/0158007b8d17/latest_articles

    感谢各位观众老爷的阅读,如果觉得笔者写的还凑合,可以关注或收藏一下,不定期分享一些好玩的实用的demo给大家。

    文/凡尘一笑(简书作者)

    原文链接: http://www.jianshu.com/p/8ae080edb3ea

    著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

    相关文章

      网友评论

        本文标题:高仿百思不得姐项目

        本文链接:https://www.haomeiwen.com/subject/khwhpttx.html