Créer UIViews transparent - un arrondi Rect Voir

J'ai récemment eu besoin d'un point de vue qui avait la forme d'un rectangle arrondi. Dessiner un arrondi rect utilisant Core Graphics n'est pas particulièrement difficile. En fait, l'exemple de code QuartzDemo montre une façon de le faire. Donc, je consciencieusement créé en vue de tracer un arrondi rect. Peu importe ce que j'ai fait, cependant, il a attiré blanche tout le chemin jusqu'à la limite de la vue. Ma première version de la vue rectangle arrondi est sorti décidément non arrondis.

Le problème était que j'étais en utilisant la propriété backgroundColor hérité de UIView à identifier de quelle couleur pour dessiner le rectangle arrondi. Mais, et voici le point de se rappeler aujourd'hui: si vous avez besoin des objets ci-dessous vous montrer à travers des parties de votre vue sans l'aide de l'alpha, la propriété backgroundColor DOIT être réglé à [UIColor clearColor]. Cela est vrai même si vous n'appelez pas drawRect sur Super.

L'autre chose que vous devez faire est de s'assurer que le opaqueproperty est réglé sur NO. Ordinairement, opaque doit être réglé sur OUI comme une optimisation, mais que l'optimisation n'est pas disponible pour nous, si nous voulons des choses à montrer à travers par le bas.

Ma deuxième tentative de vue rectangle arrondi a été nettement plus arrondies:

Parce que je savais que je n'aurais probablement besoin d'une vue rectangle arrondi à l'avenir, je l'ai écrit de manière générique. Et, c'est ici, peut-il bien vous servir:

RoundedRectView.h

//
//  RoundedRectView.h
//
//  Created by Jeff LaMarche on 11/13/08.

#import <UIKit/UIKit.h>

#define kDefaultStrokeColor         [UIColor whiteColor]
#define kDefaultRectColor           [UIColor whiteColor]
#define kDefaultStrokeWidth         1.0
#define kDefaultCornerRadius        30.0

@interface RoundedRectView : UIView {
    UIColor     *strokeColor;
    UIColor     *rectColor;
    CGFloat     strokeWidth;
    CGFloat     cornerRadius;
}
@property (nonatomic, retain) UIColor *strokeColor;
@property (nonatomic, retain) UIColor *rectColor;
@property CGFloat strokeWidth;
@property CGFloat cornerRadius;
@end

RoundedRectView.m

//
//  RoundedRectView.m
//
//  Created by Jeff LaMarche on 11/13/08.

#import "RoundedRectView.h"

@implementation RoundedRectView
@synthesize strokeColor;
@synthesize rectColor;
@synthesize strokeWidth;
@synthesize cornerRadius;
- (id)initWithCoder:(NSCoder *)decoder
{
if (self = [super initWithCoder:decoder])
    {
self.strokeColor = kDefaultStrokeColor;
self.backgroundColor = [UIColor clearColor];
self.strokeWidth = kDefaultStrokeWidth;
self.rectColor = kDefaultRectColor;
self.cornerRadius = kDefaultCornerRadius;
    }
return self;
}
- (id)initWithFrame:(CGRect)frame 
{
if (self = [super initWithFrame:frame]) 
    {
// Initialization code
        self.opaque = NO;
self.strokeColor = kDefaultStrokeColor;
self.backgroundColor = [UIColor clearColor];
self.rectColor = kDefaultRectColor;
self.strokeWidth = kDefaultStrokeWidth;
self.cornerRadius = kDefaultCornerRadius;
    }
return self;
}
- (void)setBackgroundColor:(UIColor *)newBGColor
{
// Ignore any attempt to set background color - backgroundColor must stay set to clearColor
    // We could throw an exception here, but that would cause problems with IB, since backgroundColor
    // is a palletized property, IB will attempt to set backgroundColor for any view that is loaded
    // from a nib, so instead, we just quietly ignore this.
    //
    // Alternatively, we could put an NSLog statement here to tell the programmer to set rectColor...
}
- (void)setOpaque:(BOOL)newIsOpaque
{
// Ignore attempt to set opaque to YES.
}
- (void)drawRect:(CGRect)rect {

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, strokeWidth);
    CGContextSetStrokeColorWithColor(context, self.strokeColor.CGColor);
    CGContextSetFillColorWithColor(context, self.rectColor.CGColor);

    CGRect rrect = self.bounds;

    CGFloat radius = cornerRadius;
    CGFloat width = CGRectGetWidth(rrect);
    CGFloat height = CGRectGetHeight(rrect);

// Make sure corner radius isn't larger than half the shorter side
    if (radius > width/2.0)
        radius = width/2.0;
if (radius > height/2.0)
        radius = height/2.0;    

    CGFloat minx = CGRectGetMinX(rrect);
    CGFloat midx = CGRectGetMidX(rrect);
    CGFloat maxx = CGRectGetMaxX(rrect);
    CGFloat miny = CGRectGetMinY(rrect);
    CGFloat midy = CGRectGetMidY(rrect);
    CGFloat maxy = CGRectGetMaxY(rrect);
    CGContextMoveToPoint(context, minx, midy);
    CGContextAddArcToPoint(context, minx, miny, midx, miny, radius);
    CGContextAddArcToPoint(context, maxx, miny, maxx, midy, radius);
    CGContextAddArcToPoint(context, maxx, maxy, midx, maxy, radius);
    CGContextAddArcToPoint(context, minx, maxy, minx, midy, radius);
    CGContextClosePath(context);
    CGContextDrawPath(context, kCGPathFillStroke);
}

- (void)dealloc {
[strokeColor release];
[rectColor release];
[super dealloc];
}

@end