iPhone5かどうかを、画面サイズで判別する方法

投稿日:2012年9月13日作成者: admin

iPhoneかiPadかと画面の高さで判別します。

if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
    {
        // iPhone
        if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)]) {
            CGSize result = [[UIScreen mainScreen] bounds].size;
            CGFloat scale = [UIScreen mainScreen].scale;
            result = CGSizeMake(result.width * scale, result.height * scale);
            
            if(result.height == 960){
                // iPhone4 or 4S
                NSLog(@"iphone 4, 4s retina resolution");
            }
            if(result.height == 1136){
                // iPhone5
                NSLog(@"iphone 5 resolution");
            }
        }
        else{
            // iPhone4より古い機種
            NSLog(@"iphone standard resolution");
        }
    }
    else
    {
        // iPad
        if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)]) {
            // iPad retina
            NSLog(@"ipad Retina resolution");
        }
        else{
            // iPad,iPad2
            NSLog(@"ipad Standard resolution");
        }
    }

if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)

{

// iPhone

if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)]) {

CGSize result = [[UIScreen mainScreen] bounds].size;

CGFloat scale = [UIScreen mainScreen].scale;

result = CGSizeMake(result.width * scale, result.height * scale);

if(result.height == 960){

// iPhone4 or 4S

NSLog(@"iphone 4, 4s retina resolution");

}

if(result.height == 1136){

// iPhone5

NSLog(@"iphone 5 resolution");

}

else{

// iPhone4より古い機種

NSLog(@"iphone standard resolution");

}

else

{

// iPad

if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)]) {

// iPad retina

NSLog(@"ipad Retina resolution");

}

else{

// iPad,iPad2

NSLog(@"ipad Standard resolution");

}

アプリをiPhone5に対応させるには？

投稿日:2012年9月13日作成者: admin

返信

iPhone5のRetina (4-inch)スクリーンに対応させる為にすべき事は
基本的には起動画面を用意してプロジェクトに追加するだけでいいようです。

名前は”Default-568h@2x.png”で
サイズは1136 x 640です。

単純な画面構成の場合はこれだけで対応できました。
複雑な場合はAuto Layoutを使うといいようです。

画面の大きさを判別するやり方でもできそうです。
iPhone5かどうかを、画面サイズで判別する方法

参考
What we need to support iPhone 5 screen?
iPhone5の４インチディスプレイで、既存のアプリを表示するとどうなるか？

オープンソースソフトウェアのライセンスの種類について

投稿日:2012年8月8日作成者: admin

UIKitに用意されていないUIを使いたい時や、iOS SDKに用意されていないその他の機能を使いたい時などにオープンソースのソフトウェアを使うことがあると思います。

それぞれのオープンソースソフトウェアにはライセンスが指定されていて、そのライセンスの条件を満たした状態でオープンソースソフトウェア使う必要があります。

主なライセンスについて書いていきます。

GPL(GNU General Public License)

使用例

Linuxなど、世界で広く使われているライセンスです

１、無保証で、著作権の表示義務がある。

GPLライセンスのソフトウェアを使用した結果、いかなる損害が発生しても、責任は自分で負う必要があります。
また、著作権が表示された部分をそのままにしておく必要があります。

２、複製したり、改造したものを有償で販売したりできる。

GPLライセンスのソフトウェアを複製して改造して公開したり、販売したりすることは許されています。

３、制作物も自動的にGPLライセンスになる。

GPLライセンスのソフトウェアを使った場合、制作物も自動的にGPLライセンスになります。
制作物のライセンスを変更して独占的に販売することはできません。

GNU 一般公衆利用許諾契約書

New BSD License – 修正BSDライセンス

使用例

FreeBSD等のBSD系OS、PostgreSQL等のDBMSなど

条項

・著作権表示
・ライセンス条文(受け取った物と同じ著作権表示と許諾条件)
・無保証
の三点をドキュメント等に記載すれば、「BSDライセンスのソースコードを複製したり変更したりしたプログラム」を再配布する際に、組み込み後のソースコードを非公開にでき、ソースコードを受け取った時と異なる条件で配布することができます。

緩いライセンス形態となっており、商用のソフトウェアとして配布することができます。

BSDライセンス

MITライセンス(X11 License、MIT X License)

BSDライセンスを原型に作られたBSDスタイルのライセンスの一つであり、修正BSDライセンスとほぼ同等の条件になっています。

条項

・著作権表示を残す
・無保障

The MIT License

Apache Software License

BSDライセンスを原型に作られたBSDスタイルのライセンスの一つである。

条項

Apache Licenseのコードの使用していることを記述する
著作権表示と免責事項表示の保持する

Apache License, Version 2.0

CCライセンス(クリエイティブ・コモンズ、Creative Commons)

著作物全般を対象としたライセンスで、条項は4項目あり、「表示」を採用することが必須条件となっています。

「改変禁止」と「継承」は同時に採用できないので、
表示（CC BY）
表示-改変禁止（CC BY-ND）
表示-継承（CC BY-SA）
表示-非営利（CC BY-NC）
表示-非営利-改変禁止（CC BY-NC-ND）
表示-非営利-継承（CC BY-NC-SA）
の６通りの組み合わせから選択されます。

表示 (Attribution, BY)

著作権者を明記する必要があります。

非営利 (Noncommercial, NC)

営利目的で利用してはいけません。

改変禁止 (No Derivative Works, ND)

改変・変形・加工は禁止されています。

継承 (Share Alike, SA)

CCライセンスが付与された作品を、改変・変形・加工した場合は、元になった作品のライセンスを継承させた上で頒布することができます。

iOS向けのオープンソースのUIが探せる「Cocoa Controls」

投稿日:2012年7月28日作成者: admin

返信

iOS向けのオープンソースのUIが探せる「Cocoa Controls」というサイトが便利なので紹介します。

カレンダー、facebook風のメニュー、パスコード画面
などのUIはUIKitに用意されておらず、
自分でコードを書いてUIを作ることになります。
しかし一から作るのは、なかなか大変だと思います。

そんな時はまずCocoa Controlsで探してみましょう。
数百種類ものUIが紹介されています。

それぞれライセンスの種類が違うので
ライセンスをよく確認してから使わせてもらいましょう。

はてなブックマーク - iOS向けのオープンソースのUIが探せる「Cocoa Controls」

UIViewの角を丸くする方法

投稿日:2012年7月27日作成者: admin

返信

UIViewの角を丸くする方法について書きます。

まずは、QuartzCore Frameworkを追加します。
XCodeのプロジェクト -> TARGETS -> Build Phasesで
Link Binary with Librariesを展開して
＋ボタンを押して「QuartzCore.Framework」を検索して追加します。

次に、この方法を使うクラスの.hファイルで
QuartzCore/QuartzCore.hをインポートします

#import <QuartzCore/QuartzCore.h>

1	#import <QuartzCore/QuartzCore.h>

これで角を丸くすることができるようになりました。

角を丸くしたいUIViewが「view」という名前の場合の例は以下のようになります。

view.layer.cornerRadius = 5;
view.clipsToBounds = YES;

1 2	view.layer.cornerRadius = 5; view.clipsToBounds = YES;

iOS5以降で簡単に使える4種類のUIAlertView

投稿日:2012年7月27日作成者: admin

返信

iOS5.0から「alertViewStyle」というプロパティが追加されたので、
4種類のアラートを簡単に表示できるようになりました。

UIAlertView* alertView = [[UIAlertView alloc] initWithTitle: @"plain text" 
								message: @"message"
								delegate: nil 
							cancelButtonTitle: @"CANCEL" 
							otherButtonTitles: @"OK", nil];
//ここでalertViewStyleを指定します
[alertView setAlertViewStyle: UIAlertViewStyleDefault];

[alertView show];

UIAlertView* alertView = [[UIAlertView alloc] initWithTitle: @"plain text"

message: @"message"

delegate: nil

cancelButtonTitle: @"CANCEL"

otherButtonTitles: @"OK", nil];

//ここでalertViewStyleを指定します

[alertView setAlertViewStyle: UIAlertViewStyleDefault];

[alertView show];

「setAlertViewStyle:」の引数に下記の４種類のどれかを指定します。
UIAlertViewStyleDefault
UIAlertViewStyleSecureTextInput
UIAlertViewStylePlainTextInput
UIAlertViewStyleLoginAndPasswordInput

