2012年11月10日 星期六

Slider的基本使用(二)

延續Slider的基本使用(ㄧ)的設計,加上圖示,改變外觀

1. 先在專案上加入圖檔,這邊使用mac內置的圖檔

2. 在SliderViewController.m加上圖檔的設定
- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
   
    appDelegate = (mainAppDelegate *)[[UIApplication sharedApplication] delegate];
   
    mySlider = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 300, 50)];
    [mySlider addTarget:self action:@selector(controlValueChanged) forControlEvents:UIControlEventValueChanged];
   
    mySlider.minimumValue = 0;
    mySlider.maximumValue = 3;
    mySlider.continuous = YES;
   
    NSString *imageName1 = [NSString stringWithFormat:@"Doggie.gif"];
   
    NSString *imageName2 = [NSString stringWithFormat:@"Pointy.gif"];
   
    NSString *imageName3 = [NSString stringWithFormat:@"RedDog.gif"];
   
   
    UIImage *minImage = [[UIImage imageNamed:imageName1] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
   
    UIImage *maxImage = [[UIImage imageNamed:imageName2] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
 

//UIImage提供了resizableImageWithCapInsets方法,可以对图案进行拉伸处理。参数//UIEdgeInsetsMake(0,0,0,0)指定了不进行拉伸操作的部分的大小,顺序是上、左、下、右4个 
边。   

    UIImage *thumbImage = [UIImage imageNamed:imageName3];

   
    [mySlider setMaximumTrackImage:maxImage forState:UIControlStateNormal];
    [mySlider setMinimumTrackImage:minImage forState:UIControlStateNormal];
   
    [mySlider  setThumbImage:thumbImage  forState:UIControlStateNormal];

   
   
    // voiceSlider.value = 0.5;  // 此種設定會讓Slider不能動
    [mySlider setValue:lastvalue]; //只可以用此法,
   
    [self.view addSubview:mySlider];
   
 }

3. 執行結果

沒有留言: