Pods Demo – CircularSliderDemo

Pods Demo – CircularSliderDemo

名称 CircularSlider
适用版本 iOS7
原始码 GitHub
授权 MIT

说明

CircularSlider 有三种显示的方式提供,第一种是纯单一数值显示方式,第二种采用阶段性索引显示,最后一种是时间表示方式,直接整个范例下载后就会有这三种的展示方式。

CircularSlider 可以用手势调整数值,就像范例撷图滑鼠指标一样的手势,如果怕在调整过程中手势不好调整,还可以利用上、下箭头调整更细的细节。经由宣告的初始化方式来决定你要用的类型,并使用initWithFrame来决定Slider的显示位置,之后再将整个View加入主要 的View。

上图中可以用箭头调整显示的值。

展示

类型1

//-----------start-----------
#define COMPONENTRECT CGRectMake(45, 185, DK_SLIDER_SIZE-90, DK_SLIDER_SIZE-90)
- (void)viewDidLoad
{
    [super viewDidLoad];
    simpleCSlider = [[DKCircularSlider alloc] initWithFrame:COMPONENTRECT
                                                   usingMax:99
                                                   usingMin:1
                                           withContentImage:[UIImage imageNamed:@"sensitivity"]
                                                  withTitle:@"Sensitivity" withTarget:self usingSelector:@selector(sliderChange:)];
    [[self view] addSubview:simpleCSlider];
    [simpleCSlider movehandleToValue:10];
    [[self view] setBackgroundColor:[UIColor grayColor]];
}
-(void)sliderChange:(DKCircularSlider *)sender
{
    NSLog(@"Value Changed (%@)",[sender getTextValue]);
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
//------------end------------

类型2

//-----------start-----------
#define COMPONENTRECT CGRectMake(45, 185, DK_SLIDER_SIZE-90, DK_SLIDER_SIZE-90)
- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    guidedCSlider = [[DKCircularSlider alloc] initWithFrame:COMPONENTRECT
                                               withElements:@[@"Monday",@"Tuesday",@"Wednesday",@"Thursday",@"Friday",@"Saturday",@"Sunday"]
                                           withContentImage:[UIImage imageNamed:@"pawn.png"]
                                                  withTitle:@"Days"
                                                 withTarget:self usingSelector:@selector(sliderChange:)];
    [[self view] addSubview:guidedCSlider];
    [guidedCSlider movehandleToValue:1];
    [[self view] setBackgroundColor:[UIColor grayColor]];
}
-(void)sliderChange:(DKCircularSlider *)sender
{
    NSLog(@"Value Changed (%@)",[sender getTextValue]);
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
//------------end------------

类型3

//-----------start-----------
#define COMPONENTRECT CGRectMake(45, 185, DK_SLIDER_SIZE-90, DK_SLIDER_SIZE-90)
- (void)viewDidLoad
{
    [super viewDidLoad];
    timeCSlider = [[DKCircularSlider alloc] initWithFrame:COMPONENTRECT
                                                 usingMax:60*60
                                                 usingMin:0
                                   withRepresantationMode:DKCircularSliderRepresantationModeTime
                                         withContentImage:[UIImage imageNamed:@"pawn.png"]
                                                withTitle:@"time" withTarget:self usingSelector:@selector(sliderChange:)];
    [[self view] addSubview:timeCSlider];
    [timeCSlider movehandleToValue:1];
    [[self view] setBackgroundColor:[UIColor grayColor]];

}
-(void)sliderChange:(DKCircularSlider *)sender
{
    NSLog(@"Value Changed (%@)",[sender getTextValue]);
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
//------------end------------