iPhoneGeek 爱疯极客 » 编程

iOS 5设备下UINavigationbar的背景修改

bagusflyer — Thu, 08 Dec 2011 01:17:26 +0000

最近我突然发现UINavigationbar背景修改的方法不起作用了，代码如下：

1
2
3
4
5
6
7
8
9

@implementation UINavigationBar (CustomImage)

-(void)drawRect:(CGRect)rect
{
UIImage *image = [UIImage imageNamed:@"navigationbar.png"];
[image drawInRect:CGRectMake(0,0,self.frame.size.width,self.frame.size.height)];
}

@end

发现原来是iOS 5的原因，如果运行在iOS 5以下的版本就没有问题了。经过实验以下方法适合iOS 5（放在ViewDidLoad中）：

1
2
3

if ([self.navigationController.navigationBar respondsToSelector:@selector( setBackgroundImage:forBarMetrics:)]){
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"navigationbar.png"] forBarMetrics:UIBarMetricsDefault];
}

第一条if语句的作用是防止程序在iOS 5以下的版本中崩溃。

这样，依靠这两段代码，我的UINavigationbar的背景问题在iOS 5及以下版本中得到了完美的解决。

创建iOS 5 News Stand应用程序之一 – 外观

bagusflyer — Fri, 21 Oct 2011 02:52:06 +0000

iOS 5提供了一个新的framework – Newsstand framework，它允许把应用程序运行于News Stand中。实际上，News Stand相当于一个特制的文件夹专门放置报纸，杂志类应用程序。由于时间有限，这里我分几个部分介绍这一技术。

首先介绍的就是怎样把一个应用程序改变成一个News Stand程序，这实际上有两步工作，一是让程序运行于News Stand，二是改变程序的图标。

1. 让程序运行于News Stand内

可以在Info.plist中添加

1
2
>UINewsstandApp>
/>

或者直接在Xcode中更改Info.plist（如图）：

就这么简单，运行！你的程序就运行在News Stand中了。

不过，出现在News Stand中的是一个非常丑陋的白色方框。这一定不是你需要的效果。那么，我们需要第二步。

2. 为你的News Stand程序添加图标

应用程序仍需定义标准图标，这些图标用于settings，search，Push等，（而且你的程序有可能运行于iOS 5以前的版本）。Newsstand 图标可以反应应用的内容，可以动态更新，另外还可以加一些修饰，使其看上去就像真正的杂志或者报纸。

你可以直接修改Info.plist

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
>CFBundleIcons>
>
>CFBundlePrimaryIcon>
>
>CFBundleIconFiles>
>
>Icon.png>
>Icon@2x.png>
>
>
>UINewsstandIcon>
>
>CFBundleIconFiles>
>
>NewsstandIcon1.png>
>NewsstandIcon1@2x.png>
>
>
>

或者直接使用Xcode编辑：

关于BindingType和BindingEdge应该很容易理解，我就不知赘述了。另外Newsstand中的图标不一定是正方形，只是不知有没有尺寸上的限制。

强迫UIView以某种方向显示的秘诀

bagusflyer — Thu, 25 Aug 2011 06:29:53 +0000

我有一个项目其中某些UIView必须以特定的方向（Portrait或者Landscape）显示。这个看似简单的问题，困惑了我很久，直到今天我才完全找到解决的方法。

为简单起见，我以一个简单的例子说明一下我的问题。我有一个允许各种方向知道旋转的RootViewController，它包括一个共三行的UITableView，第一行显示“Portrait”，第二行显示“Landscape”，第三行显示“Autorotation”，点击某些行后，使用pushViewController打开一个DetailViewController，这个View Controller控制的view将根据行的内容有所不同。比如，如果按下的是第一行，则在DetailViewController中显示“Portrait”，并只允许UIView以portrait方式显示。

首先，我根据按下的行号，以orientation作为参数，传递给DetailViewController，在此ViewController的shouldAutorotateToInterfaceOrientation方法中根据orentation参数返回。代码如下：

1
2
3
4
5
6
7
8
9
10
11

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
if ( self.orientation == 0 ) // allow portrait
return (interfaceOrientation == UIInterfaceOrientationPortrait) || (interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown);
else if ( self.orientation == 1 ) // allow landscape
{
return (interfaceOrientation == UIInterfaceOrientationLandscapeLeft) || (interfaceOrientation == UIInterfaceOrientationLandscapeRight);
}
else // allow autorotation
return YES;
}

