2016-02-25

iOS开发如何集成并使用环信SDK

现在环信SDK(EaseMobSDK)更新到了3.0，我开始使用的时候只是2.3或者2.4的版本。使用的时候在视频聊天的时候体验不太好，经常看不到对方，后来更新到了最新的版本，改善了很多。不过UI我使用的依然是之前的版本，不得不说之前的UI满满的iOS6即视感。

首先到官网上注册应用

需要上传一个开发和发布环境下的p12文件，在发送消息时需使用推送。

下载SDK后按照官方文档导入项目，做好配置。

在AppDelegate+EaseMob中做了初始化和推送的一些操作。

方法里面的代码，在官方Demo中有所体现，按照自己项目的需求自行改动。

在项目首页，加了个扩展类BNHomePageViewController+EaseMob，主要处理通讯中的一些全局事件,诸如好友请求、加群申请、消息推送、挤退下线等，首页这个类在整个生命周期中一直存在。代码如下

具体方法里的实现代码在官网Demo中也有所体现，按照自己项目的需求自行改动。有些方法并不是必须的，项目中我只用到了私聊和聊天室功能，群相关功能没有用到，所以加群请求等方法不需要实现。

这样一些配置就实现了，接下来进行功能开发。

登陆

[[EaseMob sharedInstance].chatManager 
asyncLoginWithUsername:response[@"username"] 	
        password:response[@"password"] 
        completion:^(NSDictionary *loginInfo, EMError *error) {
                if (!error) {

                }else{
                    NSLog(@"error=%@",error);
                }
            } onQueue:nil];

这里我是在当前项目登陆之后调用的环信登陆,环信登陆成功之后才进入的首页。这样就有可能环信如果挂掉，就进入不到首页，停留在登录页面。可以先登陆本应用，进入首页之后再调用环信的登陆方法，这样也会遇到一个问题，进入首页后环信如果一直登陆不上去，那环信相关的功能也都使用不了。而且环信的登陆需要较强的网络，类似于登陆、视频聊天等还是有小部分几率是不成功的。使用第三方SDK这种问题难以避免，只能寄希望与它们的SDK能够给力点。

退出

[[EaseMob sharedInstance].chatManager 
 asyncLogoffWithUnbindDeviceToken:YES 
 completion:^(NSDictionary *info, EMError *error){
             
              [(AppDelegate *)[UIApplication sharedApplication].delegate goToLoginPage];

         } onQueue:nil];

退出环信登陆后跳回登陆页面，其实还有个退出本应用的操作。这一步也会面临登陆同样的问题，即操作失败。这样在登陆的时候就需要先判断当前是否已登陆，如果已登陆则先退出再重新登录。

挤退下线

- (void)didLoginFromOtherDevice
{
     [[EaseMob sharedInstance].chatManager asyncLogoffWithUnbindDeviceToken:NO completion:^(NSDictionary *info, EMError *error) {
        
        [(AppDelegate *)[UIApplication sharedApplication].delegate goToLoginPage];
        [PublicAlertUnit showNormalAlert:@")didLoginFromOtherDevice"];
        
    } onQueue:nil];
}

didLoginFromOtherDevice这个方法官方有提供，是个长连接，一旦该账号在别的设备登陆就会调用这个方法。didRemovedFromServer这个方法是账号从服务器上被删除会调用的方法。

统计未读消息数

-(void)setupUnreadMessageCount
{
    NSArray *conversations = [[[EaseMob sharedInstance] chatManager] conversations];
    
    NSInteger unreadCount = 0;
    
    for (EMConversation *conversation in conversations) {
        if (conversation.conversationType == eConversationTypeChat) {
            unreadCount += conversation.unreadMessagesCount;
        }
}

拿到的会话有可能是群聊或聊天室，所以需要判断类型，这里只统计私聊

得到最后消息的时间

NSMutableArray *ret = nil;
        
        NSArray* sorte = [conversations sortedArrayUsingComparator:
                          ^(EMConversation *obj1, EMConversation* obj2){
                              EMMessage *message1 = [obj1 latestMessage];
                              EMMessage *message2 = [obj2 latestMessage];
                              if(message1.timestamp > message2.timestamp) {
                                  return(NSComparisonResult)NSOrderedAscending;
                              }else {
                                  return(NSComparisonResult)NSOrderedDescending;
                              }
                          }];
        
        ret = [[NSMutableArray alloc] initWithArray:sorte];
        
        
        if (ret.count != 0) {
            EMConversation *conversation = ret[0];
            time = [self lastMessageTimeByConversation:conversation];
        }
        
-(NSString *)lastMessageTimeByConversation:(EMConversation *)conversation
{
    NSString *ret = @"";
    EMMessage *lastMessage = [conversation latestMessage];;
    if (lastMessage) {
        ret = [NSDate formattedTimeFromTimeInterval:lastMessage.timestamp];
    }
    return ret;
}

这里需要显示最后一条消息的时间，所以先把会话时间排序，再分别获取每个会话最后一条消息的时间

保存头像

NSString *chatter = conversation.chatter;
    chatController = [[ChatViewController alloc] initWithChatter:chatter conversationType:conversation.conversationType];
    chatController.delelgate = self;
    chatController.title = title;
    [self.navigationController pushViewController:chatController animated:YES];

环信并不处理用户头像，是为了减少对用户信息的入侵。所以用户头像需我们自己处理，这里用的是我们应用中用户的头像。根据用户id请求我门自己的后台链接，请求成功后将头像存储本地，一旦本地存储，则不再请求，只需要从中获取。在退出会话页则删除本地存储，原因是当前用户可能会更改头像，每次进入聊天页面都需要从新请求一次，也可以不删除本地头像存储，但在用户更换头像的时候更新本地存储。但是，你无法知道对方(你与之聊天的人)什么时候更换了头像，也有可能是在聊天过程中更换了头像，所以可以在发送消息的时候传入头像，接收方再解析显示。

透传消息

EMChatCommand *cmdChat = [[EMChatCommand alloc] init];
   EMCommandMessageBody *body = [[EMCommandMessageBody alloc] initWithChatObject:cmdChat];
   EMMessage *message = [[EMMessage alloc] initWithReceiver:receiver bodies:@[body]];
   
   NSDictionary *dic=@{@"BidId":[NSString stringWithFormat:@"%ld",self.bidID]};
   message.ext = @{@"Customer Key":dic,   
                   };

   message.messageType = eMessageTypeChat;
   
   [[EaseMob sharedInstance].chatManager  asyncSendMessage:message progress:nil prepare:^(EMMessage *message, EMError *error) {
   } onQueue:nil completion:^(EMMessage *message, EMError *error) {
   
       }
   } onQueue:nil];

