Will's Blog

读书很重要，但是学习起步阶段还是跟老师前辈学习，容易入”门”。

上午听了产品经理的课，感觉对公司产品有了更直接的了解，更多的是面向用户面向市场的考虑。

小组项目基本确定，期待一周内见到它。

王程远

淘宝4年产品经理

产品经理要有无授权领导能力

视觉设计和交互设计角色，不一定等同于具体一个人。

豆瓣小组是社区运营典范，其搜索排序算法：小组浓度，重心在核心用户质量

投资砸钱考虑RY

多变的奖励让用户成为深度用户

推荐书：Hooked: How to Build Habit-Forming Products

A product manager investigates, selects, and drives the development of products for an organization, performing the activities of product management.

In some companies, the product manager also acts as a:

-Product marketing manager — may perform all outbound marketing activities in the older sense of the term
-Project manager — may perform all activities related to schedule and resource management
-Program manager — may perform activities related to schedule, resource, and cross-functional execution

Tinyfool

-Git: 模块细分好

-时间周期：至少有个版本

-看文档：还需要自主学习，扫目录索引记忆，术语概念明白

小组技术讨论

郭意亮：技术分解原型图，大致分了相机和 UI 界面。尽可能地分解每一步，并画出原型图。我和易庆晟分别负责相机和 UI，下周交付出一个MVP出来。

Reveal 介绍

Reveal 最早是在唐巧的《iOS 开发进阶》看到的，当时不以为然。其实书中很多内容都不以为然，因为那时候还是入门阶段，自然看不懂的。主要缺乏交流，自悟容易自误。

最近 GeekBand 的段松老师的课程，纯代码的 UI 布局，就遇到了极大的困惑：布局错了不知道在哪里，控件失踪了（跑到屏幕外的 frame）。搜索了一下，重新找到 Reveal 介绍的文章，试用了一下很强大。可以实时更改控件属性、大小位置等等，同步显示在真机或 Simulator 中。和 Sketch、Photoshop 的 Mirror 功能差不多，当然只是调试，实际更改还要在 Xcode 中完成。

Reveal 使用方法

Reveal 官方教程：

• http://support.revealapp.com/kb/getting-started/integrating-reveal-add-reveal-to-your-xcode-project

• 集成Reveal：不修改您的Xcode工程并加载Reveal

推荐越狱，只要简单配置一下，还可以查看手机安装的第三方 APP。

• 越狱后安装 Apple File Conduit “2” 和 OpenSSH
• 导入 libReveal.dylib ：

1
2
3

scp /Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/libReveal.dylib root@192.168.0.X:/Library/MobileSubstrate/DynamicLibraries

• 导入 libReveal.plist，格式如下：

1
2
3
4
5
6
7

{
Filter = {
Bundles = (
"com.apple.test",
);
};
}

1
2
3

scp ~/Documents/libReveal.plist root@192.168.0.X:/Library/MobileSubstrate/DynamicLibraries

小技巧：网上下载的 Demo 直接改 Bundle ID：com.apple.test，即可开始 Reveal 了。

Debug View Hierarchy in Xcode

Xcode 的 Debug View Hierarchy 只能看看，就弱爆了。而且极易造成 Xcode 崩溃。

sunshine of 5 o’clock

最近5点钟起床，可能昨天是1点钟睡的（哦不对，是今天），可能中午会补一觉回来。这里绝不是学习科技公司的 CEO，必须早上起来处理完事情，员工才能上班按计划做事。而是因为学习 iOS 的激情和自我的压力。希望不会想初中高中那会，累的白了头，毕竟现在还是稍微完善了自我管理和娱乐方式也多了。

学习的激情

接触 iOS 可能有2年了，自学开发断断续续也有1年了。问题来了之前没有激情吗？答案是我只是停留在用户角度喜欢苹果的设计的美感和简介，优雅是苹果追求的，但是只有少数产品实现了。另外闭门造车太难了，根据学习本来是就社交属性的，联系到学习金字塔理论，培训和参加社区，才能找到开发的乐趣。包括认识很多不同的人，有趣的人，又或者精神导师之类，可以讨论问题、新的技术或新的产品。这一切都是与人打交道的。孤立起来的人，要么天才要么疯子。显然我不是前者，随意为了避免成为后者我要主动开放的心态参加社区，结交朋友。尤其最近参加了 CocoaHeads Shanghai Meetup，发了很多有意思的开发者和有趣的人。还是 tinyfool 很久以前提到的 Meetup，最近想认识更多的 iOS 开发者才想起来参加的活动。

