这是创建自定义UIView的方法吗?

时间:2012-04-27 19:49:12

标签: ios xcode custom-controls calayer

我已经将UIView子类化了,所以我可以在项目中添加多个相同类型的视图。视图基本上是一个半径为矩形,左侧是图片,右侧是一段文本。现在不要误解我的代码,但是我总是问自己“这是这样的,还是我真的错了”。

1)我正在将CALayers与UILabels混合,这样可以吗?

2)setUpView的完成方式是什么。

3)如果这样可以,我最好的选择是让imageLayer回应触摸事件吗?

4)我可以问一个问题。作为兼职初学者,在商店里只有一个基本的应用程序,我有点挑剔。我的意思是,我应该让它工作并坚持下去!你觉得怎么样?

@synthesize dateLabel = _dateLabel;
@synthesize nameLabel = _nameLabel;
@synthesize photo = _photo;
@synthesize roundRect= _roundRect;
@synthesize imageLayer = _imageLayer;



-(void)setUpView
{

    //create the white rectangle
        self.roundRect.frame = CGRectMake(0.0, 0.0, self.frame.size.width, self.frame.size.height);
    self.roundRect.cornerRadius = 15.0;
    self.roundRect.backgroundColor = [UIColor clearColor].CGColor;
    self.roundRect.borderColor = [UIColor whiteColor].CGColor;
    self.roundRect.borderWidth = 2.0;
    self.roundRect.masksToBounds = YES;

   //create the photo 
   CGImageRef image = [self.photo CGImage];
    self.imageLayer.frame = CGRectMake(0.0, 0.0, self.roundRect.frame.size.width*0.48, self.roundRect.frame.size.height);
    self.imageLayer.borderColor = [UIColor whiteColor].CGColor;
    self.imageLayer.borderWidth = 2.0;
    self.imageLayer.masksToBounds = YES;
   [self.imageLayer setContents:(__bridge id)image];
   [self.imageLayer setContentsGravity:kCAGravityResizeAspectFill];
    [self.imageLayer setContentsRect:CGRectMake(0.0,0.0,1.1,1.0)];

    //create label
    self.nameLabel.frame = CGRectMake(self.imageLayer.frame.size.width+5, self.roundRect.frame.size.height*0.05, self.roundRect.frame.size.width*0.48,self.roundRect.frame.size.height*0.35);
    self.nameLabel.backgroundColor = [UIColor clearColor];
    self.nameLabel.textAlignment = UITextAlignmentCenter;
    self.nameLabel.baselineAdjustment = UIBaselineAdjustmentAlignCenters;
    self.nameLabel.textColor = [UIColor whiteColor];
    self.nameLabel.adjustsFontSizeToFitWidth =YES;

    self.nameLabel.font = [UIFont fontWithName:@"Gill Sans" size:50.0];








    [self.roundRect addSublayer:self.imageLayer];
    [self.layer addSublayer:self.roundRect];
    [self addSubview:self.nameLabel];

}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{


}

-(void)setPhoto:(UIImage *)photo
{
    _photo = photo;

    [self setUpView];

}

-(void)setNameLabel:(UILabel *)nameLabel
{
    _nameLabel = nameLabel;

    [self setUpView];

}


- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.roundRect = [[CALayer alloc]init];
        self.imageLayer = [[CALayer alloc]init];
        self.nameLabel = [[UILabel alloc]init];


    [self setUpView];
    }
    return self;
}

1 个答案:

答案 0 :(得分:1)

使用Interface Builder可以使这更容易。我会创建一个UIView设置为我想要的大小的XIB。然后添加标签(nameLabel)并根据需要进行配置。您可以使用QuartzCore图层cornerRadius来设置圆角。然后,您可以在XIB中使用子类,并将其设置为UIView的类类型。不是文件所有者而是视图。然后,您可以将标签链接为插座,而无需手动创建。您可以删除上面的一些代码,但仍然具有您的功能和外观。我已经学会了让Interface Builder尽可能地完成工作。

希望这有帮助。