UISliderを画像で格好良く仕上げる

UISliderを画像で格好良く仕上げるTipsです。

画像を使ったものと標準のものを並べてみました。

画像を設定するには

[slider setThumbImage: [UIImage imageNamed:@"xxx.png"] forState:UIControlStateNormal];
[slider setMinimumTrackImage:[UIImage imageNamed:@"max.png"] forState:UIControlStateNormal];
[slider setMaximumTrackImage:[UIImage imageNamed:@"mini.png"] forState:UIControlStateNormal];

setThumbImageは真ん中のまるポチ。
setMaximumTrackImageは左側のバー。
setMinimumTrackImageは右側のバー。

このように指定すればOKです。

[sc name=”ios”][sc name=”engeneer”]