透传消息有别于正常的收发消息，类似于推送，对方不在线的时候接收方法是didReceiveOfflineCmdMessages，对方在线接收方法是didReceiveCmdMessage。应用场景是我需要在双方聊天的时候传送一些商品信息，在聊天页上显示商品信息，所以就使用了透传，对方在接收消息后保存在本地，打开聊天页的时候需遍历本地数据库判断是否应该显示保存的商品信息。

加入聊天室

ChatViewController *chatPersonally = [[ChatViewController alloc]initWithChatter:roomID conversationType:eConversationTypeChatRoom];

_chatPersonally = chatPersonally;

chatPersonally.delelgate = self;

chatPersonally.view.frame = CGRectMake(0, 0, CGRectGetWidth(self.noDataChatView.frame), CGRectGetHeight(self.noDataChatView.frame));

[self.noDataChatView addSubview:chatPersonally.view];

[self addChildViewController:chatPersonally];

用户可以同时加入多个聊天室

退出聊天室聊天记录即清空

服务器监听到当前用户不在线不会继续给此用户推送

如果用户当前不在线，且聊天室有消息（则该用户进入聊天室后给推10条消息）

进入聊天室后，杀掉程序，再次进入后记录依然存在(除非调用退出聊天室的方法，否则不算退出)

会话列表页不显示聊天室信息

发送信息

相关方法在Demo有所体现，可自行查看。

Demo中ChatViewController包含的方法比较多，包括发送消息、解析消息、显示位置、语音、视频聊天等，可以直接将这个类拖至项目中使用，但要注意上下文使用环境，也可以自己布局UI，仅使用相关方法。

牵扯到聊天相关一般都比较繁杂，文档只起到辅助的作用，还是需要花时间去好好研究！

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-24

iOS开发即时通讯之Openfire+Spark配置

Spark 提供了客户端一个基本的实现，并提出了一个很好的插件架构，也是建议基于插件方式来实现你新增加的功能，而不是去改它的源代码，这样有利于项目架构，把原始项目的影响降到最低。

Openfire 是基于XMPP 协议的IM 的服务器端的一个实现，虽然当两个用户连接后，可以通过点对点的方式来发送消息，但是用户还是需要连接到服务器来获取一些连接信息和通信信息的，所以服务器端是必须要实现的。Openfire 只提供了一些基本功能，但它提供插件的扩展，像Spark 一样，建议使用插件扩展的方式来增加新的功能，而不是修改源代码。

下面展示一下如何搭建Openfire+Spark环境的过程。

先到官网下载openfire+spark

下载地址：http://www.igniterealtime.org/downloads/index.jsp

选择Mac版的dmg文件下载。

安装前需先下载安装需要的jdk文件和MySql和Mysql-workbench.

jdk下载链接: http://pan.baidu.com/s/1dDLHFdZ 密码：xe9u

Mysql下载链接:http://pan.baidu.com/s/1o74KthK 密码：asib

Mysql_workbench下载链接：http://pan.baidu.com/s/1geeA1aV 密码：dmyp

分别点击安装。使用MySqlWorkbench创建openfire数据库

打开MySqlWorkbench

点击New Connection新建一个连接

Connection Name可随便写其他使用默认设置即可

然后双击建立的连接

点击红色标记处

Schema Name处填写openfire,然后点击右下角Apply, 则创建好了openfire数据库。

安装好MySql和Opnefire好之后，会在系统偏好设置中显示

分别点击启动连接

Openfire在点击start openfire时老是启动失败，后来网上找了下，解决方法如下

打开终端，输入如下命令

1	sudo chmod -R 777 /usr/local/openfire/bi