はてなブックマーク - iOS5以降で簡単に使える4種類のUIAlertView

Interface Builder(Storyboard)を使わずにToolBarを利用する方法

投稿日:2012年7月27日作成者: admin

返信

Interface Builder(Storyboard)を使わずに、ToolBarを表示させてみます。
viewDidLoad部分に以下のコードを書きます。

- (void)viewDidLoad
{
    [super viewDidLoad];

    //tool barの表示設定と色の設定(ここでは黒を指定しています)
    [self.navigationController setToolbarHidden:NO animated:YES];
    self.navigationController.toolbar.tintColor = [UIColor blackColor];
    
    // UIBarButtonItem生成
    // ここでは"Settings"という名前のボタンを用意し
    // ボタンを押した時に"openSettings"というメソッドを呼ぶように指定しています
    UIBarButtonItem *btn = [[UIBarButtonItem alloc] 
					initWithTitle:@"Settings"
					style:UIBarButtonItemStyleBordered
					target:self
					action:@selector(openSettings)
					];
    //作ったbtnというボタンを
    // toolbarにボタンをセットします
    // 左詰めで、"Settings"ボタンのみ表示されます。
    NSArray *items = [NSArray arrayWithObjects:btn, nil];
    self.toolbarItems = items;

}

- (void)viewDidLoad

{

[super viewDidLoad];

//tool barの表示設定と色の設定(ここでは黒を指定しています)

[self.navigationController setToolbarHidden:NO animated:YES];

self.navigationController.toolbar.tintColor = [UIColor blackColor];

// UIBarButtonItem生成

// ここでは"Settings"という名前のボタンを用意し

// ボタンを押した時に"openSettings"というメソッドを呼ぶように指定しています

UIBarButtonItem *btn = [[UIBarButtonItem alloc]

initWithTitle:@"Settings"

style:UIBarButtonItemStyleBordered

target:self

action:@selector(openSettings)

];

//作ったbtnというボタンを

// toolbarにボタンをセットします

// 左詰めで、"Settings"ボタンのみ表示されます。

NSArray *items = [NSArray arrayWithObjects:btn, nil];

self.toolbarItems = items;

}

はてなブックマーク - Interface Builder(Storyboard)を使わずにToolBarを利用する方法

Interface Builder(Storyboard)を使わずにTabBarを利用する方法

投稿日:2012年7月26日作成者: admin

返信

Interface Builder(Storyboard)を使わずに
TabBarを利用するにはAppDelegate.hとAppDelegate.mにコードを記述します。

▼AppDelegate.h

@interface AppDelegate : NSObject
 {
	UIWindow *window;
	UITabBarController *tabBarController;
}
@property (nonatomic, retain) UITabBarController *tabBarController;
@end

@interface AppDelegate : NSObject

{

UIWindow *window;

UITabBarController *tabBarController;

}

@property (nonatomic, retain) UITabBarController *tabBarController;

@end

▼AppDelegate.m

@implementation AppDelegate
@synthesize window;
@synthesize tabBarController;

- (void)applicationDidFinishLaunching:(UIApplication *)application
{ 
	//ここではタブ1〜3それぞれの表示用のViewControllerとして
	//First/Second/ThirdViewControllerクラスを指定しています
	FirstViewController *firstViewController = [[[FirstViewController alloc] init] autorelease];
	SecondViewController *secondViewController = [[[SecondViewController alloc] init] autorelease];
	ThirdViewController *thirdViewController = [[[ThirdViewController alloc] init] autorelease];

	//tabBarControllerで管理するViewControllerを指定しています。
	self.tabBarController = [[UITabBarController alloc] initWithNibName:nil bundle:nil];
	tabBarController.viewControllers = [NSArray arrayWithObjects:firstViewController, secondViewController, thirdViewController, nil];

	//tabBarControllerをwindowのrootViewControllerに指定します。
	window.rootViewController = tabBarController;
	[window makeKeyAndVisible];

	return YES;
}


- (void)dealloc {
	[tabBarController release];
	[window release];
	[super dealloc];
}

@end

@implementation AppDelegate

@synthesize window;

@synthesize tabBarController;

- (void)applicationDidFinishLaunching:(UIApplication *)application

