版本记录
版本号 | 时间 |
---|---|
V1.0 | 2018.01.22 |
前言
在苹果的API文档中,有很多属性和方法我们用的不是很多,所以很容易忽略和出错,下面我就用这一个专题专门说一些不常用的API接口,下面开始。感兴趣的可以参考前面几篇文章。
1. 容易忽略的那些小点总结 (一) —— UIView UIViewTintAdjustmentMode相关(一)
2. 容易忽略的那些小点总结 (二) —— CALayer相关(一)
3. 容易忽略的那些小点总结 (三) —— CALayer相关(二)
4. 容易忽略的那些小点总结 (四) —— CALayer相关(三)
5. 容易忽略的那些小点总结 (五) —— CALayer相关(四)
edgeAntialiasingMask
位掩码用于定义接收器边缘如何光栅化,还是先看一下其API文档。
/* Defines how the edges of the layer are rasterized. For each of the
* four edges (left, right, bottom, top) if the corresponding bit is
* set the edge will be antialiased. Typically this property is used to
* disable antialiasing for edges that abut edges of other layers, to
* eliminate the seams that would otherwise occur. The default value is
* for all edges to be antialiased. */
定义图层的边缘如何被光栅化。 对于四个边(左,右,下,上)中的每一个,如果相应的
位被设置,边将被反锯齿。 通常,此属性用于禁用对邻接其他图层边缘的边缘进行抗锯齿,
以消除否则会出现的接缝。 默认值是所有的边缘都是反锯齿的。
@property CAEdgeAntialiasingMask edgeAntialiasingMask;
这个是一个枚举,我们看看都可以取哪些值。
/* Bit definitions for `edgeAntialiasingMask' property. */
typedef NS_OPTIONS (unsigned int, CAEdgeAntialiasingMask)
{
kCALayerLeftEdge = 1U << 0, /* Minimum X edge. */
kCALayerRightEdge = 1U << 1, /* Maximum X edge. */
kCALayerBottomEdge = 1U << 2, /* Minimum Y edge. */
kCALayerTopEdge = 1U << 3, /* Maximum Y edge. */
};
还可以这么理解:
此属性指定图层的哪些边是反锯齿的,并且是CAEdgeAntialiasingMask中定义的常量的组合。 您可以分别为每个边(顶部,左侧,底部,右侧)启用或禁用抗锯齿功能。 默认情况下,对所有边缘启用反锯齿。
通常情况下,您将使用此属性来禁用与其他图层边缘邻接的抗锯齿功能,以消除否则会出现的接缝。
Layer的
edgeAntialiasingMask
属性并不能有效抗锯齿,只需要在图片边缘加入1个像素的透明区域就可以完美实现图片抗锯齿了。
allowsEdgeAntialiasing
这是一个布尔值,指示是否允许图层执行边缘抗锯齿。在使用view的缩放的时候,layer.border.width随着view的放大,会出现锯齿化的问题,解决这个问题需要设置这个属性。self.layer.allowsEdgeAntialiasing = YES;
还是先看一下API文档。
/* When true this layer is allowed to antialias its edges, as requested
* by the value of the edgeAntialiasingMask property.
*
* The default value is read from the boolean UIViewEdgeAntialiasing
* property in the main bundle's Info.plist. If no value is found in
* the Info.plist the default value is NO. */
如果为true,则允许按照edgeAntialiasingMask属性值的要求对该图层进行抗锯齿处理。
默认值是从主包的Info.plist中的布尔值UIViewEdgeAuthoriasing属性中读取的。 如果在
Info.plist中找不到值,则默认值为NO。
@property BOOL allowsEdgeAntialiasing;
还有几个问题:
- 在这个属性
allowsEdgeAntialiasing
出现之前,是如何抗锯齿的呢,一般是添加一个像素的透明边。具体代码可以参考。
- (UIImage *)antiAlias
{
CGFloat border = 1.0f;
CGRect rect = CGRectMake(border, border, self.size.width-2*border, self.size.height-2*border);
UIImage *img = nil;
UIGraphicsBeginImageContext(CGSizeMake(rect.size.width,rect.size.height));
[self drawInRect:CGRectMake(-1, -1, self.size.width, self.size.height)];
img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIGraphicsBeginImageContext(self.size);
[img drawInRect:rect];
UIImage* antiImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return antiImage;
}
具体效果如下所示
- 下面对比一下不做任何处理、透明边处理和属性
allowsEdgeAntialiasing
设置三种情况下性能的差别。
上图结果表明,allowsEdgeAntialiasing
的性能还是比透明边的方式要差一点。
maskedCorners
这是一个枚举值,是iOS11.0新出的属性
看一下API文档
/* Defines which of the four corners receives the masking when using
* `cornerRadius' property. Defaults to all four corners. */
当使用cornerRadius属性时,定义四个角中的哪一个接收到遮罩。 默认为全部四个角落。
@property CACornerMask maskedCorners
CA_AVAILABLE_STARTING (10.13, 11.0, 11.0, 4.0);
下面我们就看一下这个枚举值都可以取哪些值
/* Bit definitions for `maskedCorners' property. */
typedef NS_OPTIONS (NSUInteger, CACornerMask)
{
kCALayerMinXMinYCorner = 1U << 0,
kCALayerMaxXMinYCorner = 1U << 1,
kCALayerMinXMaxYCorner = 1U << 2,
kCALayerMaxXMaxYCorner = 1U << 3,
};
下面我们看一个例子
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100.0, 200.0, 200.0, 100.0)];
view.layer.backgroundColor = [UIColor blueColor].CGColor;
view.layer.cornerRadius = 50.0;
view.layer.maskedCorners = kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner;
[self.view addSubview:view];
看一下效果示意图
这个还是可动画的,下面还是看代码
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100.0, 200.0, 200.0, 100.0)];
view.layer.backgroundColor = [UIColor blueColor].CGColor;
view.layer.cornerRadius = 50.0;
view.layer.maskedCorners = kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner;
[self.view addSubview:view];
[UIView animateWithDuration:7 delay:1.0 options:UIViewAnimationOptionCurveLinear animations:^{
view.layer.cornerRadius = 0;
} completion:nil];
在iOS11.0之前圆角是不支持动画的。
参考文章
1. 图片变形的抗锯齿处理方法
2. iOS11新特性——改善view圆角
后记
本篇已结束,后面更精彩~~~