Как маскировать UIViews в iOS

Question

Я видел похожие вопросы, но не нашел работоспособных ответов.

Я хочу замаскировать UIView с помощью серого изображения (нужно преобразовать в альфа-шкалу для маскировки). У UIView есть фон. Должно быть легко замаскировать изображение, но я хочу замаскировать любой UIView.

Любые подсказки будут оценены.

Answer 1

Я работаю над этой проблемой в течение нескольких часов и имею решение, которое, я думаю, будет делать то, что вы хотите. Во-первых, создайте свое маскирующее изображение, используя любые средства, которые, по вашему мнению, подходят. Обратите внимание: нам нужны только значения альфа, все остальные цвета будут проигнорированы, поэтому убедитесь, что используемый вами метод поддерживает альфа-значения. В этом примере я загружаюсь из файла .png, но не пытаюсь использовать файлы .jpg, так как они не имеют альфа-значений.

Далее создайте новый слой, присвоить маску на его содержание и установить этот новый слой на свой собственный слой UIView, как и так: вы должны найти, что это маскирует UIView и все присоединенные подвиды:

UIImage *_maskingImage = [UIImage imageNamed:@"mask"]; 
CALayer *_maskingLayer = [CALayer layer]; 
_maskingLayer.frame = theView.bounds; 
[_maskingLayer setContents:(id)[_maskingImage CGImage]]; 
[theView.layer setMask:_maskingLayer]; 

С этим вы можете установить цвет фона UIView в любое удобное для вас время, а маска будет использоваться для создания цветного фильтра.

EDIT: Начиная с iOS8 вы можете маскировать вид, просто назначив другое представление его свойству maskView. Общие правила остаются такими же, что альфа-слой maskView используется для определения непрозрачности вида, к которому он применяется.

Answer 2

Я не знаю точного кода с верхней части головы, но основная идея состоит в том, чтобы иметь два UIViews. Один UIView будет иметь свойство изображения, которое будет отображаться в виде серого масштаба, а другой UIView будет установлен как обычно, единственное отличие состоит в том, что вы позиционируете исходный UIView непосредственно поверх UIView, содержащего «нормальное» изображение.

Надеюсь, этого достаточно, чтобы продвинуть вашу идею дальше.

Answer 3

Для приложений, ориентированных на iOS 8.0+, это сработало (в данном случае, используя градиент в качестве маски). Это позволяет избежать необходимости изменять размер или положение маски.

// Add gradient mask to view 
func AddGradientMask(targetView: UIView) 
{ 
    let gradientMask = CAGradientLayer() 

    gradientMask.frame = targetView.bounds 
    gradientMask.colors = [UIColor.blackColor().CGColor, UIColor.clearColor().CGColor] 
    gradientMask.locations = [0.8, 1.0] 

    let maskView: UIView = UIView() 
    maskView.layer.addSublayer(gradientMask) 

    targetView.maskView = maskView 
} 

В моем случае, я хочу удалить маску, как только пользователь начнет прокрутку. Это делается с помощью:

func scrollViewWillBeginDragging(scrollView: UIScrollView) { 

    exerDetailsTableView.maskView = nil   
} 

где вид определяется как @IBOutlet:

@IBOutlet weak var exerDetailsTableView: UITableView! 

Результат: