移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了。不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了。Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展示,就只剩一张张图片翻页了…
直到看到 POP(Prototyping on Paper)这款神器!!它的使用非常简单,
1. 一杆笔+一张纸绘制出原型,最常规的几个页面、按钮、主流程跑通就好
2. 使用 POP 这款 app 对一张张图片拍照,存到POP app内部
3. 开始编辑,哪个图片的哪个区域(按钮)链接到什么页面,手控操作
4. 完成,你可以跟工程师、视觉设计师、老板直接展示了
OK,有屌丝产品经理会说了,这个家伙要求手绘风格很漂亮啊,我写都快不会写了咋办?没关系,你可以在淘宝买一款 iPhone UI stencil Kit 工具,100来块钱让你手绘的原型更靠谱,甚至接近 PS 的效果。(避免广告,请自行搜索)
支持平台:iOS 下载
是否免费:免费
相关资源下载:暂无
官方网站:POP - iPhone prototyping made easy.
——————————————
PS,国内有个团队做了一个类似的应用叫“快现”,当前版本 2.0.0 更新于 2012.12.05;POP 当前版本 1.1.0 更新于 2012.11.27 。尚不确定快现是否有直接copy自POP,欢迎提供线索。
CCLayer相对于CCNode几乎没有什么新功能,但是可以接受触摸和加速输入。
图层不需要接收触摸和加速计输入,就尽量使用CCNode表示图层,CCLayer因为能够接收触摸和加速计输入会增加不必要的开销。移动、缩放、旋转整个图层,图层上的所有节点也会跟着一起移动、缩放、旋转。
类结构:
常用函数:
virtual bool isTouchEnabled ()//CCLayer默认情况是不接收触摸输入的,需要显示地设置isTouchEnabled为YES
virtual bool isAccelerometerEnabled ()//设置加速输入
CCLayer的触摸有两种类型。
1) 单点触摸
virtual void onEnter();//
virtual void onExit();//
virtual void ccTouchesBegan (CCSet *pTouches, CCEvent *pEvent)//单指接触到屏幕时
virtual void ccTouchesMoved (CCSet *pTouches, CCEvent *pEvent)//当手指在屏幕上移动时
virtual void ccTouchesEnded (CCSet *pTouches, CCEvent *pEvent)//手指离开屏幕时
virtual void ccTouchesCancelled (CCSet *pTouches, CCEvent *pEvent)//当触摸取消时
a) onEnter();接口。在此接口中,需要调用父类的该接口,并且最重要的,要为当前对象注册一个触摸委托(即:代理)。参考如下代码:
CCLayer::onEnter();
CCTouchDispatcher::sharedDispatcher()->addTargetedDelegate(this, 0, true);
b) onExit();接口。在此接口中,需要将在onEnter()中注册的当前对象的触摸委托给移除掉。然后调用父类的onExit();。参考代码如下:
CCTouchDispatcher::sharedDispatcher()->removeDelegate(this);
CCLayer::onExit();
2) 多点触摸
virtual void ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent);
virtual void ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent);
virtual void ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent);
CCSet*对象。它存储着所有的触摸信息。
Tip:
单点触摸时候一定得重写:
virtual bool ccTouchBegan(CCTouch *pTouch,CCEvent *pEvent);
并且返回true
void registerWithTouchDispatcher();//默认为多点触摸 单点触摸的时候重写此方法
void HelloWorld::registerWithTouchDispatcher(){
CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,true);
}
http://www.cocoachina.com/macdev/objc/2013/0105/5471.html
苹果在今年的WWDC2012大会上介绍了大量Objective-C的新特性,能够帮助iOS程序员更加高效地编写代码。在XCode4.4版本中,这些新特性已经可以使用了。让我们看看这些新特性有哪些:
Object Literals
这个是我认为最赞的一个改进。Object Literals允许你方便地定义数字、数组和字典对象。这个功能类似于java5提供的auto boxing功能。这虽然是一个语法糖,但我认为对提高写代码效率帮助很大。让我们先来看看以前定义数字、数组和字典对象的方法:
1 NSNumber * number = [NSNumber numberWithInt:1];
2 NSArray * array = [NSArray arrayWithObjects:@"one", @"two", nil];
3 NSDictionary * dict = [NSDictionary dictionaryWithObjectsAndKeys:@"value1", @"key1", @"value2", @"key2", nil];
是不是很恶心?现在以上代码可以简化成以下形式,注意到没有,不用再在参数的最后加恶心的nil了,字典的key和value也不再是倒着先写value,再写key了:
1 NSNumber * number = @1;
2 NSArray * array = @[@"one", @"two"];
3 NSDictionary * dict = @{@"key1":@"value1", @"key2":@"value2"};
更多的示例如下:
1 // 整数
2 NSNumber *fortyTwo = @42; // 等价于 [NSNumber numberWithInt:42]
3 NSNumber *fortyTwoUnsigned = @42U; // 等价于 [NSNumber numberWithUnsignedInt:42U]
4 NSNumber *fortyTwoLong = @42L; // 等价于 [NSNumber numberWithLong:42L]
5 NSNumber *fortyTwoLongLong = @42LL; // 等价于 [NSNumber numberWithLongLong:42LL]
6
7 // 浮点数
8 NSNumber *piFloat = @3.141592654F; // 等价于 [NSNumber numberWithFloat:3.141592654F]
9 NSNumber *piDouble = @3.1415926535; // 等价于 [NSNumber numberWithDouble:3.1415926535]
10
11 // 布尔值
12 NSNumber *yesNumber = @YES; // 等价于 [NSNumber numberWithBool:YES]
13 NSNumber *noNumber = @NO; // 等价于 [NSNumber numberWithBool:NO]
14
15 // 空数组
16 NSArray * array = @[]; // 等价于 [NSArray array]
17 // 空的字典
18 NSDictionary * dict = @{}; // 等价于 [NSDictionary dictionary]
怎么样?是不是简单多了?而且,为了方便你的旧代码迁移到新的写法,xcode专门还提供了转换工具,在xcode4.4中,选择 Edit -> Refactor -> Convert to Modern Objective-C Syntax即可。如下所示:
局部的函数调用不用前向申明
这虽然是一个挺小的改进,但是很贴心。假如我们在一个源文件中有2个函数:分别名为foo 和 bar,其中foo的定义在bar前面。那如果在foo函数内部直接调用bar,编译器会报警告说找不到函数bar。
而现在,我们可以随意地在源文件中放置函数bar的位置。编译器在找不到bar时,会再源码后面找,如果找到了bar,就不会报错了。
带有类型的enum
现在我们可以定义enum是无符号整数还是整数,这样编译器会更加智能的做类型检查。如下所示:
1 typedef enum TableViewCellType : NSInteger {
2 TableViewCellTypeQueue,
3 TableViewCellTypeNewFans,
4 TableViewCellTypeUserInfo,
5 TableViewCellTypeOrganization,
6 TableViewCellTypeFeedback,
7 TableViewCellTypeRateApp,
8 TableViewCellTypeRecommendation,
9 TableViewCellTypeLogout
10 }TableViewCellType;
默认生成@synthesize代码
以前写完一个诸如 @property (nonatomic, strong) NSString * username; 变量定义后,马上得转到 .m文件中去增加相应的 @synthesize username = _username; 代码。
现在,编辑器发现你没有写 @synthesize时,会自动帮你加上这一行。这同时在另一方面,起到了鼓励大家使用以下划线开头的变量名作为成员变量名的作用。
当然,为了向下兼容,如果你的程序里面已经有了 @property 变量对应的 @synthesize 代码时,编辑器就不会自动帮你增加这个代码了。
另外有2种特殊情况下,即使你没有写 @synthesize ,编辑器也不会自动帮你加上,这2种情况是:
1.你同时提供了该property的setter 和 getter方法。
2.你的这个property是 readonly 的。
遍历元素
你是如何遍历数组的元素的?通常我们有2种做法,一种是用 for in,另一种是用一个变量来循环数组下标。如下:
1 NSArray * lines = ...
2 for (NSString * line in lines) {
3 // ...
4 }
5 for (int i = 0; i < lines.count; ++i) {
6 NSString * s = [lines objectAtIndex:i];
7 ...
8 }
如果是字典,遍历的代码就要稍微复杂一点了:
1 NSDictionary * dict = …
2 NSArray * keys = [dict allKeys];
3 for (NSString * key in keys) {
4 NSString * value = [dict objectForKey:key];
5
6 }
现在,xcode对于iOS4.0以上的系统,支持用block来遍历元素了。用block来遍历字典可以简化代码的编写,建议大家都使用上这个新特性。
1 [lines enumerateObjectsUsingBlock:^(NSString * obj, NSUInteger idx, BOOL *stop) {
2
3 }];
4
5 [_urlArguments enumerateKeysAndObjectsUsingBlock:^(id key, id obj, BOOL *stop) {
6
7 }];
Subscripting Methods
这个新特性在WWDC2012的视频中提到了,但是在XCode4.4中没有实现(在XCode4.5中实现了)。也是一个很体贴的语法糖,它允许你用中括号来代替原本的方法来获取和设置数组元素。
简单来说,以前的 [array objectAtIndex:idx] 和 [array replaceObjectAtIndex:idx withObject:obj],可以直接写作 array[idx] 和 array[idx] = obj了。其实这个特性在很多高级语言中都实现了,只是Objective-C生于80年代,一直没改进这个。
以下是一些示例代码:
1 NSArray * array = @[ @"111", @"222", @"333"];
2 for (int i = 0; i < 3; ++i) {
3 NSLog(@"array[i] = %@", array[i]);
4 }
5
6 NSMutableDictionary * dict =[@{ @1: @"value1",
7 @2: @"value2",
8 @3: @"value3" } mutableCopy];
9 for (int i = 0; i < 3; ++i) {
10 NSLog(@"dict[%d] = %@", i, dict[@(i+1)]);
11 dict[@(i+1)] = [NSString stringWithFormat:@"new %@", dict[@(i+1)]];
12 }
13
14 [dict enumerateKeysAndObjectsUsingBlock:^(id key, id obj, BOOL *stop) {
15 NSLog(@"dict[%@] = %@", key, dict[key]);
16 }];
这个改进同样对NSDictionary有效。甚至,你也可以给你自己的类提供中括号操作符对应的方法。具体做法是实现如下两个方法:
1 - (id)objectAtIndexedSubscript:(NSUInterger)idx;
2 - (void)setObject:(id)value atIndexedSubscript:(NSUInteger)idx;
Tips
上面提到了不用写 @synthesize 了,那原本写的那么多 @synthesize 怎么办呢?作为有代码洁癖的我很想把它们删掉,但怎么删呢?一个文件一个文件打开,然后行一行删掉吗?放心,苹果已经帮我们想了。在WWDC2012 Session 400 Developer Tools Kickoff 中,苹果介绍了具体做法。步骤如下:
首先使用区域查找,因为一般项目都会依赖第三方的开源库,我们可不想更改别人的库,所以我们只查找我们库中的文件,如下图所示:
接着我们用正则匹配,找到以 @synthesize开头,后面接着是 var = _var; 格式的行。插入正则表达式很简单,直接点击查找输入框左边的放大镜,选择“insert pattern”,苹果就会把常见的正则表达式都列出来,你直接选择就可以了,非常方便。如下图所示:
在插入好合适的正则表达式后,我们按回车,就可以搜索到结果。
我们点击搜索界面的preview按钮,查看替换效果,可以看到,对于我们测试代码,XCode生成的预览图已经正确地当对应代码删掉了。然后我们就可以点击替换,去掉所有的 @synthesize 代码了。
在下载完XCode4.4后,我就把我们的工程代码都转换成了新特性的语法。在转换后,我发现原本25000行的代码少了将近1000行。心里还是很开心的,因为又可以少写一些体力活类型的代码了。
参考资料
LLVM官方网站比较全面地介绍了 Object Literal:
http://clang.llvm.org/docs/ObjectiveCLiterals.html
WWDC2012 Session 400 Developer Tools Kickoff
WWDC2012 Session 405 Modern Objective-C
WWDC2012 Session 413 Migrating to Modern Objective-C