Как сделать границу выцветания для uiview

Question

Как реализовать границу с одной стороны и затухание для UIView. Мне жаль, что у меня недостаточно репутации, чтобы опубликовать снимок экрана. Но есть пример в приложении iOS. Если вы нажмете «+», то «добавьте телефон», будет вертикальная линия, которая именно то, что я хочу.

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

Спасибо за любой ответ и предложение заблаговременно.

Answer 1

Вы можете использовать CAGradientLayer:

let layer = CAGradientLayer() 
layer.colors = [UIColor.white.cgColor, UIColor.gray.cgColor] 
// play around with layer.locations and layer.{startPoint|endPoint} to suit your needs 

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

override class func layerClass() -> AnyClass { 
    return CAGradientLayer.self 
} 
// configure the layer with color, end/start and locations in init() 

Это позволяет отбросить этот вид в любом месте и использовать автомасштабирование по размеру и разместить его по своему усмотрению.