We just grab a coffee and speak French. Some people have been coming every week for months… it creates a kind of warmth to the group.

— Rafaël, started French Conversation Group

书非借不能读也，软件非买不珍惜也。两者真心是个矛盾的东西，按照割肉理论，可能是书太便宜了，买了也是几乎零成本。最近买了些开发利器如：Duet Display、Dash 3，还有免费的 Alcatraz、FuzzyAutocomplete、iOS Charts 等等。也让我很是着迷之中。

最近一周学习到很多知识，尤其学会利用 Apple iOS Documentation，这里强烈推荐 Dash 3，可以一步打开 Documentation（学习快人一步）。而且继承了 Google 和 Stack Overflow，非常方便。还有 GeekBand 段松老师的课程也是很好的，毕竟是一线开发者，提到了很多经验和工作中常用的方法和知识点。学会看文档掌握了主动权，可以练习和实战课程没有提到的点，练习也是非常重要的学习方法。以前也看了借本书和视频教程，但是很快就忘记了，究其原因不过是似懂非懂的了解一下，还是不会实际开发。正所谓听了很多道理，依然过不好这一生。没有去实践，就是过了听瘾，如同看电影肥皂剧一样。别人的道理又怎么会改变你的人生？

自我压力

本来想说是自我管理，生活的动力往往来自压力或激情。尤其是最近读了一篇文章：不和穷人谈恋爱？，简直是是醍醐灌顶。本非简单地说你穷，不愿理你，而是说你甘愿做一个穷人这就有问题。我再也不愿逃避我现阶段失败的状态。直接导致我每天5点钟自然醒，因为压力，因为我要改变自己。

我说你说的就跟穷人有罪似的。她说对啊，穷人就是有罪。然后她看着夜空说，“你不觉得现在这个社会，年轻人很难穷吗？真的只要稍微学点什么，用点脑子，对生活稍微用力一点，就可以养活自己。在这个时代，还坚持穷下去的人他绝对不是简单的穷的问题了，一定是他性格或者人品上有什么缺陷和问题，才导致他穷。你不要小看穷，也不用动不动掏出你一颗圣母心来疼爱万物，我再说一遍，在这个时代一个人穷说明他自身有着很大的问题。”

“尤其男人，穷就判定了这个人没有责任心，也没有任何人脉，换句话说没有人脉就是不会看人，不会交朋友。你肯定又要跟我扯阶级，说一个人也必须拥有差不多的实力，才能跻身比自己高一个级别的圈子。但是就算门口烤白薯的人特别好，特别会做人，他也能交到几个朋友愿意帮他的。这是一个人情商问题，没有朋友愿意帮他，第一说明他情商低，第二说明这个人人品有问题，第三，正常人都有社交，一个人没对象很正常，要是一个朋友都没有，那你不用跟我争，这人就是有问题。”

矫情一下😸：

从明天起，做一个有趣的人

学习，吃饭，周游世界

重读前言提到的学习方法：

设定目标一天一章，找一个安静地场所，关闭手机和电脑各种聊天和通知，读书无法多任务并行，必须集中精力。

1. 通读整章
2. 编写代码和调试（特别有帮助）
3. 笔记

最终目标：

• 必须学会 Objective-C
• 必须掌握 Cocoa 的常用技术：视图、控制器、内存管理、代理
• 必须掌握框架和学会查看官方文档

The 4 Most Important Skills for a Software Developer: If you can solve problems, learn things quickly, name things well and deal with people, you will have a much greater level of success in the long run than you will in specializing in any particular technology.

上面这篇文章中提到解决问题的能力很重要，因为真实的编程工作内容就是解决问题，所以习题很重要，做习题就是解决问题，这也和本书提到调试非常有帮助不谋而合，因为你在调试就是在解决问题。

发现我一直在寻求简单的道理（大道至简），习惯于归纳要旨和大纲。但是却忽略了细节，其实全局的理解和记忆也是必经之路。读书先薄再厚再薄，第二阶段最为繁长的耗时，但也是最重要的。

7.2 委托

Delegation 翻译为委托/代理

代理的前三步：

• 视图中创建一个代理协议
• 视图中创建一个代理的属性，其类型是代理协议
• 视图中使用代理的属性

代理的后三步：

• 控制器声明并完成代理协议
• 控制器把自己作为视图的代理，通过设置代理的属性
• 控制器实施代理的方法

7.8 中级练习：捏合-缩放

