EZYGradientView
是在 iOS 平台上创建渐变和带有模糊效果的渐变的一种独特而不同的方式。默认的 CAGradientLayer
实现没问题,但很复杂,且结果与预期不同。根据文档
起始点对应于渐变的第一个停止点。该点在单位坐标空间中定义,然后绘制时将其映射到层的边界矩形中。
起始点和终点映射的值并不真正清楚。如果我们设置起始 x 坐标为 0.2,它不会解算为 X 轴上视图宽度的 0.2。
这个库试图创建直观的渐变。当你使用 EZYGradientView
时,你不需要担心 Apple 的默认 API。你所关心的是
EZYGradientView
提供了五个可以修改以自定义您的渐变的属性。视图本身是 IBDesignable
,其属性 IBInspectable
,这意味着您可以在 xib 或 storyboard 上实时自定义您的渐变。
CocoaPods 是安装此库的首选方法。将以下命令添加到 Podfile
use_frameworks!
pod 'EZYGradientView-ObjC'
下载 .zip 文件并提取它。在那里,您将找到 EZYGradientView
文件夹,将所有文件复制到您的相应项目中。
只需按照以下简单步骤操作,在 xib 或 storyboard 中创建渐变!
步骤 | 描述 |
---|---|
![]() |
|
![]() |
步骤 | 描述 |
---|---|
![]() |
默认为0°。 |
![]() |
位于45°。 |
![]() |
位于135°。 |
步骤 | 描述 |
---|---|
![]() |
默认为0.5,这就是颜色被平均分配的原因。有效范围0至1。 |
![]() |
在0.1时,第一种颜色占据视图区域的十分之一。其余部分由第二种颜色填充。 |
![]() |
在0.9时,第一种颜色占据视图区域的九十分之一。其余部分由第二种颜色填充。 |
步骤 | 描述 |
---|---|
![]() |
默认为0,这就是为什么两种颜色相遇的地方有一个尖锐的界限。有效范围0至1。 |
![]() |
在0.5时,两种颜色之间的转换更加平滑。 |
![]() |
在1时,达到最大的转换平滑度。 |
步骤 | 描述 |
---|---|
![]() |
默认为0,模糊透明度最小。有效范围0至1。 |
![]() |
在1.0时,模糊透明度最大。(黑色点是梯度视图背后的标签) |
建议 | 使用这些属性来设计 navigationBar 、tabBar 、tableHeaderView 等。 |
EZYGradientView *gradientView = [[EZYGradientView alloc] init];
gradientView.frame = self.view.frame;
gradientView.firstColor = [UIColor orangeColor];
gradientView.secondColor = [UIColor greenColor];
gradientView.angleº = 45;
gradientView.colorRatio = 0.5;
gradientView.fadeIntensity = 1;
gradientView.isBlur = YES;
gradientView.blurOpacity = 0.5;
[self.view addSubView:gradientView];
UIVisualEffectView
。EZYGradientView
可在MIT许可证下使用。有关更多信息,请参阅LICENSE文件。