美文网首页
常用的圆角切角、只切某个角、阴影效果

常用的圆角切角、只切某个角、阴影效果

作者: coco_CC | 来源:发表于2021-03-31 11:18 被阅读0次

切view的某个角,左上,左下,右上,右下

- (void)p_addLayer {
    
    //这里设置的是左上和左下角
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds   byRoundingCorners:UIRectCornerBottomLeft |    UIRectCornerBottomRight    cornerRadii:CGSizeMake(30, 30)];
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
    maskLayer.frame = self.bounds;
    maskLayer.path = maskPath.CGPath;
    self.layer.mask = maskLayer;
}

切四个角,切圆角

    self.layer.borderColor = [UIColor redColor].CGColor;
    self.layer.borderWidth = 1;
    self.layer.masksToBounds = YES;
    self.layer.cornerRadius = 5;

阴影效果

- (UIView *)bgView {
    
    if (!_bgView) {
        _bgView = [[UIView alloc]init];
        _bgView.layer.borderWidth = 1.0;
        _bgView.layer.cornerRadius = 10;
        _bgView.layer.borderColor = [UIColor whiteColor].CGColor;
        _bgView.layer.shadowOpacity = 0.5;// 阴影透明度
        _bgView.layer.shadowColor = RGB(156, 156, 156).CGColor;
        _bgView.layer.shadowRadius = 3;
        _bgView.layer.shadowOffset = CGSizeMake(0.0, 2.0);
        _bgView.backgroundColor = [UIColor whiteColor];
    }
    return _bgView;
}

相关文章

  • 常用的圆角切角、只切某个角、阴影效果

    切view的某个角,左上,左下,右上,右下 切四个角,切圆角 阴影效果

  • day05

    1.切角 简单的切角 切四个角 2梯形 第一部分 第二部分 3饼图 4.阴影 单侧阴影 两侧阴影 不规则阴影 5染色效果

  • iOS view同时加阴影和圆角

    怎么给view加阴影的同时增加圆角: 顺序很重要,先加阴影后加圆角并且不切角;如: UIView *imgView...

  • iOS UI三板斧圆角加阴影

    想必在日常的开发中大家都能遇到UI各种圆角加阴影的设计添加圆角效果: 添加阴影效果: 需要圆角+阴影效果则不能满足...

  • iOS View同时设置圆角和阴影

    给View设置圆角我们经常用到,但是同时设置圆角和阴影效果就没那么经常用到,一时想实现这个效果,又不了解其中的坑是...

  • Tailwind Image

    常用图片的效果依靠是圆角和阴影属性,可以产生很多不同的效果,比如圆形图片更多是用于社交人物头像展示。 类型描述圆角...

  • iOS Swift 圆角阴影效果参考代码

    iOS Swift 圆角阴影效果

  • CSS3圆角、阴影、rgba

    CSS3圆角、阴影、rgba CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角:border-top-lef...

  • 2018-08-02 Android中实现阴影和图片圆角效果

    Android中实现阴影和图片圆角效果 这里要讲的是两个github上两个开源的轮子 圆角效果的依赖 阴影效果的依...

  • CardView使用默认效果注意事项

    使用默认效果即不设置背景颜色,只设置阴影大小、圆角大小得到的效果,但是只设置阴影大小还是会跟白色背景融在一起,无法...

网友评论

      本文标题:常用的圆角切角、只切某个角、阴影效果

      本文链接:https://www.haomeiwen.com/subject/hjuohltx.html