sudo su

1	cd /usr/local/openfire/bin

1	export JAVA_HOME=`/usr/libexec/java_home`

1	echo $JAVA_HOME /Library/Java/JavaVirtualMachines/jdk1.8.0_51.jdk/Contents/Home

1	cd /usr/local/openfire/bin

1	./openfire.sh

不过每次电脑重新启动还是打开不了，只能再次输入上面命令。

如果Openfire需要卸载使用如下命令

1	sudo rm -rf /Library/PreferencePanes/Openfire.prefPane

1	sudo rm -rf /usr/local/openfire

1	sudo rm /Library/LaunchDaemons/org.jivesoftware.openfire.plist

接下来配置Opnefire服务器

系统偏好设置中，Opnefire启动后，点击Open Admin Console，会自动在本地浏览器打开web配置页。

按如下过程配置

数据库驱动选择：MySQL 上文已提到需提前安装好Mysql和创建好数据库

JDBC驱动，默认不变 com.mysql.jdbc.Driver

数据库URL：这里设置为jdbc:mysql://localhost:3306/openfire，前提是已经存在openfire数据库，上文已展示创建过程。否则会报如下错误：The Openfire database schema does not appear to be installed. Follow the installation guide to fix this error.

在配置openfire和创建数据库的过程中可能会出现其他问题，可能没有权限或者版本过低等，自行百度吧，这个问题不一不好汇总。

spark的安装比较容易，一路next就可以。

注册账号登陆后可以添加好友发送信息等。

这时候在打开系统偏好设置，打开openfire，点击open admin console

在后台就可以看到相关账户信息了。

配置过程中建议到官网下载，使用最新版本，否则可能配置不成功！

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-21

Hexo博客yilia主题设置

Hexo博客搭建完成后，页面长这样

简单大气，然而很多人觉得这不够精炼，想自己定制更个性化的主题。有哪些好看的Hexo主题呢，这是知乎上的问题，答的很全面，读者可以点进去看下，其中列举了github上starts比较多的前十五名的主题样式，当然还有更多。我选择的主题是

链接地址: https://github.com/ChinaFishNews/hexo-theme-yilia.git

这个主题也是我在尝试了几个主题之后最终选择的一个，最终效果如下

如何设置

1.打开Hexo所在的目录

这样在themes目录下就下载了yilia主题

2.修改Hexo目录下的_config,yml文件: theme:yilla

3.前往themes文件，打开yilia文件夹，打开_config.yml文件作如下设置

其中的一些设置可随意设定，并不固定，这样基本设置就已完成，里面包含使用的多说评论系统。

设置完成后，可能还需要添加统计功能，统计访问量、单篇文章访问量等,这个需要修改里面的JS代码。这个忘了记录具体修改的文件，就不贴出来了，大家可自行百度设置方法，效果如下

然后使用如下命令发布即可。

1	hexo generate

1	hexo deploy

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-21

Hexo博客绑定域名

前段时间买了个域名,chinafish.news,36元/年，别问我为什么买了个后缀为.news的域名，我这也是没办法。

之间搭建了个博客，chinafishnews.gitcafe.io或者chinafishnews.github.io,欢迎访问。

博客如何绑定域名呢，以gitcafe为例。

按如下配置

然后登陆阿里云

域名处点击解析，按如下配置

配置完后，静待几分钟后，便发现可以使用购买的域名访问你的博客了~

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-21

Xcode中的常用略带装逼的快捷键

开发人员的工作内容在很多外人眼里都是很神秘的存在，而作为开发又经常和产品、UI、运维等打交道，而这些人又以女人居多，而女人又是相信眼睛看到的多过大脑思考的物种，偶尔当她们在身旁时，脱离鼠标，“意外”的炫技也十分有必要。尽管可能最终什么也没实现，但是这个过程很重要，毕竟你看哥玩的这么大气精炼，想必也不是小菜，这在她们的心里定位都不是一个层级的，所以给大家介绍几个常用的，其实毫无难度的快捷键。

Xcode中或者Mac OS系统的快捷键多了去了，触控板用着也不能更爽，脱离鼠标操作也很容易。快捷键太多，这里就以图文的形式只给大家说几个我常用的Xcode中的快捷键，一些诸如缩进、注释、运行、停止、拍照、光标移动等快捷键我就不一一演示了，大家如果有觉得好的常用的装逼的快捷键欢迎告知。

commond+alt+< / commond+alt+> (折叠/展开代码)

commond+alt+shift+< /commond+alt+shift+> (全局折叠/展开代码)

commond+alt+[ / commond+alt+] (上移/下移代码)

commond+alt+return/commond+return (拆分)

commond+shift+= (更新约束)

commond+l (根据行数快速定位代码)

control+space (全局搜索)

commond+shift+o (快速打开)

commond+0 / commond+alt+0 / commond+shift+y (显示/关闭左右导航栏/控制台)

commond+shift+0(zero) (快速打开文档)

control+i (格式化代码)

commond+shift+</>+向上/向下箭头 (代码多选)

commond+shift+x (代码整理)

需使用xalign插件下载地址:https://github.com/ChinaFishNews/XAlign.git

