0

こんなスライドでUISliderの背景色を変えたい

ここに画像の説明を入力

このコードを試してみましたが、この型ビューとは異なります

@property (strong, nonatomic) IBOutlet UISlider *r;
@property (strong, nonatomic) IBOutlet UISlider *g;
@property (strong, nonatomic) IBOutlet UISlider *b;

-(void)blueSlider:(UISlider*)slider {
    UIColor *newColor = [UIColor colorWithRed:_r.value green:_g.value blue:_b.value alpha:1];
   _b.backgroundColor=newColor;
}

-(void)greenSlider:(UISlider*)slider {
    UIColor *newColor = [UIColor colorWithRed:_r.value green:_g.value blue:_b.value alpha:1];
    _g.backgroundColor=newColor;
}

-(void)redSlider:(UISlider*)slider  {
    UIColor *newColor = [UIColor colorWithRed:_r.value green:_g.value blue:_b.value alpha:1];
   _r.backgroundColor=newColor;
}

この見た目は特に欲しい。

4

2 に答える 2

2

ヘッダーファイルで QuartzCore をインポートし、レイヤーインスタンスを次のように定義します

#import <QuartzCore/QuartzCore.h>

@interface ViewController : UIViewController
{
    CAGradientLayer *red_gradient;
    CAGradientLayer *green_gradient;
    CAGradientLayer *blue_gradient;
}

@property (strong, nonatomic) IBOutlet UISlider *r;
@property (strong, nonatomic) IBOutlet UISlider *g;
@property (strong, nonatomic) IBOutlet UISlider *b;
@property (strong, nonatomic) IBOutlet UILabel *colorLabel;
-(IBAction)sliderValue:(UISlider*)sender;
@end

実装ファイルで、レイヤーを初期化し、以下に示すように UISliders のフレームを設定します

- (void)viewDidLoad
{
    red_gradient =[CAGradientLayer layer];
    green_gradient =[CAGradientLayer layer];
    blue_gradient=[CAGradientLayer layer];

    CGRect rect=_r.frame;
    rect.size.height=10;
    [_r setFrame:rect];

    rect=_g.frame;
    rect.size.height=10;
    [_g setFrame:rect];

    rect=_b.frame;
    rect.size.height=10;
    [_b setFrame:rect];

    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}

ビューには、メソッド呼び出しaddLayersメソッドが次のように表示されました

-(void)viewDidAppear:(BOOL)animated
{
    [self addLayers];
}

値の変更時に、スライダー メソッドを addSubLayers メソッドを次のように呼び出します。

-(IBAction)sliderValue:(UISlider*)sender
{
    [self addLayers];
    UIColor *newColor = [UIColor colorWithRed:_r.value green:_g.value blue:_b.value alpha:1];
   _colorLabel.backgroundColor = newColor;
}

そして最後に addLayers メソッドです:---

-(void)addLayers
{
    UIColor *startColor=[UIColor colorWithRed:0 green:_g.value blue:_b.value alpha:1];
    UIColor *endColor=[UIColor colorWithRed:1 green:_g.value blue:_b.value alpha:1];

    red_gradient.frame = _r.bounds;
    red_gradient.colors = [NSArray arrayWithObjects:(id)[startColor CGColor], (id)[endColor CGColor], nil];

    [red_gradient setStartPoint:CGPointMake(0.0, 0.5)];
    [red_gradient setEndPoint:CGPointMake(1.0, 0.5)];

    [_r.layer insertSublayer:red_gradient atIndex:2];

    startColor=[UIColor colorWithRed:_r.value green:0 blue:_b.value alpha:1];
    endColor=[UIColor colorWithRed:_r.value green:1 blue:_b.value alpha:1];

    green_gradient.frame = _g.bounds;
    green_gradient.colors = [NSArray arrayWithObjects:(id)[startColor CGColor], (id)[endColor CGColor], nil];

    [green_gradient setStartPoint:CGPointMake(0.0, 0.5)];
    [green_gradient setEndPoint:CGPointMake(1.0, 0.5)];

    [_g.layer insertSublayer:green_gradient atIndex:2];

    startColor=[UIColor colorWithRed:_r.value green:_g.value blue:0 alpha:1];
    endColor=[UIColor colorWithRed:_r.value green:_g.value blue:1 alpha:1];

    blue_gradient.frame = _b.bounds;
    blue_gradient.colors = [NSArray arrayWithObjects:(id)[startColor CGColor], (id)[endColor CGColor], nil];

    [blue_gradient setStartPoint:CGPointMake(0.0, 0.5)];
    [blue_gradient setEndPoint:CGPointMake(1.0, 0.5)];

    [_b.layer insertSublayer:blue_gradient atIndex:2];
}

それは次のようになります:--------

ここに画像の説明を入力

于 2013-07-15T16:33:24.420 に答える
0

スライダーの背景色をまとめて設定しているため、コードは目的の外観を実現しません。

グラデーションの使用方法については、CGGradient リファレンスを参照してください。

また、あなたが描いたものはスライダーのようには見えませんが、グラデーションの境界内のオブジェクトのように見え、panGestureRecognizer.

詳細については、UIPanGestureRecognizer クラス リファレンスを参照してください。

于 2013-07-15T13:25:24.327 に答える