您的位置:首页 > 产品设计 > UI/UE

给一个视图添加圆角效果

2015-12-27 22:09 239 查看
正方形,长方形等有棱有角的按钮,输入框会给人一种太方正呆板的感觉,而且界面美观效果也不太好,iOS7风格扁平化之后,越来越多的圆角,圆形视图被用到应用的界面上,大大提高了界面的美观性,下面我就来说说如何让我们界面的输入框,按钮实现圆角的效果,

UILabel *lable = [[UILabel alloc] initWithFrame:CGRectMake((375 - 100) / 2, (667 - 100) / 2, 100, 100)];
    lable.backgroundColor = [UIColor blueColor];
圆弧的半径,这个出现的效果会是个半径为50的圆,我们可以根据视图的frame来调整半径的大小,实现不同的效果
注意:添加圆角效果后,视图所占的依然是一个矩形区域

    lable.layer.cornerRadius = 50;
    //覆盖超出部分
    lable.layer.masksToBounds = YES;

我们哈可以给视图添加一个边框

设置边框的高度

      1、view.layer.borderWidth = 5;

边框的颜色

      2、view.layer.borderColor = [[UIColor colorWithRed:0.92 green:0.05 blue:0.07 alpha:1] CGColor];

    [self.window addSubview:lable];
    [lable release];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息