ページ

2014年10月17日金曜日

iOSアプリ開発してみる 4 - Segumented Control -

iOS7以降でのSegumented Controlに画像表示

例えば以下の画像をそれぞれ、Segmented Controlに表示してみる。
 

Xcode上で新規グループ(Image)を作成し、それぞれの画像を登録。
Segment Controlのアトリビュートインスペクタで以下に設定
  • セグメント4つに設定
  • セグメント1 : bloackIcon.png
  • セグメント2 : redIcon.png
  • セグメント3 : yellowIcon.png
  • セグメント4 : greedIcon.png
実際に表示させてみると・・・












表示が全て青色になっているorz 色々調べてみると以下サイトを発見!!
UIKitを使いこなそう
どうやらデフォルト色で塗られている模様。 そこでSegment Controlをアウトレットとして登録し、 ソース上でイメージを設定する。
/* 画像読み込み                       */
UIImage *blackImage = [[UIImage imageNamed:@"blackIcon.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIImage *redImage = [[UIImage imageNamed:@"redIcon.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIImage *yellowImage = [[UIImage imageNamed:@"yellowIcon.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIImage *greenImage = [[UIImage imageNamed:@"greenIcon.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
/* セグメントコントロールへ画像設定       */
[_colorSegment setImage:blackImage forSegmentAtIndex:0];
[_colorSegment setImage:redImage forSegmentAtIndex:1];
[_colorSegment setImage:yellowImage forSegmentAtIndex:2];
[_colorSegment setImage:greenImage forSegmentAtIndex:3];
いざ実行!!












無事表示されました^^

0 件のコメント:

コメントを投稿