お使いのブラウザは、バージョンが古すぎます。

このサイトは、Internet Explore8・Internet Explore9には対応しておりません。
恐れ入りますが、お使いのブラウザをバージョンアップしていただきますよう宜しくお願いいたします。

【iOS】UIPickerViewのカスタマイズ

こんにちは、andyです。


UIPickerViewを使っていたときに、行の部分をカスタマイズしたいと思い調べてみました。
やりたかった事は2つ。

  • 行の中にUIImageViewなどをテキストと一緒に表示したい
  • 行の高さをかえたい



まず、「行の中にUIImageViewなどをテキストと一緒に表示したい」ですが、UIPickerViewDelegateを実装して、


– (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view


というメソッドをオーバーライドします。このメソッドは、行の表示が発生する度にUIPickerViewから呼び出されます。ここで行に表示させたいViewを戻り値として渡してあげる事で各行の見た目をカスタマイズできます。


次に「行の高さをかえたい」ですが、こちらは


– (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component


というメソッドをオーバーライドします。このメソッドは、UIPickerViewで行が表示されるごとに呼び出されます。戻り値に1行分の高さを指定します。


今回はこんな感じで。


それでは。

コメントをどうぞ

メールアドレスは公開されません。* が付いている欄は必須項目です。


お気軽にお問い合わせください。

日本VTR実験室では、お仕事のご依頼、ブログ・コラムのご感想などを受け付けております。
アプリ開発・コンテンツ制作でお困りでしたら、お気軽にご相談ください。
ご連絡お待ちしております。

お問い合わせはこちらから

03-3541-1230

info@nvtrlab.jp

電話受付対応時間:平日AM9:30〜PM6:00