http://www.cocoachina.com/articles/18756

iOS设置圆角矩形和阴影效果

https://www.cnblogs.com/rayshen/p/4900336.html

iOS_使用UIBezierPath对象实现视图控件的立体阴影效果和半透明背景效果

https://blog.csdn.net/Sponge_CMZ/article/details/48498885

核心API

Class : UIBezierPath, CALayer
涉及的API:(API的官方详细注释详见本章结尾)

/** CALayer 的shadowPath属性. */
@property CGPathRef shadowPath

/** 创建UIBezierPath对象的相关类方法. */
+ (UIBezierPath *)bezierPathWithRect:(CGRect)rect
+ (UIBezierPath *)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius
+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect

功能实现

1 . 椭圆形阴影效果
效果图:

2 . 半透明背景
效果图:

Code:

1 . 椭圆形阴影效果

- (void)layoutOvalShadow
{

/** 1. 创建一个UIImageView的对象. */

UIImage *image = [UIImage imageNamed:@"1.jpg"];

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(70, 200, 150, 200)];

imageView.image = image;

[self.view addSubview:imageView];

[imageView release];

/**

* @brief   2. 创建UIBezierPath的对象(椭圆形状).

* @param 椭圆形状位置和大小(参考的坐标系是要设置阴影的视图)

*/

UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(25, 230, 100, 20)];

/** 3. 设置imageView的阴影, 制造立体效果. */

imageView.layer.shadowPath = path.CGPath; /**< 指定path对象. */

imageView.layer.shadowOpacity = 0.5; /**< 阴影透明度.*/

imageView.layer.shadowRadius = 0; /**< 阴影模糊效果的半径. */

imageView.layer.shadowColor = [UIColor grayColor].CGColor; /**< 阴影颜色.*/

}

2 . 半透明背景

- (void)bezierPathBackground
{

/** 1. 创建一个UIImageView的对象, 当做背景图片. */

UIImage *image = [UIImage imageNamed:@"33.jpg"];

UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.view.frame];

imageView.image = image;

[self.view addSubview:imageView];

[imageView release];

/** 2. 创建UILabel的对象. */

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(25, 50, 320, 100)];

label.text = @"Our mind is a sponge, our heart is a stream.";

label.font = [UIFont systemFontOfSize:30];

label.textColor = [UIColor whiteColor];

label.backgroundColor = [UIColor clearColor];

label.numberOfLines = 0;

label.textAlignment = NSTextAlignmentCenter;

[imageView addSubview:label];

[label release];

/**

* @brief   3. 创建UIBezierPath的对象(圆角效果的矩形)

* @param 1: 矩形的位置和大小(参考的坐标系是要设置阴影的视图)

* @param 2: 圆角的半径

*/

UIBezierPath *backgroundPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, 320, 100) cornerRadius:5];

/** 4. 设置label的阴影, 制造半透明背景效果. */

label.layer.shadowPath = backgroundPath.CGPath;

label.layer.shadowOpacity = 0.4;

label.layer.shadowRadius = 0;

label.layer.shadowColor = [UIColor grayColor].CGColor;

}

核心API
功能实现
Code
API 官方注释
API 官方注释

/**
* @brief Creates and returns a new UIBezierPath object initialized with a rectangular path.
* @param <rect> The rectangle describing the path to create.
* @return A new path object with the rectangular path.
*/
+ (UIBezierPath *)bezierPathWithRect:(CGRect)rect

/**
* @brief Creates and returns a new UIBezierPath object initialized with an oval path inscribed in the specified rectangle
* @ param <rect> The rectangle in which to inscribe an oval.
*/
+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect

/**
* @brief Creates and returns a new UIBezierPath object initialized with a rounded rectangular path.
* @param <rect> The rectangle that defines the basic shape of the path
* @param <cornerRadius> The radius of each corner oval. A value of 0 results in a rectangle without rounded corners. Values larger than half the rectangle’s width or height are clamped appropriately to half the width or height.
* @return A new path object with the rounded rectangular path.
*/
+ (UIBezierPath *)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius
---------------------
作者：Sponge_CMZ
来源：CSDN
原文：https://blog.csdn.net/Sponge_CMZ/article/details/48498885
版权声明：本文为博主原创文章，转载请附上博文链接！