UIKitのアトリビュート徹底解説〜UISlider編〜

この記事は2016年7月27日に書かれたものです。内容が古い可能性がありますのでご注意ください。


UISliderのアトリビュートを徹底解説!

UISliderもUIButtonと同様で、各セグメントに画像を配置したりすることができる部品になっている
ため、UIControlクラスを継承しています。
UISegmentedControl→UIControl→UIViewというようにクラスを継承しています。そのため
UISegmentedControlクラス独自のアトリビュートだけでなく、UIControlクラスとUIViewクラスの
アトリビュートも設定することが可能です。
s26_1
s26_2
s26_3
今回はUISliderクラス独自のアトリビュートのみに絞って解説します。

【Value】

スライダーのValueプロパティで取得できる値の範囲を設定することができます。
◼︎Minimum
minimumValueプロパティ
スライダーが左端に位置しているときの値
◼︎Maximum
maximumValueプロパティ
スライダーが右端に位置しているときの値
◼︎Current
valueプロパティ
スライダーの初期値

mySL.minimumValue = 100
mySL.maximumValue = 200
mySL.value = 150

【Min Image】

minimumValueImageプロパティ
スライダーの左端の横に配置する画像を設定することができます。

【Max Image】

maximumValueImageプロパティ
スライダーの右端の横に配置する画像を設定することができます。

mySL.minimumValueImage = UIImage(named: "bell-off.png")
mySL.maximumValueImage = UIImage(named: "bell.png")

s26_4

【Min Track Tint】

mySL.minimumTrackTintColorプロパティ
スライダーの現在値を表すマークより左側のバーの色を変更することができます。

【Max Track Tint】

maximumTrackTintColorプロパティ
スライダーの現在値を表すマークより右側のバーの色を変更することができます。

【Thumb Tint】

thumbTintColorプロパティ
スライダーの現在値を表すマークの色を変更することができます。

mySL.minimumTrackTintColor = UIColor.greenColor()
mySL.maximumTrackTintColor = UIColor.redColor()
mySL.thumbTintColor = UIColor.yellowColor()

s26_5

【Events】

◼︎Continuous Updates
continuousプロパティ
チェックを入れることでスライダーをスワイプしている際に連続して値が変化するのを止めることができます。
チェックあり…スワイプして指を離したその瞬間だけ値を取得する
チェックなし…スワイプしている最中も値を連続して取得し続ける

mySL.continuous = true

いかがだったでしょうか。コードで記述する際の例も載せているのでstoryboard上でいじってみたり、
コードを変更してみたり、いろいろ試してみてください!

  • このエントリーをはてなブックマークに追加

PAGE TOP