UIButton fond de l'ombre

J'ai un UIButton qui est très similaire à la norme clavier iOS alphabet bouton.

Je ne suis pas sûr de savoir comment créer une ombre seulement pour la couche de fond, comme la façon dont iOS ont fait.

J'utilise le code ci-dessous, mais je vois une ombre sur tous les côtés, pas seulement le bas:

CALayer *buttonLayer = [[CALayer alloc] init];
buttonLayer.shadowColor = [UIColor grayColor].CGColor;
buttonLayer.shadowOffset = CGSizeMake(0.f,1.f);
buttonLayer.masksToBounds = NO;
buttonLayer.shadowOpacity = 1.f;

Pouvez-vous s'il vous plaît dites-moi comment faire pour obtenir le même effet. Merci à l'avance.

Avez-vous regardé: stackoverflow.com/questions/9336187/...
Je pense que vous voulez aussi de définir shadowRadius à 0.
Aussi, maskToBounds est NO par défaut.

InformationsquelleAutor Neelesh | 2014-11-22

Vous pouvez mélanger les cornerRadius d'ombre et de propriétés. Je l'ai testé sur iOS 8.

Objective-C:

[self.globeButton setImage:[UIImage imageNamed:@"Globe"] forState:UIControlStateNormal];
self.globeButton.backgroundColor = [UIColor colorWithRed:171 green:178 blue:186 alpha:1.0f];
//Shadow and Radius
self.globeButton.layer.shadowColor = [[UIColor colorWithRed:0 green:0 blue:0 alpha:0.25f] CGColor];
self.globeButton.layer.shadowOffset = CGSizeMake(0, 2.0f);
self.globeButton.layer.shadowOpacity = 1.0f;
self.globeButton.layer.shadowRadius = 0.0f;
self.globeButton.layer.masksToBounds = NO;
self.globeButton.layer.cornerRadius = 4.0f;

Swift:

globeButton.setImage(UIImage(named: "Globe"), forState: .Normal)
globeButton.backgroundColor = UIColor(red: 171/255, green: 178/255, blue: 186/255, alpha: 1.0)
//Shadow and Radius
globeButton.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.25).CGColor
globeButton.layer.shadowOffset = CGSize(width: 0.0, height: 2.0)
globeButton.layer.shadowOpacity = 1.0
globeButton.layer.shadowRadius = 0.0
globeButton.layer.masksToBounds = false
globeButton.layer.cornerRadius = 4.0

Résultat:

UIButton fond de l'ombre

Cela fonctionne, mais si vous utilisez ce code au clavier personnalisé, d'aide à la touche de décalage.
Vous ne savez pas comment vous avez obtenu ce à travail, ou si quelque chose a changé depuis que vous avez posté votre réponse. Je ne vois pas le rayon de l'angle quand je test ce. Que si j'ai mis le calque.masksToBounds ou clipsToBounds true, je vois le rayon de l'angle et puis pas d'ombre. Testé dans Xcode 8, Swift 3, iOS 10.
Eh bien, j'ai essayé exactement le même code sur Xcode avec iOS 8.2 10.2, et ça fonctionne. Êtes-vous sûr que vous n'êtes pas raté quelque chose?
Assurez-vous de pas set globe.clipsToBounds = true.
'CGSizeMake' est pas disponible dans Swift
CGSize(largeur: 0.0, hauteur: 2.0)

InformationsquelleAutor ricardopereira

SWIFT 3

import UIKit

class ButtonWithShadow: UIButton {

    override func draw(_ rect: CGRect) {
        updateLayerProperties()
    }

    func updateLayerProperties() {
        self.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.25).cgColor
        self.layer.shadowOffset = CGSize(width: 0, height: 3)
        self.layer.shadowOpacity = 1.0
        self.layer.shadowRadius = 10.0
        self.layer.masksToBounds = false
    }

}

UIButton fond de l'ombre

!! Si vous n'avez pas besoin de le rayon de l'angle et de l'ombre simultanément. Sinon regarder cette.

InformationsquelleAutor Nik Kov

Assurez-vous également de définir shadowRadius à 0:

Donné un UIButton propriété nommée button ensemble de son soutien propriétés de calque comme ceci:

self.button.layer.shadowColor = [UIColor grayColor].CGColor;
self.button.layer.shadowOffset = CGSizeMake(0, 1.0);
self.button.layer.shadowOpacity = 1.0;
self.button.layer.shadowRadius = 0.0;

InformationsquelleAutor Aaron