{

//ここではタブ1〜3それぞれの表示用のViewControllerとして

//First/Second/ThirdViewControllerクラスを指定しています

FirstViewController *firstViewController = [[[FirstViewController alloc] init] autorelease];

SecondViewController *secondViewController = [[[SecondViewController alloc] init] autorelease];

ThirdViewController *thirdViewController = [[[ThirdViewController alloc] init] autorelease];

//tabBarControllerで管理するViewControllerを指定しています。

self.tabBarController = [[UITabBarController alloc] initWithNibName:nil bundle:nil];

tabBarController.viewControllers = [NSArray arrayWithObjects:firstViewController, secondViewController, thirdViewController, nil];

//tabBarControllerをwindowのrootViewControllerに指定します。

window.rootViewController = tabBarController;

[window makeKeyAndVisible];

return YES;

}

- (void)dealloc {

[tabBarController release];

[window release];

[super dealloc];

}

@end

9〜11行目の個別ページ生成部分と、15行目のTabBar生成部分を変更すれば、タブを減らしたり増やしたりすることができます。

はてなブックマーク - Interface Builder(Storyboard)を使わずにTabBarを利用する方法

UINavigationBarの背景に画像を指定する方法

投稿日:2012年7月26日作成者: admin

返信

UINavigationBarの背景に画像を指定する方法を紹介します。
アプリに個性を出したい場合なんかにためしてみるといいかもしれません。

UINavigationBarにUIImageViewをinsertSubviewして実現します

//レイヤーを扱うので、&lt;QuartzCore/QuartzCore.h&gt; をインポートします
#import &lt;QuartzCore/QuartzCore.h&gt;



// navigationbarを取得します
UINavigationBar *navigationBar;
navigationBar = navigationController.navigationBar;

// imageViewを作ります
UIImageView *imageView;
UIImage *image;
image = [[UIImage imageNamed:@"back.png"]stretchableImageWithLeftCapWidth:0 topCapHeight:1];
imageView = [[UIImageView alloc] initWithImage:image];
[imageView autorelease];
imageView.frame = navigationBar.bounds;
imageView.autoresizingMask = ( UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);

//imageViewが、常に一番後ろに表示されるように指定します。
imageView.layer.zPosition = -FLT_MAX;

//imageViewをnavigationBarのサブビューに追加します
[navigationBar insertSubview:imageView atIndex:0];

//NavigationBarのボタンの色を指定します。
UIColor *tintColor;
tintColor = [UIColor colorWithHue:0.274 saturation:0.521 brightness:0.618 alpha:1.000];
navigationBar.tintColor = tintColor;

//レイヤーを扱うので、<QuartzCore/QuartzCore.h> をインポートします

#import <QuartzCore/QuartzCore.h>

// navigationbarを取得します

UINavigationBar *navigationBar;

navigationBar = navigationController.navigationBar;

// imageViewを作ります

UIImageView *imageView;

UIImage *image;

image = [[UIImage imageNamed:@"back.png"]stretchableImageWithLeftCapWidth:0 topCapHeight:1];

imageView = [[UIImageView alloc] initWithImage:image];

[imageView autorelease];

imageView.frame = navigationBar.bounds;

imageView.autoresizingMask = ( UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);

//imageViewが、常に一番後ろに表示されるように指定します。

imageView.layer.zPosition = -FLT_MAX;

//imageViewをnavigationBarのサブビューに追加します

[navigationBar insertSubview:imageView atIndex:0];

//NavigationBarのボタンの色を指定します。

UIColor *tintColor;

tintColor = [UIColor colorWithHue:0.274 saturation:0.521 brightness:0.618 alpha:1.000];

navigationBar.tintColor = tintColor;

はてなブックマーク - UINavigationBarの背景に画像を指定する方法

Interface Builder (Storyboard) を使わずにUIPickerViewを使う方法

投稿日:2012年7月26日作成者: admin

返信

Interface Builderを使わずに
UIPickerViewを使う方法を紹介します

▼MyPickerViewController.h
<UIPickerViewDelegate, UIPickerViewDataSource>を指定します。

#import <UIKit/UIKit.h>
@interface MyPickerViewController : UIViewController &lt;UIPickerViewDelegate, UIPickerViewDataSource&gt;
{
	UIPickerView *pickerView;
}
@property (nonatomic, retain) UIPickerView *pickerView;
@end

