Tips

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

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

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上でいじってみたり、
コードを変更してみたり、いろいろ試してみてください!

TechProjin 開発系基礎講座 連載リンク

基礎からPHPWEBアプリ解発を学ぶなら・・
PHP基礎 連載

AIなどで注目急上昇!これから学ぶならPython!!
独学で学ぶ-pythonプログラミング 連載

汎用性◎ 定番プログラミング言語JAVA
Java基礎講座 連載

Recent News

Recent Tips

Tag Search