一,声明:
语言:Swift3
平台:Xcode8
模仿对象:百思不得姐4.5
在OC之后,为了入手一下用Swift的开发,强行装逼开启自虐模式~在用时一个月的时间(工作时间之外的闲暇),将百思不得姐的主体部分拿下.
1.先说一下瑕疵:
数据是来自易源数据(可百度搜索),内容有限,而且本地资源,例如图片,UI等也比较受限,主要靠截图~强行配图,而且没有关于"友盟分享","第三方登录","推送通知","数据操作","友盟统计"等其他功能,而且有部分冗余代码,略有Bug!但整个项目的目的主要是了解百思项目的整体架构,深入学习Swift开发.所以,一些粗枝大叶不必在意~.在本项目中,主要解析了图片和音频部分的文件(在精华部分),其他界面都是由空白界面代替(知其一,尽知全),在最新部分和发布界面没有数据,展示了界面的出现方式,关注部分无数据,更无操作,从线上百思不得姐项目来看主要展示了一组数据,行为简单,可以忽略~我的部分完成界面排版.基本逻辑比较简单,无数据,但是行为逻辑较为简单,后面详述.
2.再看一下学习点:
整体结构还是比较完整的,细节部分也较简单,不受太大的学习上的阻碍.主题结构逻辑较为完善,主要体现在整个结构和每个主界面的出现逻辑上.除去关注界面意外,每个界面都有可以学习的知识点.而且没有出现的行为逻辑,我也将会做简单阐述.
二,学习主体
1.首先看一下第一界面:精华部分
EssencePart1.1在线上百思项目中顶部导航栏右侧有一部分,随机穿越,这里没有写,按照我的理解,应该是取随机参数,从后台获取某一类型的数据(如图片,文字,音频等)返回,解析并展示,也可以是后台根据你的浏览记录,根据你所经常浏览的内容类型来返回内容.
1.2学习点之一在于图片轮播技术,导航栏中滚动条显示的是内容目录,点击相应的目录就会滚动至对应的内容模块,加载并展示(如果已经加载过,就直接显示了),而且滚动主界面,不管朝向左还是朝向右都可以无限轮播的,这个过程顶部的导航内容还是会监听并滚动到对应位置的(其实是一个相互监听运动的过程).
1.3学习点之二在于OC-Swift混编,主界面的刷新控件使用的是MJ老师MJRefresh,所以这里就涉及OC-Swift之间的混编,主要是桥接文件的创建(创建任意OC文件,自动生成bridge桥接文件,根据需要,删除或者保留创建的OC文件)与使用.
1.4学习点之三在于图片的预览,在工程项目文件中,Public部分有一组文件(BSCheckImagePart)专门用来展示完成图片的预览,可以是一组照片的预览(由于时间限制,并没有进行一组照片的限制,你可以自己尝试自己修改学习~).
1.5学习点之四在于音频的观看,同样在工程的项目文件中,Public部分还有一组名为(BSCheckVideoPart)的文件专门用来完成视频的播放,但是这里强调的一点是,只是完成了基本播放功能,整个播放器还不够完善,你可以在这份文件的基础上按照你的构想和需要来加以完善(别忘记发我一份共同学习~)
1.6具体代码的实现,逻辑的完成可以详见Main中的(EssencePart)部分
2.接下来略讲解一下:最新部分
NewestPart2.1在线上百思项目中顶部导航栏右侧有一部分:审帖.根据个人推测,这个应该就是后台返回的最新的请求发布的数据中任意选取返回的某一组数据.可以进行某些简单操作,可以举报,投票或者切换下一个等~
2.2学习点其实同之前的精华界面极尽相同,那就是轮播,其中不同的就是,点击导航条索引时,不管是点击前面还是点击后面,主界面的滚动方式都会是自右至左,而不会有向左的,有向右的.只有在手动拖动主界面从左向右走时才会有改变.具体代码可见Public部分的NewestPart部分.
3.接下来讲解的是:发布界面
ReleasePart3.1首先请注意,在这里的发布界面的入口都没有再深入的去写,每个入口都进入了不同的数据采写界面,例如音频的采集,文字的编写,图片的获取等等.内容还是挺繁多的.大家可以自定来尝试完善与练习!还有该界面是由View来写的,但是线上的百思项目应该是由Controller来写的,这里注意下,如果使用控制器来编写,那在在下面应该是有一个UIImageView来装填在进入该界面之前的界面截图的.
3.2学习点在于界面的排版(九宫格)与动画效果(出现与消失)具体可见代码Main中的(ReleasePart中的View)部分
4.关注界面
4.1线上百思项目中该界面的左上方是一个进入推荐界面的入口,是两个TableView构成的界面,根据不同的类型获取不同类型的用户推荐你进行"关注"操作.重点就是两个TableView的监听互动以及怎样正确显示对应的数据~
4.2右上方有一个搜索入口按钮,进入一个搜索界面,主界面中显示的是可以由CollectionView布局的一些推荐数据,主要包括图片和音频文件.再点击搜索才是真正的搜索界面,根据你输入的内容,后台针对你在的界面返回对应类型的数据并展示.
5.我的界面
MePart5.1线上百思左上方是积分详情的界面,可以使用WebView来展示该网页,右上角的是一个全局背景色设置按钮和设置按钮.全局的背景颜色可以通过抛通知实现.
5.2学习点主要在于排版,TableView的排版与九宫格的排版.具体可见代码Main中的(MePart)部分
6.整体结构的布局,UIWindow->BSTabBarController->BSPublicNavController->BSThemeViewController.....布局及细节可见代码Public的Controller部分!
三,其他补充
1.在Public里面有很多好东西可以使用~例如某些类的分类.以及上面提到的图片浏览器和音频浏览器的分组模块都在这一部分.
2.本项目使用了几个第三方的SDK,主要包括Alamofire(网络请求),JHB_HUDView(蒙版),Kingfiser(图片下载),MJRefresh(刷新控件),其他的几个并未使用~可自行使用或学习即可.
3.播放音频文件时,请不要打断点哦~
4.百思项目地址:Github-百思不得姐(BaiSi-Project)觉得不错点歌赞就好~一起学习!万分感谢你的关注.
网友评论