以上代码仅仅使得DetailViewController在特定情况下确定是否允许进行自动旋转。但如果初始的方向不正确的话，它却无能为力。比如，我在RootViewController（它允许任何方向的旋转）处于Landscape方向时，点击第一行（row 0），此时的DetailViewController所呈现的UIView仍然处于Landscape，当然这与我程序的本意当然不符。

于是我的问题就变成了怎样强迫UIView旋转到特定方向？我在网上搜索到一种方案，即UIDvice的setOrientation: 方法，不过遗憾的是此方法是私有api，当然我不能接受。于是我又试验了UIApplication中setStatusBarOrientation:方法，该方法果然把状态条旋转到了我需要的方向，不过我的UIView还是处于不正确的方向（以我上一段提到的情况为例）。因为在创建DetailViewController时触发的shouldAutorotateToInterfaceOrientation中（发生在setStatusBarOrientation之前），当时的UIInterfaceOrientation还是为landscape，而我的orientation参数为0，所以返回为NO，因此屏幕并没有旋转。有什么方法能够再触发一次shouldAutorotateToInterfaceOrientation吗？

答案是肯定的，见我的代码：

1
2
3
4
5

// trick to retrigger shouldAutorotateToInterfaceOrientation method
UIWindow *window = [[UIApplication sharedApplication] keyWindow];
UIView *view = [window.subviews objectAtIndex:0];
[view removeFromSuperview];
[window addSubview:view];

在setStatusBarOrientation后，调用以上代码，强行触发了shouldAutorotateToInterfaceOrientation了，此时orientation为0，但interfaceOrientation我已经通过setStatusBarOrientation设置成了UIInterfaceOrientationPortrait，所以会返回YES，直接导致UIView的旋转。（以上代码是我在网上看到的方法）。

至此，整个解决方案就比较完满了，代码下载。不过请注意我的代码实例仅仅针对一种情况进行了处理（即orientation等于1，即仅仅允许UIView处于landscape时），其他情况依此类推。

无法正确加载@2x的解决办法

bagusflyer — Tue, 19 Jul 2011 06:45:01 +0000

为使用retina显示，我们一般把图片的高分辨率版本存为@2x的形式，但是iOS 4.1以前的版本，如果使用imageWithContentsOfFile是无法保证@2x文件正确加载的。我使用如下方法解决此问题：

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

// UIImage+Extras.h
@interface UIImage (Extras)

- (id)initWithContentsOfResolutionIndependentFile:(NSString *)path;
+ (UIImage*)imageWithContentsOfResolutionIndependentFile:(NSString *)path;

@end

// UIImage+Extras.m
- (id)initWithContentsOfResolutionIndependentFile:(NSString *)path {
if ( [[[UIDevice currentDevice] systemVersion] intValue] >= 4 && [[UIScreen mainScreen] scale] == 2.0 ) {
NSString *path2x = [[path stringByDeletingLastPathComponent]
stringByAppendingPathComponent:[NSString stringWithFormat:@"%@@2x.%@",
[[path lastPathComponent] stringByDeletingPathExtension],
[path pathExtension]]];

if ( [[NSFileManager defaultManager] fileExistsAtPath:path2x] ) {
return [self initWithCGImage:[[UIImage imageWithData:[NSData dataWithContentsOfFile:path2x]] CGImage] scale:2.0 orientation:UIImageOrientationUp];
}
}

return [self initWithData:[NSData dataWithContentsOfFile:path]];
}

+ (UIImage*)imageWithContentsOfResolutionIndependentFile:(NSString *)path {
return [[[UIImage alloc] initWithContentsOfResolutionIndependentFile:path] autorelease];
}

presentModalViewController显示半透明UIView

bagusflyer — Tue, 05 Jul 2011 05:32:32 +0000

很多时候我们需要使用presentModalViewController来显示Modal View。如果需要显示半透明的Modal View应该怎么办呢？当然可以自己创建一个半透明的UIView，然后模拟presentModalViewController的动画效果。

不过iOS 4以后的版本再也不需要怎么麻烦了，有一个非常简单的方法，示例如下（这段代码运行于一个View Controller中)：

1
2
3
4
5
6

UIViewController* transparentView = [[UIViewController alloc] init];

UIViewController* controller = self.view.window.rootViewController;
transparentView.view.backgroundColor = [UIColor clearColor];
controller.modalPresentationStyle = UIModalPresentationCurrentContext;
[controller presentModalViewController:transparentView animated:YES];

