iOS
위스 라이더

위스 라이더

목표 -C

에서 슬라이더 속성을 선언 ViewController.h 또는 인터페이스에 ViewController.m

@property (strong, nonatomic)UISlider *slider;

//Define frame of slider and add to view
CGRect frame = CGRectMake(0.0, 100.0, 320.0, 10.0);
UISlider *slider = [[UISlider alloc] initWithFrame:frame];
[slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
[self.slider setBackgroundColor:[UIColor clearColor]];
self.slider.minimumValue = 0.0;
self.slider.maximumValue = 50.0;
//sending a NO/False would update the value of slider only when the user is no longer touching the screen. Hence sending only the final value
self.slider.continuous = YES;
self.slider.value = 25.0;
[self.view addSubview slider];

슬라이더 변경 이벤트 처리

- (IBAction)sliderAction:(id)sender {
    NSLog(@"Slider Value %f", sender.value);
}

SWIFT 예제

 let frame = CGRect(x: 0, y: 100, width: 320, height: 10)
 let slider = UISlider(frame: frame)
 slider.addTarget(self, action:  #selector(sliderAction), for: .valueChanged)
 slider.backgroundColor = .clear
 slider.minimumValue = 0.0
 slider.maximumValue = 50.0
 //sending a NO/False would update the value of slider only when the user is no longer touching the screen. Hence sending only the final value
 slider.isContinuous = true
 slider.value = 25.0
 view.addSubview(slider)

슬라이더 변경 이벤트 처리

 func sliderAction(sender:UISlider!)
 {
    print("value--\(sender.value)")
 }

커스텀 이미지 추가하기

슬라이더의 썸에 대한 사용자 정의 이미지를 추가하려면 사용자 정의 이미지로 setThumbImage 메소드를 호출하면됩니다.

스위프트 3.1 :

let slider = UISlider()
let thumbImage = UIImage
slider.setThumbImage(thumbImage, for: .normal)