commond+n /commond+shift+n (新建文件/项目)

commond+k (清空控制台内容)

commond+shift+j (快速显示当前类所在项目中的位置)

commond+option+r (编辑配置Edit Scheme)

commond+control+a (QQ截屏，然后在对话框点击粘贴)

commond+control+空格 (打开emoji表情)

commond+[/] (显示上/下一层文件目录)

commond+shift+A (滚动截屏,前提是内容超出一屏，非Mac自带，而是snip软件)

commond+shift+. (隐藏/显示隐藏文件)

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-21

将Hexo博客同时搭建在Github和Gitcafe上

Hexo博客是基于nodejs的，那么如何搭建呢，这里我选择了gitcafe和github，主要是国内用户访问github很慢，所以同时托管在这两个平台上。整个搭建过程如下

1.安装nodejs。我选择了使用homebrew安装nodejs，如何安装brewhome呢？使用如下命令

1	ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”

然后使用如下命令安装nodejs

1	brew install node

当然安装nodejs的方法有多种，可以使用git安装也可以下载源码( http://nodejs.org/download/ )自行安装。

2.安装Hexo

使用nodejs自带的npm安装,先cd到安装位置，然后使用如下命令

1	npm install -g hexo

hexo init

1	npm install

也可以下载源码自行安装( http://www.nodejs.org/download/)

3.安装git

现在的mac系统已经自带git了，不需要安装。当然如果没有安装git，可以使用homebrewa安装

1	sudo brew install git

同样也可以下载源码( https://www.kernel.org/pub/software/scm/git/ )自行安装

4.配置SSH key

使用如下命令生成私钥

1	ssh-keygen -t rsa

将生成的key(id_rsa.pub文件，添加到github和gitcafe上（Account Settings->SSH Public Keys），如果之前已经设置过则无需再次设置，主要是为了增加读写权限。

创建项目

在github和gitcafe上分别创建与用户名对应的仓库，仓库名为your_user_name.github.io和your_user_name

修改hexo根目录下_config.yml文件

我是同时托管在github和gitcafe上，做如下设置，ChinaFishNews需换成自己的用户名

deploy:
type: git
repository:
github: git@github.com:ChinaFishNews/ChinaFishNews.github.io.git
gitcafe: git@gitcafe.com:ChinaFishNews/ChinaFishNews.git,gitcafe-pages

如果只托管在github上这样设置

deploy:
type: git
repository:  git@github.com:ChinaFishNews/ChinaFishNews.github.io.git
branch: master

如果只托管在gitcafe上这样设置

deploy:
type: git
repository:  git@gitcafe.com:ChinaFishNews/ChinaFishNews.git
branch: gitcafe-pages

注意，:后面空一格，否则会失败，hexo语法极其严格，在使用markdown写博客的时候也要格外注意。

7 Start the server

hexo博客已搭建好了，可以cd到hexo目录运行

1	hexo server

在浏览器中打开 http://localhost:4000/，这时可以看到Hexo已为你生成了一篇博客。

部署到服务器
hexo server只是在本地浏览，这时候可以部署到服务器了,使用如下命令

hexo g

hexo d

这时候在浏览器上输入chinafishnews.gitcafe.io或者chinafishnews.github.io就可以访问你的博客了(chinafishnews替换为你的用户名)

常用写作命令

建立新文章：hexo n “新文章名”
预览文章：hexo s
生成网页：hexo g
发布文章：hexo d
生成网页并发布文章：hexo d -g
查看Hexo的版本: hexo version

书写博客

可以使用markdown软件书写博客，Mark案例如下http://mahua.jser.me 或https://www.zybuluo.com/mdeditor#fn:code可以参考学习

这是我的一篇博客的案例，titile为标题，data是发布日期，categories: OC指的是属于分类中的OC这一分类,tags指的是添加的标签，除title外剩下的不是必须的，但一但添加，格式必须书写正确，否则会发布失败。文件可随意编辑，语法极其严格，一定要多加注意！

如有任何疑问或问题请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

如有转载，请注明出处，谢谢！

2016-02-19

使用UIBezierPath和CAShapeLayer画各种图形

本文系转载

原作者: J0hnnny

原文地址: http://www.jianshu.com/p/c5cbb5e05075

CAShapeLayer是CALayer的子类，但是比CALayer更灵活，可以画出各种图形，当然，你也可以使用其他方式来画，随你。

杂谈

在 CAShapeLayer 中，也可以像 CALayer 一样指定它的 frame 来画，就像这样：

let layer = CAShapeLayer()
layer.frame = CGRectMake(110, 100, 150, 100)
layer.backgroundColor = UIColor.blackColor().CGColor
view.layer.addSublayer(layer)

然后你就会得到如图这样的黑色矩形

但是，CAShapeLayer 有一个神奇的属性 path 用这个属性配合上 UIBezierPath 这个类就可以达到超神的效果。

UIBezierPath 顾名思义，这是用贝塞尔曲线的方式来构建一段弧线，你可以用任意条弧线来组成你想要的形状，比如，你想用它来和上面一样画一个矩形，那就可以这样子来做：

let path = UIBezierPath(rect: CGRectMake(110, 100, 150, 100))
let layer = CAShapeLayer()
layer.path = path.CGPath
layer.fillColor = UIColor.blackColor().CGColor
view.layer.addSublayer(layer)

要注意的是，这里就不要用backgroundColor 这个属性了，而要使用 fillColor 和 strokeColor ，前者代表设置这个 Layer 的填充色，后者代表设置它的边框色

1 2	layer.fillColor = UIColor.clearColor().CGColor layer.strokeColor = UIColor.blackColor().CGColor

可以试一下把上面代码设置颜色的部分改成这个样子，那么运行程序的时候就会是这种样子

###玩一下UIBezierPath

在说回 UIBezierPath ，在 UIBezierPath 的 init 方法中，就有很多方便你画各种图形的方法，比如你可以画一个带圆角的图形

let path = UIBezierPath(roundedRect: CGRectMake(110, 100, 150, 100), cornerRadius: 50)
let layer = CAShapeLayer()
layer.path = path.CGPath
layer.fillColor = UIColor.clearColor().CGColor
layer.strokeColor = UIColor.blackColor().CGColor

还可以指定起始角和半径画圆

let radius: CGFloat = 60.0
let startAngle: CGFloat = 0.0
let endAngle: CGFloat = CGFloat(M_PI * 2)
let path = UIBezierPath(arcCenter: view.center, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)
let layer = CAShapeLayer()
layer.path = path.CGPath
layer.fillColor = UIColor.clearColor().CGColor
layer.strokeColor = UIColor.blackColor().CGColor

在这里涉及到角度的问题，起始角和结束角，这里的角度使使用弧度制来表示，这里我收藏了一张图片，以方便参考

怎么画曲线

贝塞尔曲线的画法是由起点、终点、控制点三个参数来画的，为了解释清楚这个点，我写了几行代码来解释它

let startPoint = CGPointMake(50, 300)
let endPoint = CGPointMake(300, 300)
let controlPoint = CGPointMake(170, 200)

let layer1 = CALayer()
layer1.frame = CGRectMake(startPoint.x, startPoint.y, 5, 5)
layer1.backgroundColor = UIColor.redColor().CGColor

let layer2 = CALayer()
layer2.frame = CGRectMake(endPoint.x, endPoint.y, 5, 5)
layer2.backgroundColor = UIColor.redColor().CGColor

let layer3 = CALayer()
layer3.frame = CGRectMake(controlPoint.x, controlPoint.y, 5, 5)
layer3.backgroundColor = UIColor.redColor().CGColor

let path = UIBezierPath()
let layer = CAShapeLayer()

path.moveToPoint(startPoint)
path.addQuadCurveToPoint(endPoint, controlPoint: controlPoint)

layer.path = path.CGPath
layer.fillColor = UIColor.clearColor().CGColor
layer.strokeColor = UIColor.blackColor().CGColor

view.layer.addSublayer(layer)
view.layer.addSublayer(layer1)
view.layer.addSublayer(layer2)
view.layer.addSublayer(layer3)

我很随意的定义了三个点，为了清楚显示它们的位置，我放了三个矩形在上面以便观察，然后调用 path.moveToPoint(startPoint) 让它移动到起始点，然后调用path.addQuadCurveToPoint(endPoint, controlPoint: controlPoint) 这个方法告诉它结束点和控制点，这样它就能画出一条有弧度的线条了，如果把fillColor设置一个颜色，那么它就会变成一个很丑的形状了，示例图如下

控制点决定了它的曲率，曲线的顶点不等于控制点的位置，具体可以看一下贝塞尔曲线的定义，你还可以使用两个控制点来画，两个控制点可以使用方法 path.addCurveToPoint(endPoint, controlPoint1: controlPoint, controlPoint2: controlPoint2)来搞定

这样它会是这个样子

再来说说 CAShapeLayer

CAShapeLayer 是个神奇的东西，给它一个path它就能变成你想要的形状，它还有很多可以玩的地方。综合使用可以组合成不同的动画，比如下面这样

这三个动画就是使用了 strokeEnd strokeStart lineWidth 三个属性，第一个动画用了strokeEnd这个属性的值范围是0-1，动画显示了从0到1之间每一个值对这条曲线的影响，strokeStart的方法则是相反的，如果把这两个值首先都设置成0.5然后慢慢改变成0和1的时候就会变成第二个动画，配合lineWidth则曲线会慢慢变粗，这里的很多属性都是支持动画的。

示例代码

private func animation1() {
    let animation = CABasicAnimation(keyPath: "strokeEnd")
    animation.fromValue = 0
    animation.toValue = 1
    animation.duration = 2
    layer.addAnimation(animation, forKey: "")
}

private func animation2() {
    layer.strokeStart = 0.5
    layer.strokeEnd = 0.5

    let animation = CABasicAnimation(keyPath: "strokeStart")
    animation.fromValue = 0.5
    animation.toValue = 0
    animation.duration = 2

    let animation2 = CABasicAnimation(keyPath: "strokeEnd")
    animation2.fromValue = 0.5
    animation2.toValue = 1
    animation2.duration = 2

    layer.addAnimation(animation, forKey: "")
    layer.addAnimation(animation2, forKey: "")
}

private func animation3() {
    let animation = CABasicAnimation(keyPath: "lineWidth")
    animation.fromValue = 1
    animation.toValue = 10
    animation.duration = 2
    layer.addAnimation(animation, forKey: "")
}

应用一下

前一阵子在仿时光网这个APP，其中有一个Layer的形状很怪异，是这样的

很明显它可以用 CAShapeLayer + UIBezierPath 来做，思路大概是这样，先移动到左上方的位置，然后向下划线，然后往右划线，然后往上划线，还剩一个盖子，这个盖子就用一个控制点控制曲率，非常简单，代码如下

let finalSize = CGSizeMake(CGRectGetWidth(view.frame), 400)
let layerHeight = finalSize.height * 0.2
let layer = CAShapeLayer()
let bezier = UIBezierPath()
bezier.moveToPoint(CGPointMake(0, finalSize.height - layerHeight))
bezier.addLineToPoint(CGPointMake(0, finalSize.height - 1))
bezier.addLineToPoint(CGPointMake(finalSize.width, finalSize.height - 1))
bezier.addLineToPoint(CGPointMake(finalSize.width, finalSize.height - layerHeight))
bezier.addQuadCurveToPoint(CGPointMake(0,finalSize.height - layerHeight),
    controlPoint: CGPointMake(finalSize.width / 2, (finalSize.height - layerHeight) - 40))
layer.path = bezier.CGPath
layer.fillColor = UIColor.blackColor().CGColor
view.layer.addSublayer(layer)

就能画出这样的形状来

再来一个复杂点的，微信下拉拍小视频的那只眼睛很有趣，来模仿一下那个效果吧，它是这样的

首先你得画出这只眼睛，这是眼睛包括5个部分组成（这个是用OC写的）

@property (strong, nonatomic) CAShapeLayer *eyeFirstLightLayer;
@property (strong, nonatomic) CAShapeLayer *eyeSecondLightLayer;
@property (strong, nonatomic) CAShapeLayer *eyeballLayer;
@property (strong, nonatomic) CAShapeLayer *topEyesocketLayer;
@property (strong, nonatomic) CAShapeLayer *bottomEyesocketLayer;

然后，还是通过 UIBezierPath 和 CAShapeLayer 这样的老套路来画，代码较多

- (CAShapeLayer *)eyeFirstLightLayer {
    if (!_eyeFirstLightLayer) {
        _eyeFirstLightLayer = [CAShapeLayer layer];
        CGPoint center = CGPointMake(CGRectGetWidth(self.frame) / 2, CGRectGetHeight(self.frame) / 2);
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center
                                                            radius:CGRectGetWidth(self.frame) * 0.2
                                                        startAngle:(230.f / 180.f) * M_PI
                                                          endAngle:(265.f / 180.f) * M_PI
                                                         clockwise:YES];
        _eyeFirstLightLayer.borderColor = [UIColor blackColor].CGColor;
        _eyeFirstLightLayer.lineWidth = 5.f;
        _eyeFirstLightLayer.path = path.CGPath;
        _eyeFirstLightLayer.fillColor = [UIColor clearColor].CGColor;
        _eyeFirstLightLayer.strokeColor = [UIColor whiteColor].CGColor;
    }
    return _eyeFirstLightLayer;
}

- (CAShapeLayer *)eyeSecondLightLayer {
    if (!_eyeSecondLightLayer) {
        _eyeSecondLightLayer = [CAShapeLayer layer];
        CGPoint center = CGPointMake(CGRectGetWidth(self.frame) / 2, CGRectGetHeight(self.frame) / 2);
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center
                                                            radius:CGRectGetWidth(self.frame) * 0.2
                                                        startAngle:(211.f / 180.f) * M_PI
                                                          endAngle:(220.f / 180.f) * M_PI
                                                         clockwise:YES];
        _eyeSecondLightLayer.borderColor = [UIColor blackColor].CGColor;
        _eyeSecondLightLayer.lineWidth = 5.f;
        _eyeSecondLightLayer.path = path.CGPath;
        _eyeSecondLightLayer.fillColor = [UIColor clearColor].CGColor;
        _eyeSecondLightLayer.strokeColor = [UIColor whiteColor].CGColor;

    }
    return _eyeSecondLightLayer;
}

- (CAShapeLayer *)eyeballLayer {
    if (!_eyeballLayer) {
        _eyeballLayer = [CAShapeLayer layer];
        CGPoint center = CGPointMake(CGRectGetWidth(self.frame) / 2, CGRectGetHeight(self.frame) / 2);
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center
                                                            radius:CGRectGetWidth(self.frame) * 0.3
                                                        startAngle:(0.f / 180.f) * M_PI
                                                          endAngle:(360.f / 180.f) * M_PI
                                                         clockwise:YES];
        _eyeballLayer.borderColor = [UIColor blackColor].CGColor;
        _eyeballLayer.lineWidth = 1.f;
        _eyeballLayer.path = path.CGPath;
        _eyeballLayer.fillColor = [UIColor clearColor].CGColor;
        _eyeballLayer.strokeColor = [UIColor whiteColor].CGColor;
        _eyeballLayer.anchorPoint = CGPointMake(0.5, 0.5);

    }
    return _eyeballLayer;
}

- (CAShapeLayer *)topEyesocketLayer {
    if (!_topEyesocketLayer) {
        _topEyesocketLayer = [CAShapeLayer layer];
        CGPoint center = CGPointMake(CGRectGetWidth(self.frame) / 2, CGRectGetHeight(self.frame) / 2);
        UIBezierPath *path = [UIBezierPath bezierPath];
        [path moveToPoint:CGPointMake(0, CGRectGetHeight(self.frame) / 2)];
        [path addQuadCurveToPoint:CGPointMake(CGRectGetWidth(self.frame), CGRectGetHeight(self.frame) / 2)
                     controlPoint:CGPointMake(CGRectGetWidth(self.frame) / 2, center.y - center.y - 20)];
        _topEyesocketLayer.borderColor = [UIColor blackColor].CGColor;
        _topEyesocketLayer.lineWidth = 1.f;
        _topEyesocketLayer.path = path.CGPath;
        _topEyesocketLayer.fillColor = [UIColor clearColor].CGColor;
        _topEyesocketLayer.strokeColor = [UIColor whiteColor].CGColor;
    }
    return _topEyesocketLayer;
}

- (CAShapeLayer *)bottomEyesocketLayer {
    if (!_bottomEyesocketLayer) {
        _bottomEyesocketLayer = [CAShapeLayer layer];
        CGPoint center = CGPointMake(CGRectGetWidth(self.frame) / 2, CGRectGetHeight(self.frame) / 2);
        UIBezierPath *path = [UIBezierPath bezierPath];
        [path moveToPoint:CGPointMake(0, CGRectGetHeight(self.frame) / 2)];
        [path addQuadCurveToPoint:CGPointMake(CGRectGetWidth(self.frame), CGRectGetHeight(self.frame) / 2)
                     controlPoint:CGPointMake(CGRectGetWidth(self.frame) / 2, center.y + center.y + 20)];
        _bottomEyesocketLayer.borderColor = [UIColor blackColor].CGColor;
        _bottomEyesocketLayer.lineWidth = 1.f;
        _bottomEyesocketLayer.path = path.CGPath;
        _bottomEyesocketLayer.fillColor = [UIColor clearColor].CGColor;
        _bottomEyesocketLayer.strokeColor = [UIColor whiteColor].CGColor;

    }
    return _bottomEyesocketLayer;
}

然后更改一下某些属性的值，方便稍后的动画

- (void)setupAnimation {
    self.eyeFirstLightLayer.lineWidth = 0.f;
    self.eyeSecondLightLayer.lineWidth = 0.f;
    self.eyeballLayer.opacity = 0.f;
    _bottomEyesocketLayer.strokeStart = 0.5f;
    _bottomEyesocketLayer.strokeEnd = 0.5f;
    _topEyesocketLayer.strokeStart = 0.5f;
    _topEyesocketLayer.strokeEnd = 0.5f;
}

最后根据 UIScrollView 的 contentOffset 来控制各种属性，办法较笨，但管用。

- (void)animationWith:(CGFloat)y {
    CGFloat flag = self.frame.origin.y * 2.f - 20.f;
    if (y < flag) {
        if (self.eyeFirstLightLayer.lineWidth < 5.f) {
            self.eyeFirstLightLayer.lineWidth += 1.f;
            self.eyeSecondLightLayer.lineWidth += 1.f;
        }
    }

    if(y < flag - 20) {
        if (self.eyeballLayer.opacity <= 1.0f) {
            self.eyeballLayer.opacity += 0.1f;
        }

    }

    if (y < flag - 40) {
        if (self.topEyesocketLayer.strokeEnd < 1.f && self.topEyesocketLayer.strokeStart > 0.f) {
            self.topEyesocketLayer.strokeEnd += 0.1f;
            self.topEyesocketLayer.strokeStart -= 0.1f;
            self.bottomEyesocketLayer.strokeEnd += 0.1f;
            self.bottomEyesocketLayer.strokeStart -= 0.1f;
        }
    }

    if (y > flag - 40) {
        if (self.topEyesocketLayer.strokeEnd > 0.5f && self.topEyesocketLayer.strokeStart < 0.5f) {
            self.topEyesocketLayer.strokeEnd -= 0.1f;
            self.topEyesocketLayer.strokeStart += 0.1f;
            self.bottomEyesocketLayer.strokeEnd -= 0.1f;
            self.bottomEyesocketLayer.strokeStart += 0.1f;
        }
    }

    if (y > flag - 20) {
        if (self.eyeballLayer.opacity >= 0.0f) {
            self.eyeballLayer.opacity -= 0.1f;
        }
    }

    if (y > flag) {
        if (self.eyeFirstLightLayer.lineWidth > 0.f) {
            self.eyeFirstLightLayer.lineWidth -= 1.f;
            self.eyeSecondLightLayer.lineWidth -= 1.f;
        }
    }
}

最后

总之使用 UIbezierPath 和 CAShapeLayer 可以画出你想要的任何形状，没有它做不到，只有你想不到，搞定了它们你就可以轻松定制你想要的任何控件了。

2016-02-19

iOS性能调优-使用Instruments诊断App

Instruments是Xcode提供的一个强大的工具，Allocations,Leaks,Time Profiler被戏称为Instruments的救命三招。Alocations通常用来跟踪app内存使用情况，Leaks用来检查app运行时产生的内存泄露，Time profiler用来帮助我们分析代码的执行时间，找出程序变慢的原因。

本来想写一篇总结Instruments下各工具使用的博客，网上查了下，资料已经很丰富，讲解的也远比我想讲的要好的多，最主要的是，写博客太费时间，尤其是长篇博客，在此，对那些乐此不疲产生优质文章的博主、作者致以崇高的敬意,感谢你们的劳动成果让开发者们受益！

下面这篇文章讲得比价全面，可以自行阅读探索

如何使用Instruments诊断App（Swift版)

