ios - iOS-UISliderのカスタム画像

Question

UISliderトラックに画像を使用したい。親指の左側に1つの色を、右側に別の色を付けたくありません。トラック全体で1つの静止画像が必要です。可能？

Answer 1

画像をスライダーに設定するには、setMinimumTrackImage、setMaximumTrackImageメソッドを使用できます。要件については、両方を同じ画像に設定します。

iOS5以下

UIImage *sliderTrackImage = [[UIImage imageNamed: @"Slider.png"] stretchableImageWithLeftCapWidth: 7 topCapHeight: 0];

[mySlider setMinimumTrackImage: sliderTrackImage forState: UIControlStateNormal];
[mySlider setMaximumTrackImage: sliderTrackImage forState: UIControlStateNormal];

iOS5以降

UIImage *sliderTrackImage = [[UIImage imageNamed:@"Slider.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 7, 0, 0)];

[mySlider setMinimumTrackImage: sliderTrackImage forState: UIControlStateNormal];
[mySlider setMaximumTrackImage: sliderTrackImage forState: UIControlStateNormal];

詳細については、次のリンクを確認してください。

1. ユーザーインターフェイスのカスタマイズチュートリアル
2. http://jasonlawton.com/blog/customizing-uislider-in-iphone/
3. カスタムUISlider
4. スライダー画像

Answer 2

[[UISlider appearance] setThumbImage:[UIImage imageNamed:@"ball.png"] forState:UIControlStateNormal];
[slider setMinimumTrackImage:[[UIImage imageNamed:@"volume_slider_oragne.png"] stretchableImageWithLeftCapWidth:0.3 topCapHeight:0.0] forState:UIControlStateNormal];
[slider setMaximumTrackImage:[[UIImage imageNamed:@"volume_strap_gry.png"] stretchableImageWithLeftCapWidth:0.3 topCapHeight:0.0] forState:UIControlStateNormal];

Answer 3

両面を同じ画像に設定するだけです。端に丸みを帯びた角が必要な場合は、同じ色/パターンで2つの別々の画像を作成することをお勧めします。