Ich habe ein Rechteckbild (jpg) und möchte es verwenden, um den Hintergrund einer Schaltfläche mit einer abgerundeten Ecke in xcode zu füllen.

Ich habe folgendes geschrieben:

UIButton *button = [[UIButton buttonWithType:UIButtonTypeRoundedRect] retain];
CGRect frame = CGRectMake(x, y, cardWidth, cardHeight);
button.frame = frame;
[button setBackgroundImage:backImage forState:UIControlStateNormal];

Bei der Schaltfläche, die ich mit diesem Ansatz erhalte, sind die Ecken jedoch nicht abgerundet. Stattdessen handelt es sich um ein einfaches Rechteck, das genau wie mein Originalbild aussieht. Wie kann ich stattdessen ein Bild mit abgerundeten Ecken erhalten, um meine Schaltfläche darzustellen?

Vielen Dank!

Ich glaube, ich habe Ihr Problem, ich habe die folgende Lösung mit UITextArea versucht und ich nehme an, dass dies auch mit UIButton funktioniert.

Importieren Sie dies zunächst in Ihre .m-Datei -

#import <QuartzCore/QuartzCore.h>

und loadViewfügen Sie dann in Ihrer Methode die folgenden Zeilen hinzu

    yourButton.layer.cornerRadius = 10; // this value vary as per your desire
    yourButton.clipsToBounds = YES;

Hoffe das funktioniert bei dir und wenn ja kommuniziere.

Sie können durch diese RunTime-Attribute erreichen

Wir können benutzerdefinierte Schaltflächen erstellen. Siehe Screenshot im Anhang.

Bitte beachten Sie:

Befolgen Sie in Laufzeitattributen zum Ändern der Rahmenfarbe die Anweisungen

1. Erstellen Sie eine Kategorieklasse von CALayer

2. in h Datei

   @property(nonatomic, assign) UIColor* borderIBColor;

3. in m Datei:

   -(void)setBorderIBColor:(UIColor*)color {
       self.borderColor = color.CGColor;
   }
   
   -(UIColor*)borderIBColor {
       return [UIColor colorWithCGColor:self.borderColor];
   }
   

Jetzt können Sie den Screenshot für die Farbprüfung der Rahmen festlegen

Vielen Dank

Vielleicht möchten Sie meine Bibliothek namens DCKit überprüfen . Es ist auf der neuesten Version von Swift geschrieben .

Sie können direkt über den Interface Builder eine Schaltfläche / ein Textfeld mit abgerundeten Ecken erstellen:

Es hat auch viele andere coole Funktionen, wie Textfelder mit Validierung, Steuerelemente mit Rahmen, gestrichelte Rahmen, Kreis- und Haaransichten usw.

Schieben Sie den Eckenradius nach oben, um einen Kreis zu erhalten:

    self.btnFoldButton.layer.cornerRadius = self.btnFoldButton.frame.height/2.0;

Wenn der Schaltflächenrahmen ein Quadrat ist, spielt es keine Rolle, ob Frame.Höhe oder Frame.Breite. Verwenden Sie andernfalls den größten von beiden.

Importieren Sie das QuartCore-Framework, wenn es in Ihrem vorhandenen Projekt nicht vorhanden ist, und importieren Sie es #import <QuartzCore/QuartzCore.h>in viewcontroller.m

UIButton *button = [[UIButton buttonWithType:UIButtonTypeRoundedRect]];
CGRect frame = CGRectMake(x, y, width, height); // set values as per your requirement
button.layer.cornerRadius = 10;
button.clipsToBounds = YES;

UIButton* closeBtn = [[UIButton alloc] initWithFrame:CGRectMake(10, 50, 90, 35)];
//Customise this button as you wish then
closeBtn.layer.cornerRadius = 10;
closeBtn.layer.masksToBounds = YES;//Important

Stellen Sie zuerst die Breite = 100 und die Höhe = 100 der Taste ein

Ziel C Lösung

YourBtn1.layer.cornerRadius=YourBtn1.Frame.size.width/2;
YourBtn1.layer.borderColor=[uicolor blackColor].CGColor;
YourBtn1.layer.borderWidth=1.0f;

Swift 4-Lösung

YourBtn1.layer.cornerRadius = YourBtn1.Frame.size.width/2
YourBtn1.layer.borderColor = UIColor.black.cgColor
YourBtn1.layer.borderWidth = 1.0

Wenn Sie eine abgerundete Ecke nur zu einer Ecke oder zwei Ecken usw. möchten, lesen Sie diesen Beitrag:

[ObjC] - UIButton mit abgerundeter Ecke - http://goo.gl/kfzvKP

Es ist eine XIB / Storyboard-Unterklasse. Importieren und Festlegen von Rahmen ohne Schreibcode.

Für Swift:

button.layer.cornerRadius = 10.0

aktualisiert für Swift 3:

wird unter dem folgenden Code verwendet, um die UIButton-Ecke rund zu machen:

 yourButtonOutletName.layer.cornerRadius = 0.3 *
        yourButtonOutletName.frame.size.height

Probieren Sie meinen Code aus. Hier können Sie alle Eigenschaften von UIButton wie Textfarbe, Hintergrundfarbe, Eckenradius usw. festlegen.

extension UIButton {
    func btnCorner() {
        layer.cornerRadius = 10
        clipsToBounds = true
        backgroundColor = .blue
    }
}

Rufen Sie jetzt so an

yourBtnName.btnCorner()

Eine alternative Antwort, die auch einen Rahmen festlegt (wodurch er eher einer Schaltfläche ähnelt), ist hier ... So legen Sie einen Rechteckrahmen für den benutzerdefinierten Typ UIButton fest

Für iOS SWift 4

button.layer.cornerRadius = 25;
button.layer.masksToBounds = true;

Für Ziel C :

submitButton.layer.cornerRadius = 5;
submitButton.clipsToBounds = YES;

Für Swift :

submitButton.layer.cornerRadius = 5
submitButton.clipsToBounds = true

Swift 4 Update

Ich habe auch viele Optionen ausprobiert, aber ich konnte meinen UIButton nicht in die Enge treiben. Ich habe den viewDidLayoutSubviews()Eckradiuscode in " Gelöstes Problem" hinzugefügt .

func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        anyButton.layer.cornerRadius = anyButton.frame.height / 2
    }

Wir können den CornerRadius auch wie folgt einstellen

func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        anyButton.layer.cornerRadius = 10 //Any suitable number as you prefer can be applied 
    }