Storyboardから始めるiPhoneアプリ開発

==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.2.1
==============

iPhoneアプリを日本以外の地域で販売する場合、その土地に合わせたローカライズが必要不可欠です。
つまり日本語表記の部分を英語などに変えたりする必要があるということです。

Xcodeには簡単にローカライズする仕組みが存在します。

本記事では、文字と画像をローカライズする方法を紹介します。

文字のローカライズ

まず、「文字」のローカライズですが、コチラのサイトで詳しく説明されています。
少し補足だけしておきます。

＜＜補足＞＞

1. ターミナルの開き方
   アプリケーション >> ユーティリティ >> ターミナル
   
   


2. ディレクトリ（フォルダ）の移動方法
   「/Users/[ユーザ名]/iPhoneApp/TestProject/」に移動したい場合は以下のコマンドを打つ。
   
   cd /Users/[ユーザ名]/iPhoneApp/TestProject/


3. ローカライズのテスト方法
   以下を辿って、日本語 <==> 英語　を切り替える。
   設定アプリ >> 一般 >> 言語環境 >> 言語

画像のローカライズ

続いて画像のローカライズですが、上記サイトにはその情報がないので、本記事で詳解します。


まず始めに承知頂きたいことがありあす。
それは、画像のローカライズは「日本語画像を英語画像に自動で変換してくれる」わけではないということです。

つまり、「日本語用の画像」「英語用の画像」は自分で用意しなければならないということです。
その上で、ファイル名を元に日本語用の画像を表示するか英語用の画像を表示するのかを自動で判断してくれるっていうだけです。

完成イメージはこんな感じ。

※使用している画像は以下。



では、手順です。

1. 日本語用、英語用それぞれの画像を用意し、Xcodeに追加しておく。
   ※画像ファイル名は、[img_jp.png]と[img_en.png]とする。
   


2. StoryboardのViewController上に画像表示用のUIImageViewを配置し、[imv_Title]でOutlet宣言と紐付けをしておく。
   

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // デバイスの言語環境設定に応じてタイトル画像のファイル名を取得する
    NSString *str_TitleLocal = NSLocalizedString(@"Title",
                                                 @"Title Image");
    
    // 取得したファイル名を元にUIImageViewに画像をセットする
    imv_Title.image = [UIImage imageNamed:str_TitleLocal];
}

以上です。
言語環境設定の変更＆プロジェクトの実行でテストしてみて下さい。
完成イメージのようになればOKです。

これで、iPhoneアプリ内をまるごとローカライズ出来ますね。

データベースを使っている場合も、それぞれの言語のテーブルなどを持っておけばローカライズできそうです。もちろんその分容量は増えてしまいますが…

関連記事

• [AppStore審査]Xcodeからバイナリーをアップロードするときにアーカイブコマンド(Archive)が表示されない時の対処方法
• [Xcode]Version editorを選択してStoryboard画面がコード表記になってしまったときの直し方
• [Xcode]iPhoneアプリ内の文字と画像を多言語化（ローカライズ）する方法
• [Xcode][objective-c]UIScrollViewとUIPageControlを組み合わせてスワイプでページを切り替える方法
• [Xcode]ソースファイルの作成者と会社名(MyCompanyName)を変更する方法

1. 2012/03/25(日)|
2. Xcode / objective-c
3. | トラックバック:0
4. | コメント:0