Кто-нибудь знает, как программно создать прозрачный градиент (альфа-градиент), над изображением с Core Graphic? Мне нужно это как для отображения изображения, так и для его сохранения.
Пример того, что я хочу получить:
Кто-нибудь знает, как программно создать прозрачный градиент (альфа-градиент), над изображением с Core Graphic? Мне нужно это как для отображения изображения, так и для его сохранения.
Пример того, что я хочу получить:
Вы можете использовать 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.
Или версия Swift по запросу @Zazu:
// 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;
Я не знаю основного графического решения для градиента, но если вы можете сделать изображение в фотошопе, который начинает белым справа и исчезает до альфа слева, вы можете наложить его поверх содержимого изображения
чтобы наложить изображение, вы сделаете что-то вроде
+ (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;
}
этот код адаптирован из этого вопроса
Или версия Swift по запросу @Zazu:
// 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;