iPhone開發筆記 (7) 用Layer製作圓角button

    製作圓角button的方法很多這裏只介紹採用Layer的方法,隨讓layer效率上實在是不盡如人意,但是效果上絕對沒話說。

    下面的代碼我是採用imageView加上透明button做的效果。直接修改button的layer我沒弄過,不過原理應該差不多。

    先看看效果圖

    
UIImageView *imageView1 = [[UIImageView alloc] init];
    imageView1.frame = CGRectMake(23.75, 16.6, 75, 75);
    imageView1.image = [UIImage imageNamed:@"menu1.png"];
    imageView1.layer.MasksToBounds = YES;  
    imageView1.layer.cornerRadius = 10.0; 
    imageView1.layer.borderWidth = 2;  
    imageView1.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor]; 
    imageView1.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];
    
    
    UIImageView *imageView2 = [[UIImageView alloc] init];
    imageView2.frame = CGRectMake(122.5, 16.6, 75, 75);
    imageView2.image = [UIImage imageNamed:@"menu2.png"];
    imageView2.layer.MasksToBounds = YES;  
    imageView2.layer.cornerRadius = 10.0;  
    imageView2.layer.borderWidth = 2;  
    imageView2.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor];  
    imageView2.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];
    
    UIImageView *imageView3 = [[UIImageView alloc] init];
    imageView3.frame = CGRectMake(221.25, 16.6, 75, 75);
    imageView3.image = [UIImage imageNamed:@"menu3.png"];
    imageView3.layer.MasksToBounds = YES;  
    imageView3.layer.cornerRadius = 10.0;  
    imageView3.layer.borderWidth = 2;  
    imageView3.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor];  
    imageView3.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];
    
    UIImageView *imageView4 = [[UIImageView alloc] init];
    imageView4.frame = CGRectMake(23.75, 118.2, 75, 75);
    imageView4.image = [UIImage imageNamed:@"menu4.png"];
    imageView4.layer.MasksToBounds = YES;  
    imageView4.layer.cornerRadius = 10.0;  
    imageView4.layer.borderWidth = 2; 
    imageView4.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor];  
    imageView4.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];
    
    UIImageView *imageView5 = [[UIImageView alloc] init];
    imageView5.frame = CGRectMake(122.5, 118.2, 75, 75);
    imageView5.image = [UIImage imageNamed:@"menu5.png"];
    imageView5.layer.MasksToBounds = YES;  
    imageView5.layer.cornerRadius = 10.0;  
    imageView5.layer.borderWidth = 2; 
    imageView5.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor];  
    imageView5.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];
    
    UIImageView *imageView6 = [[UIImageView alloc] init];
    imageView6.frame = CGRectMake(221.25, 118.2, 75, 75);
    imageView6.image = [UIImage imageNamed:@"menu6.png"];
    imageView6.layer.MasksToBounds = YES;  
    imageView6.layer.cornerRadius = 10.0;  
    imageView6.layer.borderWidth = 2;  
    imageView6.layer.borderColor = [[UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1] CGColor];  
    imageView6.backgroundColor = [UIColor colorWithRed:161/255.0 green:47/255.0 blue:47/255.0 alpha:1];

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章