如有任何错误之处或疑问，请联系我:fishnewsdream@gmail.com,欢迎交流，共同提高！

Objective-C/Swift技术开发交流群201556264，讨论何种技术并不受限，欢迎各位大牛百家争鸣！

微信公众号OldDriverWeekly，欢迎关注并提出宝贵意见

老司机iOS周报,欢迎关注或订阅

刚刚在线工作室，欢迎关注或提出建设性意见！

刚刚在线论坛, 欢迎踊跃提问或解答！

2016-02-18

iOS崩溃调试的多种方法

在iOS开发调试及上线后，程序都经常需要调试，简单点来说开发时打断点，复杂的情况下需要分析crash文件，尤其是上线后也需要修复崩溃的bug。

获取崩溃信息有多种方法。一般来说有如下几种

自己实现应用内崩溃收集，也可上传服务器
使用苹果提供的Carsh崩溃收集服务
Xcode自带的查看设备崩溃信息
使用第三方统计工具

自己实现应用内崩溃收集

苹果提供了异常处理的类，NSException,这个类可以创建及获取一个异常对象。

使用苹果提供的Carsh崩溃收集服务

苹果在Xcode中为我们集成了崩溃统计功能，在Window->Organizer->Crashes中可以看到

但是，苹果自带的这个崩溃统计工具需要在手机上额外设置。
设置->隐私->诊断与用量->诊断与用户数据(iOS8以下在通用中设置)，选择自动发送并与开发者分享即可。

