2013-09-23 16 views
51

Ho un'app che incorpora molti pulsanti rect round. Tuttavia, in xcode 5, quelli non esistono. Come faccio a riavere i pulsanti rect round? Sono essenziali per la mia app. Ora è solo testo pressabile. Cosa faccio? Sto pensando di rilasciare questa app in un secondo momento, se ciò è pertinente.Xcode 5 Round Rect Buttons

+0

sorprendentemente la Maps iOS 7 ha il pulsante rotondo informazioni rett. –

risposta

153
  1. Apri lo storyboard e scegli il pulsante che desideri modificare.
  2. Aprire Identity Inspector nel pannello Utility (pannello destro, terzo pulsante in alto).
  3. Aggiungere (+) un nuovo attributo di runtime definito dall'utente - Percorso chiave: layer.cornerRadius, Tipo: numero, valore: {intero}.

Più alto è il numero, più arrotondati gli angoli. 50 è un cerchio per un pulsante standard (o larghezza/2). Non vedrai il cambiamento nello storyboard, ma lo mostrerà in fase di esecuzione.

Screenshot of added attribute

+8

risposte come questa Perciò amo SO. Grazie mille. – tim

+0

Buono per imparare a fare il trucco da IB –

3

Imposta un'immagine di sfondo sui pulsanti con i bordi desiderati, utilizzando un'immagine estensibile.

controllare questo link per un buon esempio: Stretch background image for UIButton

O, abbracciare la nuova interfaccia utente e iOS7 rottami i confini ... ;-)

10

Ecco una risposta simile a quella che ho dato a this question:

-EDIT-
Aggiungi: #import <QuartzCore/QuartzCore.h> all'inizio del file .h.

Se volete angoli arrotondati solo ctrl-drag dalla tasto al file .h, lo chiamano qualcosa come roundedButton e aggiungere questo nel vostro viewDidLoad:

CALayer *btnLayer = [roundedButton layer]; 
[btnLayer setMasksToBounds:YES]; 
[btnLayer setCornerRadius:5.0f]; 

Per rendere il pulsante bianco (o di qualsiasi altro colore), selezionare l'ispettore attributi e scorrere fino alla sezione View, selezionare Sfondo e modificarlo in bianco:

enter image description here

+4

MOLTO importante. questo non funzionerà se non aggiungi #import skinsfan00atg

+0

Fair point e +1. Ho modificato la risposta per includerla. – Robert

+1

grazie, non preoccuparti, mi ci sono voluta solo un secondo, quindi volevo condividere. grazie per il lavoro duro :-) – skinsfan00atg

3

stesso può raggiunti da programmatically.where myView è oggetto IBOutlet.

myView.layer.cornerRadius = 5; 
myView.layer.masksToBounds = YES; 
3

Swift 2.0:

let sampleButton = UIButton(frame: CGRectMake(100,100,200,100)) 
    sampleButton.titleLabel?.text = "SAMPLE" 
    sampleButton.backgroundColor = UIColor.grayColor() 

    //Setting rounded boarder 
    sampleButton.layer.cornerRadius = 10 
    sampleButton.layer.borderWidth = 1 
    sampleButton.layer.borderColor = UIColor.blackColor().CGColor 

    self.view.addSubview(sampleButton) 
3

Fare clic sul pulsante si desidera ottenere arrotondata. Quindi fare clic su IdentitàIspettore sul lato superiore destro. Qui è possibile vedere Attributi di runtime definiti dall'utente. Cliccare sulla più (+)

see image

è solito vedere i cambiamenti in vista . Lo vedrete in runtime

1

In Swift 3: possiamo aggiunto viewDidLoad

button.layer.cornerRadius = 0.5*button.bounds.size.width 
    button.clipsToBounds = true