EZYGradientView-ObjC 1.3

EZYGradientView-ObjC 1.3

测试已测试
Lang语言 Obj-CObjective C
许可证 MIT
已发布最后发布2016年8月

Shashank Pali 维护。



  • Shashank Pali

EZYGradientView 是在 iOS 平台上创建渐变和带有模糊效果的渐变的一种独特而不同的方式。默认的 CAGradientLayer 实现没问题,但很复杂,且结果与预期不同。根据文档

起始点对应于渐变的第一个停止点。该点在单位坐标空间中定义,然后绘制时将其映射到层的边界矩形中。

起始点和终点映射的值并不真正清楚。如果我们设置起始 x 坐标为 0.2,它不会解算为 X 轴上视图宽度的 0.2。

这个库试图创建直观的渐变。当你使用 EZYGradientView 时,你不需要担心 Apple 的默认 API。你所关心的是

  • 你的颜色是什么
  • 渐变的夹角
  • 两种颜色分布的比率;最后...
  • 颜色分散的强度

EZYGradientView 提供了五个可以修改以自定义您的渐变的属性。视图本身是 IBDesignable,其属性 IBInspectable,这意味着您可以在 xib 或 storyboard 上实时自定义您的渐变。

Pod 安装

CocoaPods 是安装此库的首选方法。将以下命令添加到 Podfile

use_frameworks!
pod 'EZYGradientView-ObjC'

Swift 而言

直接安装

下载 .zip 文件并提取它。在那里,您将找到 EZYGradientView 文件夹,将所有文件复制到您的相应项目中。

集成方法

Storyboard/Xib

只需按照以下简单步骤操作,在 xib 或 storyboard 中创建渐变!

步骤 1 - 选择颜色

步骤 描述
Step 1a
Step 1b

步骤 2 - 设置渐变角度

步骤 描述
Step 2a 默认为0°。
Step 2b 位于45°。
Step 2c 位于135°。

步骤 3 - 设置颜色比例

步骤 描述
Step 3a 默认为0.5,这就是颜色被平均分配的原因。有效范围0至1。
Step 3b 在0.1时,第一种颜色占据视图区域的十分之一。其余部分由第二种颜色填充。
Step 3c 在0.9时,第一种颜色占据视图区域的九十分之一。其余部分由第二种颜色填充。

步骤 4 - 设置渐变强度

步骤 描述
Step 4a 默认为0,这就是为什么两种颜色相遇的地方有一个尖锐的界限。有效范围0至1。
Step 4b 在0.5时,两种颜色之间的转换更加平滑。
Step 4c 在1时,达到最大的转换平滑度。

步骤 5 - 设置模糊和模糊不透明度

(此功能适用于iOS 8及以上)
步骤 描述
Step 5a 默认为0,模糊透明度最小。有效范围0至1。
Step 5b 在1.0时,模糊透明度最大。(黑色点是梯度视图背后的标签)
建议 使用这些属性来设计 navigationBartabBartableHeaderView 等。

编程方式

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];

待办事项

  • 允许使用多于两种颜色来创建渐变。
  • 如果在不低于iOS 8的版本中使用模糊属性可能会崩溃。
  • 使用CoreGraphics模糊来替换UIVisualEffectView

感谢

  • 感谢 Sudeep Jaiswal 的激励及对文档和想法的特殊感谢。

许可证

EZYGradientView 可在MIT许可证下使用。有关更多信息,请参阅LICENSE文件。