Xcode自带的查看设备崩溃信息

打开Xcode,选择Windows－> Devices －> 选择自己的手机 -> View Device Logs 就可以查看我们的崩溃信息。

如果手机上的应用是这台电脑打包安装的，这样崩溃信息已经为我们符号化好了，点击去之后，如果还是没有符号化完毕，我们选择文件，然后右击选择Re-Sysbomlicate就可以。如果是使用其他电脑进行的打包，我们可以在这里面将Crash文件导出，自己通过命令行的方式进行解析。

使用第三方统计工具

之前使用过友盟，还需要使用工具自行解析，感觉并不是很好，还有比如百度统计，BugHD,Fabric等很多。崩溃收集统计函数应该只进行一次调用，如果用第三方的话也最好只用一个第三方，这样我们获取崩溃统计信息的途径也是唯一的。第三方统计工具并不是用的越多越好，使用多个崩溃收集第三方会导致NSSetUncaughtExceptionHandler()函数指针的恶意覆盖，导致有些第三方不能收到崩溃信息。

我现在在用的是Fabric，感觉相当不错，下篇文章再做讲解。另外BugHD也还是不错，就是延迟太久才能收到.使用BugHD,需前往官网注册，创建项目，然后集成代码，整个流程非常简单。

1.下载并导入 SDK 下载 SDK