习题提示部分大不大懂。对比了英文版，翻译的不对啊。看中文翻译有出入，看英文太慢。解决方法：还是看中文版，Demo 和习题都做完了，再看一遍英文版。先精通一门语言的再说，以后学其他的就容易了。

谁让开发语言和大部分开发者都用英文呢，其实我现阶段看简单 Stack Overflow 和 Apple Document 都没有问题了，毕竟英文单词不多，也都是简单的词。希望以后能够直接看英文教材。

又是看了 BNR 论坛答案： http://forums.bignerdranch.com/viewtopic.php?f=488&t=9983

是我想复杂了，这里只是一个框架内置的协议，所以只要在
AppDelegate.m 完成后三步就行了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

//
//  AppDelegate.m
//  Hypnosister


#import "AppDelegate.h"
#import "GWHypnosisView.h"


@interface AppDelegate () <UIScrollViewDelegate>  // ①

// setting property for the image view...
@property (nonatomic) GWHypnosisView *scrollHypnosisView; // ②

@end

@implementation AppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    
    // Override point for customization after application launch.
    
    CGRect screenRect = self.window.bounds;
    CGRect bigRect = screenRect;
    bigRect.size.width *= 2.0;
    bigRect.size.height *= 2.0;
    
    
    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:screenRect];
    
    // setting some zooming properties
    scrollView.pagingEnabled = NO;
    scrollView.minimumZoomScale = 0.5;
    scrollView.maximumZoomScale = 6.0;
    scrollView.contentSize = CGSizeMake(1280, 960);
    scrollView.delegate = self;
    
    [self.window addSubview:scrollView];
    
    self.scrollHypnosisView = [[GWHypnosisView alloc] initWithFrame:bigRect];
    
    
    [scrollView addSubview:self.scrollHypnosisView];
    
    scrollView.contentSize = bigRect.size;
    
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    
    
    return YES;
}

// ③ zooming method definition
-(UIView *) viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.scrollHypnosisView;
}

项目代码保存在我的 GitHub: iOSProgramming4edSolutions

7. 经典 UI 应用框架

UITabBarController + UINavigationController 基本上就可以完成一个 APP。

删除多余注释，不是强迫症而是要保证代码简洁干净。

有了 BLDemo03 就有了一个基础 UI 框架 ，就可以快速开发一个 APP，很给力。

9. 应用界面的切换

添加按钮，push/modal 到自定义子视图

10. UI 界面编程基础

1
2
3
4
5
6
7
8
9

// add an UIImageView and an image in it

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 212, 200, 200)];

UIImage *image = [UIImage imageNamed:@"bg5.png"];

[imageView initWithImage:image];

[self.view addSubview:imageView];

感觉代码添加 UI 很简单，设置大小属性内容，添加到 view。

完成相应地代理，可以实现视图“控制” model。

13.UIView 和常用的组件

类似画画上色过程，自底向上以此上色。

Views 自上到下的层次关系：

• UIImage
• UIImageView
• UIView
• UIScrollView 和 UIPagecontrol
• self.view

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

//
//  BLThreeViewController.h
//  BLDemo03


#import <UIKit/UIKit.h>
#import "BLBaseViewController.h"

@interface BLThreeViewController : BLBaseViewController <UIScrollViewDelegate>
{
    UIScrollView  *_scrollView;
    UIPageControl *_pageControl;
    UIView        *_contentView;
}


@end

BLDemo01 L13 课开始集成了 Reveal，很直观看懂层次关系

源码保存在我的 GitHub: GeekBand-iOS-Demo

6.5 添加本地通知

书中没有提到申请通知权限，方法如下

add this code, it will show a alert view to ask user for permission.

1
2
3
4
5
6
7

if ([UIApplication instancesRespondToSelector:@selector(registerUserNotificationSettings:)]) {
    [[UIApplication sharedApplication] registerUserNotificationSettings:[UIUserNotificationSettings settingsForTypes:UIUserNotificationTypeAlert|UIUserNotificationTypeSound|UIUserNotificationTypeBadge
                                                                                                          categories:nil]];
}

    

6.7 与视图控制器及其视图进行交互

视图控制器的生命周期方法（lifecycle method）：

• application:didFinishLaunchingWithOptions:在该方法中设置和初始化应用窗口的根视图控制器。该方法只会在应用启动完毕后调用一次。

• initWithNibName:bundle:该方法是UIViewController的指定初始化方法，创建视图控制器时，就会调用该方法。请注意，某些情况下，需要在同一个应用中创建多个相同的UIViewController子类对象，每次创建一个该类的对象时，都会调用一次该类的initWithNibName:bundle:方法。

