美文网首页ios学习demos项目代码
从头开始swift2.0 仿乐乐医项目(一)开发前的准备

从头开始swift2.0 仿乐乐医项目(一)开发前的准备

作者: a_mean | 来源:发表于2015-11-26 13:10 被阅读877次

乐乐医官网

之所以仿它,是因为那个独一无二的她在这家公司上班,借用来表达一下相思之情。

下面是它的截图,我们将一步步学习如何使用swift来实现一个这样的app。

现在我们来创建一个新项目。

语言选择Swift,我们使用最新的iOS9.1+Swift2.0来开发。

前面介绍了两种添加第三方库的方法(没有看过的请移步如何在iOS&swift中使用第三方库(源文件),如何在iOS&swift中使用第三方库(CocoaPods)),我们这里来学以致用,拖拽animated-tab-bar的源码进项目,并添加Podfile,在Podfile中加入一会会用到的第三方库:

source 'https://github.com/CocoaPods/Specs.git'

platform :ios, '8.0'

use_frameworks!

pod 'Kingfisher', '~> 1.8'

pod 'Alamofire', '~> 3.0'

pod 'XWSwiftRefresh', '~> 0.1.6'

最后项目结构如图所示:

关闭Xcode,执行pod install

cd /Users/himi/Desktop/leley

pod install

稍等一会下载完成

Updating local specs repositories

Analyzing dependencies

Downloading dependencies

Installing Alamofire (3.1.3)

Installing Kingfisher (1.8.2)

Installing XWSwiftRefresh (0.1.6)

Generating Pods project

Integrating client project

[!] Please close any current Xcode sessions and use `leley.xcworkspace` for this project from now on.

Sending stats

Pod installation complete! There are 3 dependencies from the Podfile and 3 total

pods installed.

打开leley.xcworkspace,删除原来的ViewControll,并加入一个TabBarController

将素材拖到项目中,我是抓包抓来的,或者反编译出来的,你们要的话可以给我留言,或者自己随便找一些都可以。

将TabBarViewController默认的两个Controller删除,换成NavigationController

为其连线,并选择view controllers

选中新出现的item,为其设置文字,图标

更换默认的Class为动画,不要忘记TabBarController、TabBarItem,并设置动画

现在我们来运行一下看看效果。

黑屏,居然忘记设置Initial View Controller了,选中TabBarController,打勾,再次运行。

oh,,,好吧,报错异常了,TabBarController至少要2个子item

好吧,让我们认真些,不要笑

好吧,我一口气复制了3个,不要忘记连线,一样的选择view controllers,因为是复制的原来的动画并没有关联上,我们在复制出来的item中把动画移动再重新连线,然后运行。

可以看到有一个基本框架的样子了。

但细心的同学会发现,图标被强制成了黑蓝风格,怎么改变这个呢,

随便找到一个item,在其中添加一个Key:textColor ,颜色为未选中时的颜色

在anim中分别添加iconSelectedColor和textSelectedColor,颜色为选中时的颜色

再次运行看看,我们修改的那个item已经变成刚刚设置的绿色了,ok,第一节《开发前的准备》就到这里,谢谢观看。

相关文章

网友评论

  • qiongyong:设置选中图标的时候选中的文字改变了颜色,就是图片没有改变颜色:并且控制台报了这个错误.说没有这个key值 this class is not key value coding-compliant for the key textSelectedColor.
  • HenryPeng:@a_mean 谢谢,不知道你做的项目中有没有涉及到后台的内容,现在及其想了解一下后台接口和app之间进行交互的设计
    HenryPeng:@a_mean 好哇好哇!用什么来进行开发的呢??
    a_mean:@vic虎 有的
  • HenryPeng:给个素材包呗???想跟着你一起做,我也是一名开发者
    a_mean:@vic虎 http://pan.baidu.com/s/1pJXoDHh
  • isotopex:开始学习。可以给一份UI吗。谢谢了!285830785@qq.com。如果可以后面一个项目的UI一起给吧。 :kissing_closed_eyes:
    isotopex:@a_mean 哦哦 :smile: 好的。谢谢。没看到后面。有Git可以了。
    a_mean:@刘昊 仿乐乐医UI素材Assets.xcassets.zip 已发送,后面的Git有下
  • Hogantry:弱弱的问下博主,app中tabBar上的4个按钮的图片是怎么找到的?我在app包中没有发现有,猜想也不会网络拉取的吧?忘回复,谢谢
    Hogantry:@a_mean 明白了,谢谢
    a_mean:@Hogantry 我忘记是在iOS还是android中找到的了,如果你是iOS,你可以看看另一个。
  • HenryPeng:谢谢楼主的分享,但是你介绍设置动画的地方非常的不清楚,研究了许久还是没弄出来,Class名都换了,但是那个animation连线没搞懂希望能说一下
    a_mean:@vic虎 看这一段:前面介绍了两种添加第三方库的方法(没有看过的请移步如何在iOS&swift中使用第三方库(源文件),如何在iOS&swift中使用第三方库(CocoaPods)),我们这里来学以致用,拖拽animated-tab-bar的源码进项目,
  • 看晚霞洗澡的海鸥:我想问一下倒数第二幅图是怎么出来的
    a_mean:@755fa32dcd55 @crafttang 前面介绍了两种添加第三方库的方法(没有看过的请移步如何在iOS&swfit中使用第三方库(源文件),如何在iOS&swfit中使用第三方库(CocoaPods)),我们这里来学以致用,拖拽animated-tab-bar的源码进项目,并添加Podfile,在Podfile中加入一会会用到的第三方库:
http://www.jianshu.com/p/11450cece967
  • Easy_VO:已收藏,跟进楼主:relieved:
  • crafttang:写的不错,谢谢分享。
    但是“更换默认的Class为动画,不要忘记TabBarController、TabBarItem,并设置动画”这个怎么设置class为动画啊?能不能详细点呢,谢谢
    a_mean:@crafttang 前面介绍了两种添加第三方库的方法(没有看过的请移步如何在iOS&swfit中使用第三方库(源文件),如何在iOS&swfit中使用第三方库(CocoaPods)),我们这里来学以致用,拖拽animated-tab-bar的源码进项目,并添加Podfile,在Podfile中加入一会会用到的第三方库:
    http://www.jianshu.com/p/11450cece967
    crafttang:但是你好像在文章中没有提到RAMAnimatedTabBarItem, RAMRotationAnimation这2个类吧,能贴下源码吗? 或者能将源码放到github上去吗?谢谢
    a_mean:@crafttang 就是把默认指向TabBarController、TabBarItem换成对应的Ram开头的类型,如倒数第二、第三张图所示。

本文标题:从头开始swift2.0 仿乐乐医项目(一)开发前的准备

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