将下载包中的 BugHD.framework 文件夹拖到 Xcode 项目中,在应用设置中, Build Phases -> Link Binary With Libraries 里添加SystemConfiguration.framework，当然也可以通过Cocoapods安装，官网那个有详细的使用文档。

2 在 AppDelegate.m 中导入头文件:

#import \ //导入头文件
然后在

application:didFinishLaunchingWithOptions: 方法中加入一行:

[BugHD handleCrashWithKey:@”你的GENERAL_KEY”]; 即可。

GENERAL_KEY在创建项目时会自动生成。默认是在release模式下词汇收集错误信息，会将错误信息显示在官网并会发到注册邮箱里。Debug模式下也希望收到错误信息的话，需要设置

捕捉到的错误信息

但是这个错误信息延迟的太久，可能需要半天甚至一天的时间才能收集到。

dSYM

上述中提到的dSYM，是一种文件格式。我们每次Archive之后，都会生成一个dSYM文件，也就是符号集。符号集是我们打包之后，和.app文件同级的后缀名为.dSYM的文件，这个文件必须使用Xcode进行打包才有。每一个.dSYM文件都有一个UUID，和.app文件中的UUID对应，代表着是一个应用。而.dSYM文件中每一条崩溃信息也有一个单独的UUID，用来和程序的UUID进行校对。符号集中存储着文件名、方法名、行号的信息，是和可执行文件的16进制函数地址对应的，通过分析崩溃的.Crash文件可以准确知道具体的崩溃信息。必须使用当前应用打包的电脑所生成的dSYM文件，其他电脑生成的文件可能会导致分析不准确。