【開発環境】Xcode4, iOS4.3
タブバーコントローラのアイコンをカスタムアイコンに変えてみよう。
サンプルは、走ってる人の絵っぽくした。
■カスタムアイコンにする前に、iOSに標準で用意されているアイコンに変えてみる。
１．プロジェクトナビゲータから[MainWindow.xib]を選択します。
①タブの部分に２回クリックすると、タブアイコンが選択されたことになります。
②[-▼-](Attributes inspector)をクリックします。コントローラの属性設定の画面が表示されます。
③[Identifier]でお好きなアイコンを選択してください。
※アイコンを選ぶと自動的に、タブのラベルも変わります。
■カスタムアイコンの画像を作成する
タブバーコントローラに利用できる画像は、色合い(RGB)は関係なく、ピクセルの透明度（アルファ値）が関係します。透過部分は非表示されず、非透過部分は表示されます。
１．GIMPを使います。画像を白・黒で描きます。
黒部分を透過、白部分を非透過にします。
３．透明にする色を選択して、[OK]ボタンをクリックします。
５．完成した画像を2種類サイズに拡大・縮小します。
PNG形式で、***の部分はファイル名は自由につけてください。
・***.png ：32x32
・***@2x.png ：64x64(Retina用)
■作成したカスタムアイコン用の画像をプロジェクトに追加する
１．プロジェクトナビゲーターに作成した画像をドラッグします。
２．ファイルの追加方法をダイアログが表示されるので、そのまま[Finish]ボタンをクリックします。プロジェクトフォルダ内に画像の複製が追加されます。
■タブバーコントローラのアイコンを変更する
前半で、アイコンをiOS標準の画像に変えたように、タブバーコントローラのタブを選択します。
①[Title]に自由にタブ名を入力します。
②[Image]で作成した画像を選択します。
起動すると、アイコンが青色っぽくと輝いていると思います。選択時と非選択時で、表示のされかたが違うの試してみてください。
0 件のコメント:
コメントを投稿