Vous pouvez essayer avec ce code:
(désolé, je ne sais swift, pas obj c. ce code permettra d'ajouter en bas de l'ombre sur votre bouton.

button.layer.masksToBounds = false
button.layer.shadowColor = UIColor(rgb: 0x000000, alpha: 1.0).CGColor
button.layer.shadowOpacity = 1.0
button.layer.shadowRadius = 0
button.layer.shadowOffset = CGSizeMake(0, 1.0)

InformationsquelleAutor TomSawyer

dans swift 2.0 ajouter de l'ombre uiview (uibutton) avec le code avant la déclaration de la classe ou dans swift fonctions de fichier:

extension UIView {

    func addShadowView(width:CGFloat=0.2, height:CGFloat=0.2, Opacidade:Float=0.7, maskToBounds:Bool=false, radius:CGFloat=0.5){
         self.layer.shadowColor = UIColor.blackColor().CGColor
         self.layer.shadowOffset = CGSize(width: width, height: height)
         self.layer.shadowRadius = radius
         self.layer.shadowOpacity = Opacidade
         self.layer.masksToBounds = maskToBounds
    }

}

dans le viewdidload ajouter ce code

button.addShadowView()

InformationsquelleAutor Pablo Ruan

CornerRadius et de l'ombre ne se mélange pas bien sur la même couche. De sorte que vous aurez à intégrer votre "être acculé" UIButton à l'intérieur d'une UIView. L'ombre sera appliquée sur cette UIView.

Le code suivant, donné à titre d'exemple, produit l'image en dessous:

importation UIKit

class CustomButton: UIButton {

    required init(coder decoder: NSCoder) {
        super.init(coder: decoder)

        backgroundColor = UIColor.whiteColor()
    }

    override func drawRect(rect: CGRect) {
        updateLayerProperties()
    }

    func updateLayerProperties() {
        layer.masksToBounds = true
        layer.cornerRadius = 12.0

        //superview is your optional embedding UIView
        if let superview = superview {
            superview.backgroundColor = UIColor.clearColor()
            superview.layer.shadowColor = UIColor.darkGrayColor().CGColor
            superview.layer.shadowPath = UIBezierPath(roundedRect: bounds, cornerRadius: 12.0).CGPath
            superview.layer.shadowOffset = CGSize(width: 2.0, height: 2.0)
            superview.layer.shadowOpacity = 1.0
            superview.layer.shadowRadius = 2
            superview.layer.masksToBounds = true
            superview.clipsToBounds = false
        }
    }

}

InformationsquelleAutor Shardul

J'ai créé IBInspectable extension qui va vous aider.

Vous pouvez affecter directement à partir de storyboard

UIButton fond de l'ombre

Swift 5

//MARK:- IBInspectable
extension UIView {
@IBInspectable var cornerRadius: CGFloat {
get {
return layer.cornerRadius
}
set {
layer.cornerRadius = newValue
layer.masksToBounds = newValue > 0
}
}
@IBInspectable var borderWidth: CGFloat {
get {
return layer.borderWidth
}
set {
layer.borderWidth = newValue
}
}
@IBInspectable var borderColor: UIColor? {
get {
return UIColor(cgColor: layer.borderColor!)
}
set {
layer.borderColor = newValue?.cgColor
}
}
@IBInspectable
var shadowRadius: CGFloat {
get {
return layer.shadowRadius
}
set {
layer.masksToBounds = false
layer.shadowRadius = newValue
}
}
@IBInspectable
var shadowOpacity: Float {
get {
return layer.shadowOpacity
}
set {
layer.masksToBounds = false
layer.shadowOpacity = newValue
}
}
@IBInspectable
var shadowOffset: CGSize {
get {
return layer.shadowOffset
}
set {
layer.masksToBounds = false
layer.shadowOffset = newValue
}
}
@IBInspectable
var shadowColor: UIColor? {
get {
if let color = layer.shadowColor {
return UIColor(cgColor: color)
}
return nil
}
set {
if let color = newValue {
layer.shadowColor = color.cgColor
} else {
layer.shadowColor = nil
}
}
}
}

InformationsquelleAutor PinkeshGjr

Mettre cette méthode dans votre UIView extension et de jouer avec la valeur de décalage

func drawShadow(shadowColor: UIColor = UIColor.black, opacity: Float =
0.3, offset: CGSize, radius: CGFloat = 5, shouldRasterize : Bool = false) {
self.layer.shadowColor = shadowColor.cgColor
self.layer.shadowOpacity = opacity
self.layer.shadowOffset = offset
self.layer.shadowRadius = radius
self.layer.shouldRasterize = shouldRasterize
}

InformationsquelleAutor Sajal Gupta

Vue du fond de l'ombre
swift 4.2

viewTop.layer.shadowOffset = CGSize(width: 0, height: 1)
viewTop.layer.shadowColor = UIColor.lightGray.cgColor
viewTop.layer.shadowOpacity = 1
viewTop.layer.shadowRadius = 5
viewTop.layer.masksToBounds = false

fonctionne comme un charme, l'Ajouter à une fonction qui prend un paramètre, comme ceci : func addShadow(toMy View : UIView){ // above code }

InformationsquelleAutor CSE 1994

Vous devez vous connecter pour publier un commentaire.