其要点就是使用iOS特有的rootViewController来显示Modal View。

不需重新编译而更改app资源内容的简单方法

bagusflyer — Tue, 24 May 2011 02:36:22 +0000

有的时候，我们需要把做好的项目以另外的程序名和内容重新打包，当然我们可以使用建立一个新的target的方法，不同的情况用不同的target表示。我一位朋友luckywr分享了一种更为简单的方法，特别适合于只需少量更改了项目的内容（比如，更改程序的图标）。其思路也非常简单，就是在更改内容后使用命令行对app重新进行数字签名，而不需要再次对整个程序进行编译了。

下面是他使用的方法：

codesign -f -vv -s [Identity] [appPath]

Identity 是授权文件，是在keychain里使用的私钥的名字。

比如：codesign -f -vv -s “luckywr” /Users/luckywr/Desktop/xxxx.app

在此感谢luckywr朋友。

分享一小段代码

bagusflyer — Fri, 13 May 2011 06:13:58 +0000

我们经常会遇到这种情况，某个按钮太小很难按到，又不想把按钮图片做得太大。我把它作成了一个Class Method，放在了我的Utils类中。

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

+(void)resizeTouchableAreaForButton:(UIButton* )button withNewSize:(CGSize)size
{
// increase margin around button based on width
const CGFloat margin_h = 0.5f * ( size.width - button.frame.size.width );
const CGFloat margin_v = 0.5f * ( size.height - button.frame.size.height );

// add margin on all four sides of the button
CGRect newFrame = button.frame;
newFrame.origin.x -= margin_h;
newFrame.origin.y -= margin_v;
newFrame.size.width += 2.0f * margin_h;
newFrame.size.height += 2.0f * margin_v;

button.frame = newFrame;
}

这段代码把按钮的可按区域扩大到新的尺寸。不过有一个前提是使用UIButton的setImage而不是setBackgroundImage来设置按钮图片。

pdf渲染的小窍门

bagusflyer — Thu, 21 Apr 2011 04:10:45 +0000

我们都知道，在iPhone/iPad显示pdf的基本方法有两个，一个是使用UIWebView直接加载pdf文件，另一个是使用Core Graphics进行渲染（姑且称之为CGPDF方法）。UIWebView的方法是简单，只需加载pdf，其他诸如放大翻页等问题通通交给UIWebView去头痛吧。但其缺点是性能较慢，功能有限，比如要实现搜索，添加笔记等功能就比较难。而使用CGPDF方法，功能就没有限制（虽然pdf解析方面，苹果提供的文档实在有限），使用Core Graphics进行渲染，性能上也比UIWebView要提高许多，只不过翻页，放大缩小等功能都需要自己实现。

有关pdf放大缩小，翻页等功能可以使用UIScrollView实现，不在本文讨论的范围之内。笔者在项目中使用了CGPDF的过程中，曾遇到两个小问题，因此，在这里总结一下：

1. 页面放大后变得不清晰

先看看我程序中的渲染代码，可以放在- (void)drawRect:(CGRect)rect 或者 -(void)drawLayer:(CALayer*)layer inContext:(CGContextRef)context 中：

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

- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();

// fill in the white background for pdf page
CGContextSetRGBFillColor( context, 1.0, 1.0, 1.0, 1.0 );
CGContextFillRect( context, CGContextGetClipBoundingBox( context ));
CGContextSaveGState(context);

// Flip the context so that the PDF page is rendered
// right side up.
CGContextTranslateCTM( context, 0.0, self.bounds.size.height );
CGContextScaleCTM( context, 1.0, -1.0 );

// Scale the context so that the PDF page is rendered
// at the correct size for the zoom level.
CGAffineTransform pdfXfm =
CGPDFPageGetDrawingTransform( _page.page, kCGPDFMediaBox, self.bounds, 0, true );
CGContextConcatCTM( context, pdfXfm );

CGContextSetInterpolationQuality(context, kCGInterpolationHigh);
CGContextSetRenderingIntent(context, kCGRenderingIntentDefault);
CGContextDrawPDFPage( context, _page.page );

CGContextRestoreGState(context);
}

简单地说，这段代码就是使用Core Graphics进行pdf的渲染，可是我的pdf放大后为什么不清晰呢？先看看放大pdf后可以使其清晰的部分代码吧：

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

