美文网首页
实现背景渐变效果

实现背景渐变效果

作者: 羊妞麻麻 | 来源:发表于2017-05-23 16:56 被阅读8次

UIView *bgView = [[UIView alloc] initWithFrame:CGRectMake(0, 60, SCREEN_WIDTH, 175-60)];
[_headerView addSubview:bgView];

    //渐变效果
    _gradientLayer = [CAGradientLayer layer];  // 设置渐变效果
    _gradientLayer.bounds = self.view.bounds;
    _gradientLayer.borderWidth = 0;
    _gradientLayer.frame = self.view.bounds;
    _gradientLayer.colors = [NSArray arrayWithObjects:
                                 (id)[[UIColor clearColor] CGColor],
                                 (id)[[UIColor colorWithRed:0 green:0 blue:0 alpha:0.5] CGColor], nil,nil];
    _gradientLayer.startPoint = CGPointMake(0.5, 0.5);
    _gradientLayer.endPoint = CGPointMake(0.5, 1.0);
    [bgView.layer insertSublayer:_gradientLayer atIndex:0];

相关文章

  • CSS渐变之背景、边框、字体渐变

    使用CSS实现背景色渐变、边框渐变,字体渐变的效果。 背景色渐变 效果如图: linear-gradient: (...

  • 实现背景渐变效果

    UIView *bgView = [[UIView alloc] initWithFrame:CGRectMake...

  • html+css 动态渐变背景

    演示效果 实现思路 先给背景设置了渐变颜色并且旋转一定角度,实现斜着的渐变效果。接下来把背景放大500%,然后设置...

  • iOS--背景色渐变

    废话不多说,直接上货 背景色渐变实现方法 实现效果图:

  • css3渐变属性有哪些?CSS3渐变属性用法

    在CSS3之前如果需要添加渐变效果,通常要设置背景图像来实现。而CSS3中增加了渐变属性,通过渐变属性可以轻松实现...

  • 12、切角效果

    使用渐变背景可以实现元素的切角效果。 实现底部两个切角时,需要使用两层渐变,再把两层渐变的大小分别设置为整个元素的...

  • Swift.类微博弹出动画

    实现效果: view弹出时:背景渐变展示,有毛玻璃效果.view内部的button依次从上方弹到指定frame. ...

  • UINavigationBar

    1、一种navigation渐变色的实现方案,与背景一体,效果 2、导航条渐隐的UI效果实现HYNavBarHid...

  • 5、条纹背景

    1、水平和垂直条纹 使用背景渐变效果可以实现各种各样的条纹背景。当渐变色中的多个色标具有相同的位置时,它们之间就不...

  • web前端入门到实战:CSS3做出条纹大背景

    1、实现不等宽背景条纹 实现如上图所示的效果,代码如下: 其他效果: ⑴如果想设置等宽的渐变只需要将开始值和结束值...

网友评论

      本文标题:实现背景渐变效果

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