美文网首页iOS开发实用技术
中间透明的UIView实现的几种方法

中间透明的UIView实现的几种方法

作者: ChenJZ | 来源:发表于2015-12-18 17:24 被阅读2535次

前言

当用户第一次使用app的时候, 在app的开始页或者主要的界面,就会显示用户引导,引导用户怎么使用这个app。就类似下面这种界面(随便找张QQ的截图做为app的界面)


Paste_Image.png

总的来说,还是比较简单的。下面是我上网找的几种方法

1、用CALayer的mask层来实现

   UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.view.bounds];
    [path addArcWithCenter:CGPointMake(CGRectGetWidth(self.view.bounds)/2, CGRectGetHeight(self.view.bounds)/2) radius:50 startAngle:0 endAngle:M_PI *2 clockwise:YES];
    path.usesEvenOddFillRule = YES;
    
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = path.CGPath;
    shapeLayer.fillColor= [UIColor blackColor].CGColor;  //其他颜色都可以,只要不是透明的
    shapeLayer.fillRule=kCAFillRuleEvenOdd;
  
    UIView *translucentView = [UIView new];
    translucentView.frame = self.imaegView.bounds;
    translucentView.backgroundColor = [UIColor blackColor];
    translucentView.alpha = 0.5;
    translucentView.layer.mask = shapeLayer;
    
    [self.view addSubview:translucentView];

    //把shapeLayer的透明度改为0.5,直接添加layer也一样
    // shapeLayer.opacity = 0.5
    //[self.imageView.layer addSublayer:shapeLayer];

2、使用透明图片作为UIView来实现

    UIView *translucentView = [UIView new];
    translucentView.frame = self.imaegView.bounds;
    translucentView.backgroundColor = [UIColor blackColor];
    translucentView.alpha = 0.5;
    
    UIImageView *maskView = [UIImageView new];
    maskView.frame = self.imaegView.bounds;
    maskView.image = [UIImage imageNamed:@"translucent"];
    maskView.contentMode = UIViewContentModeScaleToFill;
//    maskView.
    
    translucentView.maskView = maskView;
    [self.imaegView addSubview:translucentView];

3、使用drawRect:(CGRect)rect实现(参考别人的)

- (void)drawRect:(CGRect)rect{ //创建路径并获取句柄 
    CGMutablePathRef path = CGPathCreateMutable(); //指定矩形 
    CGRect rectangle = self.bounds; //将矩形添加到路径中 
    CGPathAddRect(path,NULL, rectangle); //获取上下文 
    CGContextRef currentContext = UIGraphicsGetCurrentContext(); //将路径添加到上下文
    CGContextAddPath(currentContext, path); //设置矩形填充色 CGContextSetFillColorWithColor(currentContext, 
    [UIColor colorWithWhite:0.0f alpha:0.8f].CGColor); 
    CGContextFillRect(currentContext, rectangle); 
    CGContextClearRect(currentContext, CGRectMake(50.f, 50.f, 220.f, 220.f));//绘制
    CGContextDrawPath(currentContext, kCGPathFillStroke); 
    CGPathRelease(path);
 }```

相关文章

  • 中间透明的UIView实现的几种方法

    前言 当用户第一次使用app的时候, 在app的开始页或者主要的界面,就会显示用户引导,引导用户怎么使用这个app...

  • iOS 动画

    UIView基础动画实现方式一 UIView位置大小动画UIView颜色动画UIView透明度动画 UIView基...

  • UIView中间透明周围半透明(四种方法)

    方法一 直接添加使用就行 方法二 也是直接调用就行 方法三 写到需要添加 透明圆的 view里 调用[self a...

  • iOS性能优化技巧(多贴总结)

    一 视图相关 1.1 UIView的透明度 避免对UIView使用透明。(UIView默认是非透明,即alpha ...

  • UIView+Animation

    提要 给UIView通过类目扩展动画的方法,UIView对象直接传参调用,实现相应的动画效果。 实现 UIView...

  • UIView 部分透明的实现方案

    实现部分透明,本质就是,让透明的区域不绘制。 方案1: 使用path NOTE:需要设置fillRule = kC...

  • 设置半透明遮照View

    方法一 直接添加一个UIView,然后把UIView设置为半透明设置控件透明度时,如果直接用alpha属性来设置,...

  • UIwindow的使用

    1. UIWindowLevel 让UIView 和 UIWindow透明不遮挡下放操作的方法 设置父视图的的透明...

  • ios UIView实现颜色渐变的几种方法

    最近要写一个渐变UIview,所以总结下渐变的方法,下面的是我程序里用的 在简书上有看到小超飞鱼的一篇总结,觉得写...

  • 小技巧ios

    使一个UIView有透明梯度的从中间到左边和右边的效果。 OC CAGradientLayerlayer *gra...

网友评论

    本文标题:中间透明的UIView实现的几种方法

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