Posizionamento di un UIBarButtonItem basato su visualizzazione personalizzata nella barra di spostamento senza riempimento orizzontale predefinito

Question

Come rimuovere il riempimento orizzontale a sinistra ea destra degli elementi personalizzati di sinistra e destra di UINavigationBar? Sembra che ci siano ~ 10 punti di riempimento che iOS imposta di default.

Sto personalizzando i pulsanti della barra di navigazione sinistra e destra (ho rinunciato a provare a impostare il mio backButtonItem, quindi sto solo usando il leftBarButtonItem).

In entrambi i casi (a sinistra oa destra), premendo questi pulsanti personalizzati si indica che Apple sembra conservare un riempimento a sinistra di LeftBarButtonItem e alla destra di rightBarButtonItem; a prescindere dall'ampiezza dello sfondo personalizzato e delle proprietà dell'immagine di UIButton, posto come elemento personalizzato all'interno della barra dei pulsanti sinistra/destra.

Poiché UIBarButtonItem non ha "frame" a cui posso accedere, non riesco a posizionarli all'interno della loro superview come se fosse normale.

Qualche suggerimento su come rimuovere questo riempimento predefinito? Vedi la schermata allegata per vedere il bit che sto cercando di ridurre a una larghezza zero. Nella schermata, l'icona più appare spostata a destra perché ho inserito un riquadro; ma l'immagine di sfondo evidenziata, presumibilmente usando anche questo riquadro, viene ritagliata sul lato destro).

vedi immagine a: https://skitch.com/starbaseweb/rj2e5/ios-simulator

Per riferimento, ecco come sto creando il mio personalizzato UIBarButtonItem (in questo caso, è il tasto destro):

- (UIBarButtonItem *)customAddButtonItemWithTarget:(id)target action:(SEL)action { 
    UIButton *customButtonView = [UIButton buttonWithType:UIButtonTypeCustom]; 

    customButtonView.frame = CGRectMake(0.0f, 0.0f, 45.0f, 44.0f); 

    [customButtonView setBackgroundImage: 
     [UIImage imageNamed:@"bgNavBarButton-OutsideRight-Normal.png"] 
     forState:UIControlStateNormal]; 
    [customButtonView setBackgroundImage: 
     [UIImage imageNamed:@"bgNavBarButton-OutsideRight-Highlighted.png"] 
     forState:UIControlStateHighlighted]; 

    [customButtonView setImage: 
     [UIImage imageNamed:@"bgNavBarButton-Add-Normal.png"] 
     forState:UIControlStateNormal]; 
    [customButtonView setImage: 
     [UIImage imageNamed:@"bgNavBarButton-Add-Highlighted.png"] 
     forState:UIControlStateHighlighted]; 

    [customButtonView addTarget:target action:action 
     forControlEvents:UIControlEventTouchUpInside]; 

    UIBarButtonItem *customButtonItem = [[[UIBarButtonItem alloc] 
     initWithCustomView:customButtonView] autorelease]; 
    [customButtonView setImageEdgeInsets:UIEdgeInsetsMake(0.0f, 10.0f, 0.0f, 0.0f)]; 

    //customButtonItem.imageInsets = UIEdgeInsetsMake(0.0f, 10.0f, 0.0f, 0.0f); 

    return customButtonItem;  
} 

Answer 1

55 Come sopra commentato, la soluzione che ho seguito si basa su questa risposta a una domanda diversa, ma molto correlata: How to adjust UIToolBar left and right padding. È inoltre facilitato da (e dipende da) iOS5, che consente di impostare più pulsanti sul lato sinistro o destro, anziché solo uno.

Ecco un esempio di rimuovere il padding a sinistra di un elemento pulsante personalizzato sinistra:

UIBarButtonItem *backButtonItem // Assume this exists, filled with our custom view 

// Create a negative spacer to go to the left of our custom back button, 
// and pull it right to the edge: 
UIBarButtonItem *negativeSpacer = [[UIBarButtonItem alloc] 
    initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace 
    target:nil action:nil]; 
negativeSpacer.width = -5; 
// Note: We use 5 above b/c that's how many pixels of padding iOS seems to add 

// Add the two buttons together on the left: 
self.navigationItem.leftBarButtonItems = [NSArray 
    arrayWithObjects:negativeSpacer, backButtonItem, nil]; 

E con questo, l'imbottitura sinistra per l'elemento pulsante della barra a sinistra in una barra di navigazione, è andato!

NOTA: questo ha funzionato per me in iOS5 e iOS6. Dato che iOS7 è considerevolmente diverso (dalle demo pubbliche), quelli di voi con i primi semi di iOS7 dovrebbero testare se qualcosa di così non intenzionale, come questo hack, continuerà a funzionare per voi oltre iOS6.

Answer 2

Ho provato questo e funziona :

1) Creare una sottoclasse UIToolbar personalizzata, che non fa nulla in -drawRect :, e non è opaca, e ha backgroundColor = [UIColor clearColor].

2) Creare un UIBarButtonItem personalizzato con la barra degli strumenti come vista personalizzata.

3) Aggiungere i pulsanti alla barra degli strumenti personalizzata.

4) Nella barra degli strumenti personalizzata sovrascrivere -visualizzaSubView e fai la tua spaziatura.