iPhone UIPickerView のラベルのフォント変更

iPhoneでUIPickerViewを使ってシステムのフォント一覧を表示します。
せっかくフォントを表示するので、各ラベルのフォントも表示するフォントに合わせようと思ったら少々迷ったのメモします。

通常ですと、UIPickerViewのdelegateメソッドは

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

の3つですが、これですとNSStringしか返せません。
ですので、3つ目のメソッドは

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

を使うと、画像などUIView(UILabel)が使えます。

システムのフォント一覧を表示する場合は以下のようになります。

- (void)viewDidLoad {

    [super viewDidLoad];	

    NSArray *family = [[UIFont familyNames] sortedArrayUsingSelector:@selector(compare:)];

	familyNames = [[NSMutableArray alloc]init];

	for ( id familyName in family ) {

		NSArray* fonts = [[UIFont fontNamesForFamilyName:familyName] sortedArrayUsingSelector:@selector(compare:)];

		for (NSString *name in fonts) {

			[familyNames addObject:name];

		}

	}

}

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{

	return 1;

}

-(NSInteger)pickerView:(UIPickerView*)pictView numberOfRowsInComponent:(NSInteger)component{

	return [familyNames count];

}

/* フォント名のみ返す場合

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

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

}

*/

//UILabelで返す場合

- (UIView *)pickerView:(UIPickerView *)pictView  viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView*)view{

	NSString *fontname = [NSString stringWithFormat:@"%@", [familyNames objectAtIndex:row]];

	UILabel* fontlabel = (UILabel*)view;	

	if (!fontlabel) {

		fontlabel =  [[[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, ([pictView rowSizeForComponent:component].width - 8.0f), [pictView rowSizeForComponent:component].height)] autorelease];

		fontlabel.adjustsFontSizeToFitWidth = YES;

		fontlabel.backgroundColor = [UIColor clearColor];

	}	

	fontlabel.text = fontname;

	fontlabel.font = [UIFont fontWithName:fontname size:[UIFont labelFontSize]];

	return fontlabel;

}


//ピッカーで取得　labelというUILabelへ選んだフォントを表示しています。

- (void)pickerView:(UIPickerView *)thePickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {

	NSString *pickFont = [familyNames objectAtIndex:[thePickerView selectedRowInComponent:0]];

	label.font = [UIFont fontWithName:pickFont size:[UIFont labelFontSize]];

	label.text = pickFont;

}

- (void)dealloc {

    [familyNames release];

    [super dealloc];

}

サンプルソース

Tweet