- (id)initWithPdfPage:(PDFPage*)page
{
if ((self = [super initWithFrame:CGRectMake(0, 0, page.size.width, page.size.height)]))
{
CATiledLayer* layer = (CATiledLayer *)[self layer];

layer.levelsOfDetail = 4;
layer.levelsOfDetailBias = 4;
layer.tileSize = CGSizeMake(1024.0, 1024.0);
}
return self;
}

+ (Class)layerClass
{
return [CATiledLayer class];
}

其秘诀就在CATiledLayer，简单地说就是CATiledLayer将不同等级的tiles（拼贴）缓存起来，而CGContextDrawPDFPage则根据最合适的放大等级将pdf渲染出来。

根据文档CATiledLayer可以更高效，高质量地渲染pdf文档，但我则遇到了第二个问题。

2. 页面渲染速度慢，而且呈块状渲染

简而言之就是pdf页面一块一块地慢慢渲染出来，效果非常不好。这是怎么回事？经过一番研究发现是CATiledLayer的动画效果在作怪。每个Tile的渲染据说都有0.25s的动画时间，其结果就是pdf文档一块一块地出现了。要怎样解决这个问题呢？最为直接的方法就是把0.25s的动画时间直接设置为0。下面是代码（采用继承CATiledLayer的方法）：

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

@interface FastCATiledLayer : CATiledLayer
@end

@implementation FastCATiledLayer
+(CFTimeInterval)fadeDuration
{
return 0.0;
}

+ (Class)layerClass
{
return [FastCATiledLayer class];
}

- (id)initWithPdfPage:(PDFPage*)page
{
if ((self = [super initWithFrame:CGRectMake(0, 0, page.size.width, page.size.height)]))
{
FastCATiledLayer* layer = (FastCATiledLayer *)[self layer];
layer.levelsOfDetail = 4;
layer.levelsOfDetailBias = 4;
layer.tileSize = CGSizeMake(1024.0, 1024.0);
}
return self;
}

@end

注:PDFPage是我自己的一个类。

Cocos2d实现简单动画

bagusflyer — Fri, 15 Apr 2011 03:33:15 +0000

最近实在很忙，没有时间写整篇文章，就分享一下一些简单的实例吧。

首先介绍一篇博客文章：cocos2d HOWTO系列之：如何创建帧动画。我初学cocos2d时就发现这篇文章，不过里面的一些内容已经过时了，所以自己又写了一个动画的例子。

我把要点说一下：

制作动画需要的一系列动画图片（比如png文件）。要制作动画png，可根据上面介绍的文章使用Adobe Flash将fla转换为png。也可以使用一些免费软件，将swf转换为png。这里有一些软件：SpriteSheetCreator，SWFSheet，SWFToPNG。大家可以网上搜索一下。
生成png动画系列后，要将其整合成一个png（也就是所谓的sprite sheet）。这里使用的软件就是Zwoptex。使用此软件生成一个png和一个plist，plist记录了每个sprite的x，y，高，宽数据。Cocos2d支持Zwoptex生成的plist格式。不过遗憾的是最近Zwoptex开始收费了。这里提供以前的一个版本，也可以满足我们的要求。Zwoptex-0.4b10.app下载。
我的程序就是播放一个电扇的动画，按一下就进行动画，再按一下动画就停止。我是修改了HelloWorld程序，添加了一个Object类进行动画处理。唯一要说明的是addSpriteFramesWithFile中要使用的路径是相对路径，我开始一直遇到问题就是因为使用了绝对路径。

源代码下载

Xcode 4闲谈

bagusflyer — Thu, 31 Mar 2011 04:47:02 +0000

Xcode 4终于千呼万唤发布了，诚然它有太多亮点，不过目前还是感觉不够稳定，还有很多功能都不会用。举个简单的例子，在Ｘcode 3下，使用Analyze时有非常多的误报，但Ｘcode 4似乎又走了另一个极端，几乎没有什么报告。我有一个程序明显有memory leak（因为我安装了状态条可以显示内存的软件），但Analyze的结果是没有potential leak，而且使用Instrument也没有发现任何leak，不知是不是我还不太会用。

另外，还有一些以前比较熟练的事情在Xcode 4下，都不会做了。比如，当程序出现EXC_BAD_ACCESS时添加NSZombieEnabled环境变量开始都找不到地方。最后终于找到了，在：

Product -> Edit Scheme…

4月1日更新：
今天发现一个有趣的现象。突然发现以前为Xcode项目添加静态库子项目的方法不再适用，添加的项目文件只是一个文件而已。后来经过研究才发现是因为Xcode打开了另外一个项目的缘故。关掉另一个Xcode后，问题解决。