• loadView:可以覆盖该方法，使用代码方式设置视图控制器的view属性。

• viewDidLoad可以覆盖该方法，设置使用NIB文件创建的视图对象。该方法会在视图控制器加载完视图后被调用。

• viewWillAppear:可以覆盖该方法，设置使用NIB文件创建的视图对象。该方法和

• viewDidAppear:会在每次视图控制器的view显示在屏幕上时被调用；相反，

• viewWillDisappear:和viewDidDisappear:方法会在每次视图控制器的view从屏幕上消失时被调用。

6.9 中级练习：控制逻辑

查文档不懂，这是个大问题，有待提高看文档具体怎么组织的能力。Stack Overflow 的答案运行崩溃，没有理解原理，mainSegmentControl: 方法没有声明。最后还是去 BNR论坛 找到了答案。

熟悉文档浏览 UIColor，其实也是不很精通颜色，但是还是大部分看懂了，也了解了目录结构和对应文本的样式。

GWHypnosisViewController.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    NSLog(@"GWHypnosisViewController loaded its view.");

    // 初始化UISegmentedControl，设置大小和颜色
    UISegmentedControl *segmentedControl = [[UISegmentedControl alloc] initWithItems:@[@"Red", @"Green", @"Blue"]];
    segmentedControl.frame = CGRectMake(0, 0, 250, 50);
    segmentedControl.tintColor = [UIColor blackColor];
    
    // 注册UISegmentedControl
    [segmentedControl addTarget:self.view
                         action:@selector(mainSegmentControl:)
               forControlEvents: UIControlEventValueChanged];
    // 添加到视图
    [self.view addSubview:segmentedControl];
    
}

GWHypnosisView.h

1
2
3

- (void)mainSegmentControl:(UISegmentedControl *)segment;

GWHypnosisView.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// mainSegmentControl: 方法用来接受 UISegmentedControl 发的消息
- (void)mainSegmentControl:(UISegmentedControl *)segment
{
    
    if(segment.selectedSegmentIndex == 0)
    {
        // action for the first button (Current or Default)
        self.circleColor = [UIColor redColor];
    }
    else if(segment.selectedSegmentIndex == 1)
    {
        // action for the second button
        self.circleColor = [UIColor greenColor];
    }
    else if(segment.selectedSegmentIndex == 2)
    {
        // action for the third button
        self.circleColor = [UIColor blueColor];
    }
    
}

项目代码保存在我的 GitHub: iOSProgramming4edSolutions

5.1 运行循环和重绘原理

iOS 每次事件处理周期中只发送一次 drawRect: 消息。所以视图要重绘必须向其发送 setNeedDisplay 消息。

5.3 使用 UIScrollView

添加子视图，设置大小即可。类似一张大的画布，可以方便移动局部查看。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

CGRect screenRect = self.window.bounds;
CGRect bigRect = screenRect;
bigRect.size.width *= 2.0;

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:screenRect];
[scrollView setPagingEnabled:YES];
[self.window addSubview:scrollView];


GWHypnosisView *hypnosisView = [[GWHypnosisView alloc] initWithFrame:screenRect];
[scrollView addSubview:hypnosisView];

screenRect.origin.x += screenRect.size.width;
GWHypnosisView *anotherView = [[GWHypnosisView alloc] initWithFrame:screenRect];
[scrollView addSubview:anotherView];


scrollView.contentSize = bigRect.size;

项目代码保存在我的 GitHub: iOSProgramming4edSolutions

独立做练习的过程中学习和收获的很多，很多原本认为了解的知识变成了理解和会用的知识。官方文档还有待熟悉。

4.2 视图层次结构

4.6 初级练习：绘制图片

GWHypnosisView.m 的 - (void)drawRect:(CGRect)rect{}添加以下代码：

1
2
3
4
5
6
7

// 添加logo，中心点为屏幕中心点
CGRect logoFrame = CGRectMake(center.x - bounds.size.width / 4,  center.y - bounds.size.height / 4, bounds.size.width / 4 * 2, bounds.size.height / 4 * 2);
UIImage *logoimage = [UIImage imageNamed:@"logo.png"];
[logoimage drawInRect:logoFrame];
UIView *logoView = [[UIView alloc]initWithFrame:logoFrame];
[self.window addSubview:logoView];

4.8 高级练习：阴影和渐变

GWHypnosisView.m 的 - (void)drawRect:(CGRect)rect{}添加以下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

// 添加三角形，并添加渐变效果

