0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

RangeUISliderを使用してみる

Posted at

RangeUISliderとは
UISliderの両端バージョン。↓こんなやつ
スクリーンショット 2021-10-03 20.28.45.png

ステップ1 SPMでRangeUISliderを入れる
SPMでRangeUISliderを検索し、プロジェクトに入れてあげる。

ステップ2 uiviewをstoryboardにのっける。
ステップ3
乗っけたUIViewのclassの部分にRangeUISliderを指定してあげる。
スクリーンショット 2021-10-03 20.16.09.png
Designableエラーがおきてもきちんと動くのでこうなっていてもOK!!
スクリーンショット 2021-10-03 20.15.17.png

ステップ4 IBOutletでコードに落としてあげる

@IBOutlet weak var levelUISlider: RangeUISlider!

ステップ5 RangeUISliderのUIを変えてみる(コードじゃなくて右側のメニューでもできる)

levelUISlider.leftKnobColor = UIColor.orange//左の丸の色
levelUISlider.rightKnobColor = UIColor.orange//右の丸の色
levelUISlider.rangeSelectedColor = UIColor.orange//左と右の間の選択されている色

ステップ5 Delegateメソッドを呼び出してみる

levelUISlider.delegate = self

.
.
.
使いそうなやつ

Sliderの範囲が変更されているとき maxとminの値をとれる
 func rangeIsChanging(minValueSelected: CGFloat, maxValueSelected: CGFloat, slider: RangeUISlider) {
}
Sliderの範囲の変更が終了したとき maxとminの値をとれる
func rangeChangeFinished(minValueSelected: CGFloat, maxValueSelected: CGFloat, slider: RangeUISlider) {
    }
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?