ios - Core Graphic iPhone を使用した透過 (アルファ) グラデーション

Question

Core Graphic を使用して、画像の上に透明なグラデーション (アルファ グラデーション) をプログラムで作成する方法を知っている人はいますか? 画像の表示と保存の両方に必要です。

私が取得したいものの例：

Answer 1

QuartzCore を使用して、UIImageView にマスク (グラデーション透明度) を適用できます。

UIImageView *myImageView = ["the image view"];
CAGradientLayer *l = [CAGradientLayer layer];
l.frame = myImageView.bounds;
 l.colors = [NSArray arrayWithObjects:(id)[[UIColor colorWithRed:0 green:0 blue:0 alpha:0] CGColor], (id)[[UIColor colorWithRed:0 green:0 blue:0 alpha:1] CGColor], nil];

l.startPoint = CGPointMake(0.0, 0.0f);
l.endPoint = CGPointMake(1.0f, 1.0f);

//you can change the direction, obviously, this would be top to bottom fade
myImageView.layer.mask = l; 

それを保存するには、キャンバスの内容を UIImage に保存する方法を検索するだけで、Stack Overflow で簡単に答えを見つけることができます。

または @Zazu のリクエストに応じた Swift バージョン:

// Whatever you image view is, obviously not hardcoded like this
let imageView = UIImageView.init(image: UIImage(named: "Image"))
imageView.frame = CGRectMake(0, 0, 320, 480)
self.view.addSubview(imageView)
// Create the gradient layer
let gradientLayer = CAGradientLayer.init()
gradientLayer.frame = imageView.bounds
gradientLayer.colors = [
    UIColor.init(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0).CGColor,
    UIColor.init(colorLiteralRed: 0, green: 0, blue: 0, alpha: 1).CGColor]
// Whatever direction you want the fade. You can use gradientLayer.locations
// to provide an array of points, with matching colors for each point, 
// which lets you do other than just a uniform gradient.
gradientLayer.startPoint = CGPointMake(1.0, 0.0);
gradientLayer.endPoint = CGPointMake(0.0, 0.0);
// Use the gradient layer as the mask
imageView.layer.mask = gradientLayer;

Answer 2

グラデーションのコア グラフィックス ソリューションはわかりませんが、Photoshop で右側が白で始まり、左側がアルファにフェードする画像を作成できる場合は、それをコンテンツ画像の上に重ねることができます

画像をオーバーレイするには、次のようにします

+ (UIImage*) addFadeOutToImage:(UIImage*)sourceImage
{
   UIGraphicsBeginImageContext(sourceImage.size);

   [sourceImage drawAtPoint:CGPointZero];

   UIImage* fadeAlphaImage = [UIImage imageNamed:@"fadedAlphaImage.png"];

   CGPoint fadeOutStartPoint = CGPointMake(sourceImage.size.width - fadeAlphaImage.size.width, 0);
   //assumes the fade image is the same height as the source
   [fadeAlphaImage drawAtPoint:fadeOutStartPoint];

   UIImage* fadeOutImage = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();

   return fadeOutImage;
}

この質問から改作されたこのコード

または @Zazu の要求に応じた Swift バージョン:

// Whatever you image view is, obviously not hardcoded like this
let imageView = UIImageView.init(image: UIImage(named: "Image"))
imageView.frame = CGRectMake(0, 0, 320, 480)
self.view.addSubview(imageView)
// Create the gradient layer
let gradientLayer = CAGradientLayer.init()
gradientLayer.frame = imageView.bounds
gradientLayer.colors = [
    UIColor.init(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0).CGColor,
    UIColor.init(colorLiteralRed: 0, green: 0, blue: 0, alpha: 1).CGColor]
// Whatever direction you want the fade. You can use gradientLayer.locations
// to provide an array of points, with matching colors for each point, 
// which lets you do other than just a uniform gradient.
gradientLayer.startPoint = CGPointMake(1.0, 0.0);
gradientLayer.endPoint = CGPointMake(0.0, 0.0);
// Use the gradient layer as the mask
imageView.layer.mask = gradientLayer;