Swift - Как нанести тень только на UIButton Bottom Shadow, но не на его изображение и заголовок? - PullRequest
Новая
       12

Swift - Как нанести тень только на UIButton Bottom Shadow, но не на его изображение и заголовок?

0 голосов
/ 05 ноября 2018

Я пытаюсь добавить тень на UIButton, но я хочу, чтобы только тень для нижней тени UIButton, а не для ее изображения и заголовка. Я следовал за нижней тенью UIButton , но это не сработало. По сути, вот что я имею сейчас: enter image description here

И вот что я хочу иметь: enter image description here

Это мой текущий код: 

button.layer.borderWidth = 0.5
button.layer.borderColor = UIColor.gray.cgColor
button.layer.shadowColor = UIColor.black.cgColor
button.layer.shadowOffset = CGSize(width: 0, height: 2)
button.layer.shadowOpacity = 1.0
button.layer.shadowRadius = 0
button.layer.masksToBounds = false

Пожалуйста, помогите. Заранее спасибо.

Ответы [ 3 ]

0 голосов
/ 05 ноября 2018

Пожалуйста, используйте расширение ниже для создания тени 

extension UIView {

func addshadow(top: Bool,
               left: Bool,
               bottom: Bool,
               right: Bool
               ) {

    let shadowRadius: CGFloat = 2.0
    self.layer.masksToBounds = false
    self.layer.shadowOffset = CGSize(width: 0.0, height: 0.0)
    self.layer.shadowRadius = shadowRadius
    self.layer.shadowOpacity = 0.3
    let path = UIBezierPath()
    var x: CGFloat = 0
    var y: CGFloat = 0
    var viewWidth = self.frame.width
    var viewHeight = self.frame.height
    if (!top) {
        y+=(shadowRadius+1)
    }
    if (!bottom) {
        viewHeight-=(shadowRadius+1)
    }
    if (!left) {
        x+=(shadowRadius+1)
    }
    if (!right) {
        viewWidth-=(shadowRadius+1)
    }
    path.move(to: CGPoint(x: x, y: y))
    path.addLine(to: CGPoint(x: x, y: viewHeight))
    path.addLine(to: CGPoint(x: viewWidth, y: viewHeight))
    path.addLine(to: CGPoint(x: viewWidth, y: y))
    path.close()
    self.layer.shadowPath = path.cgPath
}

}

использование - 

    button.addshadow(top: false, left: false, bottom: true, right: false)
0 голосов
/ 05 ноября 2018

Check output in Attached image

Оформить заказ под строками кода 

btn.setImage(UIImage(named: "Unknown.jpg"), for: .normal)

    btn.imageView?.layer.shadowColor = UIColor.blue.cgColor

    btn.imageView?.layer.shadowOffset = CGSize(width: 1, height: 1)

    btn.imageView?.layer.shadowOpacity = 1.0

    btn.imageView?.layer.shadowRadius = 5

    btn.imageView?.layer.masksToBounds = false

    btn.setTitle("    hello", for: .normal)

    btn.titleLabel?.layer.shadowColor = UIColor.black.cgColor

    btn.titleLabel?.layer.shadowOffset = CGSize(width: 1, height: 1)

    btn.titleLabel?.layer.shadowOpacity = 1.0

    btn.titleLabel?.layer.shadowRadius = 3

    btn.titleLabel?.layer.masksToBounds = false

    btn.backgroundColor = UIColor.red
0 голосов
/ 05 ноября 2018

Привет, дорогой, лучший способ наложения тени на прозрачную кнопку. Просто вставьте кнопку в вид и примените эффект тени к этому виду.

Как я сделал ниже: 

yourButtonView.layer.borderWidth = 0.5

yourButtonView.layer.borderColor = UIColor.gray.cgColor

yourButtonView.layer.shadowColor = UIColor.black.cgColor

yourButtonView.layer.shadowOffset = CGSize(width: 0, height: 2)

yourButtonView.layer.shadowOpacity = 1.0

yourButtonView.layer.shadowRadius = 0

yourButtonView.layer.masksToBounds = false
...