#import <UIKit/UIKit.h>

@interface MyPickerViewController : UIViewController <UIPickerViewDelegate, UIPickerViewDataSource>

{

UIPickerView *pickerView;

}

@property (nonatomic, retain) UIPickerView *pickerView;

@end

▼MyPickerViewController.m
dataSourse/delegate、列数／行数を指定します。

#import “MyPickerViewController.h”
@implementation MyPickerViewController
@synthesize pickerView;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{
	if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) { }
	return self;
}

- (void)viewDidLoad
{
	[super viewDidLoad];

	//pickerViewを作成
	//「delegate」と「dataSource」の指定が必要なのでそれも書いてます。
	pickerView = [[[UIPickerView alloc] init] autorelease];
	pickerView.center = self.view.center;
	pickerView.delegate = self;
	pickerView.dataSource = self;
	[self.view addSubview:pickerView];
}

// 実装必須のメソッドです。列数を返します。
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView
{
	return 3;
}

// 実装必須のメソッドです。行数を返します。
-(NSInteger)pickerView:(UIPicerView*)pickerView numberOfRowsInComponent:(NSInteger)component
{
	if(component == 0){
		return 5;  // 1列目は5行
	}else{
		return 6;  // 2列目は6行
	}
}

// 表示する内容を返すメソッドです。
/行インデックス番号を返すように指定しています。
-(NSString*)pickerView:(UIPickerView*)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
	return [NSString stringWithFormat:@"%d", row];
}

- (void)didReceiveMemoryWarning{
	[super didReceiveMemoryWarning];
}

- (void)dealloc {
	[myTableView release];
	[super dealloc];
}

@end

#import “MyPickerViewController.h”

@implementation MyPickerViewController

@synthesize pickerView;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{

if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) { }

return self;

}

- (void)viewDidLoad

{

[super viewDidLoad];

//pickerViewを作成

//「delegate」と「dataSource」の指定が必要なのでそれも書いてます。

pickerView = [[[UIPickerView alloc] init] autorelease];

pickerView.center = self.view.center;

pickerView.delegate = self;

pickerView.dataSource = self;

[self.view addSubview:pickerView];

}

// 実装必須のメソッドです。列数を返します。

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView

{

return 3;

}

// 実装必須のメソッドです。行数を返します。

-(NSInteger)pickerView:(UIPicerView*)pickerView numberOfRowsInComponent:(NSInteger)component

{

if(component == 0){

return 5; // 1列目は5行

}else{

return 6; // 2列目は6行

}

// 表示する内容を返すメソッドです。

/行インデックス番号を返すように指定しています。

-(NSString*)pickerView:(UIPickerView*)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component

{

return [NSString stringWithFormat:@"%d", row];

}

- (void)didReceiveMemoryWarning{

[super didReceiveMemoryWarning];

}

- (void)dealloc {

[myTableView release];

[super dealloc];

}

@end

はてなブックマーク - Interface Builder (Storyboard) を使わずにUIPickerViewを使う方法

iOS Dev Info

for iOS Developer

カテゴリーアーカイブ: UI

iPhone5かどうかを、画面サイズで判別する方法

アプリをiPhone5に対応させるには？

オープンソースソフトウェアのライセンスの種類について

GPL(GNU General Public License)

使用例

１、無保証で、著作権の表示義務がある。

２、複製したり、改造したものを有償で販売したりできる。

３、制作物も自動的にGPLライセンスになる。

New BSD License – 修正BSDライセンス

使用例

条項

MITライセンス(X11 License、MIT X License)

条項

Apache Software License

条項

CCライセンス(クリエイティブ・コモンズ、Creative Commons)

表示 (Attribution, BY)

非営利 (Noncommercial, NC)

改変禁止 (No Derivative Works, ND)

継承 (Share Alike, SA)

iOS向けのオープンソースのUIが探せる「Cocoa Controls」

UIViewの角を丸くする方法

iOS5以降で簡単に使える4種類のUIAlertView

Interface Builder(Storyboard)を使わずにTabBarを利用する方法

UINavigationBarの背景に画像を指定する方法

Interface Builder (Storyboard) を使わずにUIPickerViewを使う方法