CGContextRef triangleContext = UIGraphicsGetCurrentContext();

UIBezierPath *trianglePath = [[UIBezierPath alloc] init];
[trianglePath moveToPoint:CGPointMake(center.x + bounds.size.width / 3, center.y + bounds.size.height / 3)];
[trianglePath addLineToPoint:CGPointMake(center.x - bounds.size.width / 3, center.y + bounds.size.height / 3)];
[trianglePath addLineToPoint:CGPointMake(center.x, center.y - bounds.size.height / 3)];
[trianglePath addLineToPoint:CGPointMake(center.x + bounds.size.width / 3, center.y + bounds.size.height / 3)];
[trianglePath stroke];

CGContextSaveGState(triangleContext);
[trianglePath addClip];


CGFloat locations[2] = { 0.0, 1.0 };
CGFloat components[8] = { 1.0, 1.0, 0.0, 1.0,
    0.0, 0.5, 0.0, 1.0 };
CGColorSpaceRef colorspace = CGColorSpaceCreateDeviceRGB();
CGGradientRef gradient = CGGradientCreateWithColorComponents(colorspace, components, locations, 2);

CGPoint startPoint = CGPointMake(center.x, center.y + bounds.size.height / 3 );
CGPoint endPoint = CGPointMake(center.x, center.y - bounds.size.height / 3 );
CGContextDrawLinearGradient(triangleContext, gradient, startPoint, endPoint, 0);

CGGradientRelease(gradient);
CGColorSpaceRelease(colorspace);

CGContextRestoreGState(triangleContext);

// 添加阴影
CGContextRef logoContext = UIGraphicsGetCurrentContext();
CGContextSaveGState(logoContext);
CGContextSetShadow(logoContext, CGSizeMake(4, 7), 3);


// 添加logo，中心点为屏幕中心点
CGRect logoFrame = CGRectMake(center.x - bounds.size.width / 4,  center.y - bounds.size.height / 4, bounds.size.width / 4 * 2, bounds.size.height / 4 * 2);
UIImage *logoimage = [UIImage imageNamed:@"logo.png"];
[logoimage drawInRect:logoFrame];
UIView *logoView = [[UIView alloc]initWithFrame:logoFrame];
[self.window addSubview:logoView];

CGContextRestoreGState(logoContext);

最终效果图：

项目代码保存在我的 GitHub: iOSProgramming4edSolutions

看到极客班同学 Kevin Wang 分享的 CocoaPods 笔记：iOS学习备忘录：CocoaPods基本使用技巧，我自己就试着一下。

以下安装 AFNetworking 的过程，同时参考了：Getting Started with AFNetworking 和 唐巧的 《iOS 开发进阶》。

感觉 Getting Started with AFNetworking，写的非常好了。我已经没有地方修改，就加了我在安装 CocoaPods 遇到的一个坑。看样子还是要英文顺溜才行。

CocoaPods 网络库加 Podfile 配置文件，一个可以方便添加第三方库，而是团队协作容易统一版本，真真一个好东西。

Step 1: Download CocoaPods

第一步开 VPN，不要问为什么。终端输入：

$ sudo gem install cocoapods
$ pod setup

我遇到没有安装没有如何进度和提示，重装 Ruby 和 RubyGems 就好了。

 $ brew install ruby
 $ gem update --system
 
 

Step 2: Create a Podfile

用 Xcode 或其他编辑器新建 Podfile，放在项目根目录下：

$ touch Podfile
$ open -a Xcode Podfile

并复制下面内容到 Podfile：

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '7.0'
pod 'AFNetworking', '~> 2.5'

Step 3: Install Dependencies

$ pod install

以后只要打开 Xcode workspace (.xcworkspace)才行

$ open <YourProjectName>.xcworkspace

Step 4: Dive In!

大功告成，至此就可以使用 AFNetworking 了。记得在需要的类中 #import 头文件。

最后分享一个在利器上看到的利器：Pushbullet 是跨平台双向文件传输工具。如果你同时使用 Mac、ios 和 Android 又想要在设备间无线传输图片、文字，那么你一定需要这样的工具。

其实还有隐藏功能共享剪切板，瞬间变成神器了，有没有？比微信和 Airdrop 方便多了。

课堂笔记

@段松 老师上课喜欢类比生活中的对象，还是比较容易理解的。

断点的使用可以帮助理解每一行的作用和追踪对象或属性的变化。

内存管理讲的挺详细，发现课程结构顺序和《iOS 编程》很像。

源码保存在我的 GitHub: GeekBand-iOS-Demo