Comment ajouter une ombre portée à une UIButton?

Je voudrais ajouter une ombre portée à une UIButton. J'ai essayé d'utiliser l'auto.la couche.de l'ombre* propriétés. Ces propriétés travail dans UIView, mais ils se comportent différemment dans UIButton. Je voudrais vraiment l'apprécier si je pouvais obtenir tous les pointeurs à dessiner l'ombre portée. Merci!!!!

self.layer.cornerRadius = 8.0f;
self.layer.masksToBounds = YES;
self.layer.borderWidth = 1.0f;

self.layer.shadowColor = [UIColor greenColor].CGColor;
self.layer.shadowOpacity = 0.8;
self.layer.shadowRadius = 12;
self.layer.shadowOffset = CGSizeMake(12.0f, 12.0f);
  • Le Noyau Guide d'Animation, developer.apple.com/mac/library/documentation/cocoa/conceptual/..., dit: iPhone OS Note: Comme un facteur de performance, iPhone OS ne prend pas en charge la shadowColor, shadowOffset, shadowOpacity, et shadowRadius propriétés. Dang.
  • Cette liste de propriétés sont maintenant pris en charge depuis iOS 3.2. En ce qui concerne,
InformationsquelleAutor Chris Frost | 2010-02-23
  1. 94

    Il y a seulement une minuscule erreur dans la question qui provoque l'ombre pour ne pas être affichés: masksToBounds:YES aussi des masques à l'ombre! Voici le bon code:

    self.layer.cornerRadius = 8.0f;
self.layer.masksToBounds = NO;
self.layer.borderWidth = 1.0f;

self.layer.shadowColor = [UIColor greenColor].CGColor;
self.layer.shadowOpacity = 0.8;
self.layer.shadowRadius = 12;
self.layer.shadowOffset = CGSizeMake(12.0f, 12.0f);

    Malheureusement, cela signifie que nous ne masque le contenu et ont une ombre en même temps sans astuces.

    N'oubliez pas de #import <QuartzCore/QuartzCore.h>.

    InformationsquelleAutor fzwo
  2. 57

    Voici une solution facile si vous utilisez un UIButton:

    #import <QuartzCore/QuartzCore.h>

button.imageView.layer.cornerRadius = 7.0f;
button.layer.shadowRadius = 3.0f;
button.layer.shadowColor = [UIColor blackColor].CGColor;
button.layer.shadowOffset = CGSizeMake(0.0f, 1.0f);
button.layer.shadowOpacity = 0.5f;
button.layer.masksToBounds = NO;

    Il suffit de travailler, et pensé que c'était la peine de poster. Espérons que ça Aide!

    • très élégante solution! Merci!
    • fonctionne parfaitement... même si je n'ai pas l'importation "<QuartzCore/QuartzCore.h>" Son travail pour moi.. à propos de l'autre personne, je ne sais pas.
    • si vous faites de cette façon va rendre votre assistive touch retard de clavier personnalisé
    InformationsquelleAutor msgambel
  3. 38

    Ici est une sous-classe qui ne crée pas seulement l'ombre portée, mais le bouton anime vers le bas quand vous appuyez sur elle. 

    //
// ShadowButton.h
#import <Foundation/Foundation.h>
@interface ShadowButton : UIButton {
}
@end
//
// ShadowButton.m
#import "ShadowButton.h"
#import <QuartzCore/QuartzCore.h>
@implementation ShadowButton
-(void)setupView{
self.layer.shadowColor = [UIColor blackColor].CGColor;
self.layer.shadowOpacity = 0.5;
self.layer.shadowRadius = 1;
self.layer.shadowOffset = CGSizeMake(2.0f, 2.0f);
}
-(id)initWithFrame:(CGRect)frame{
if((self = [super initWithFrame:frame])){
[self setupView];
}
return self;
}
-(id)initWithCoder:(NSCoder *)aDecoder{
if((self = [super initWithCoder:aDecoder])){
[self setupView];
}
return self;
}
-(void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
self.contentEdgeInsets = UIEdgeInsetsMake(1.0,1.0,-1.0,-1.0);
self.layer.shadowOffset = CGSizeMake(1.0f, 1.0f);
self.layer.shadowOpacity = 0.8;
[super touchesBegan:touches withEvent:event];
}
-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{
self.contentEdgeInsets = UIEdgeInsetsMake(0.0,0.0,0.0,0.0);
self.layer.shadowOffset = CGSizeMake(2.0f, 2.0f);
self.layer.shadowOpacity = 0.5;
[super touchesEnded:touches withEvent:event];
}
@end
    • Simple et utilisable, merci
    InformationsquelleAutor avance
  4. 3

    Vous pouvez créer une sous-classe et de configurer ses valeurs dans Xcode

    Ci-dessous est un exemple:

    import UIKit
import QuartzCore
@IBDesignable
class CustomButton: UIButton {
@IBInspectable var cornerRadius: CGFloat = 0 {
didSet {
layer.cornerRadius = cornerRadius
}
}
@IBInspectable var borderWidth: CGFloat = 0 {
didSet {
layer.borderWidth = borderWidth
}
}
@IBInspectable var borderColor: UIColor = UIColor.gray {
didSet {
layer.borderColor = borderColor.cgColor
}
}
@IBInspectable var shadowColor: UIColor = UIColor.gray {
didSet {
layer.shadowColor = shadowColor.cgColor
}
}
@IBInspectable var shadowOpacity: Float = 1.0 {
didSet {
layer.shadowOpacity = shadowOpacity
}
}
@IBInspectable var shadowRadius: CGFloat = 1.0 {
didSet {
layer.shadowRadius = shadowRadius
}
}
@IBInspectable var masksToBounds: Bool = true {
didSet {
layer.masksToBounds = masksToBounds
}
}
@IBInspectable var shadowOffset: CGSize = CGSize(width: 12, height: 12) {
didSet {
layer.shadowOffset = shadowOffset
}
}
}
    InformationsquelleAutor Abdul Yasin
  5. 2

    Vous pouvez sous-classe UIButton et remplacer le drawRect: méthode et ajouter manuellement une ombre portée. C'est beaucoup plus de travail, et vous devriez maintenant quelques choses à propos de quartz 2d, mais le résultat est exactement ce que vous voulez.
    Sinon vous pouvez simplement ajouter une image, mais je visez plutôt à la sous-classe UIButton, car il est très flexible en ce qui concerne la taille du bouton, c'est plus général.

    InformationsquelleAutor burki