2009-10-19 18 views
117

Sto cercando di creare il mio personalizzato Ordina per data e Sort By tasti numerici che ho intenzione di collocare nella barra di navigazione come il tasto destro.Quanto grande dovrebbe un'immagine UIBarButtonItem essere?

Quanto grande dovrebbe essere la mia immagine per riempire in modo appropriato lo spazio - pagina UIBarItem documentazione non elenca nulla circa la dimensione dell'immagine dovrebbe essere.

risposta

214

A partire da iOS 11, i glifi Human Interface Guidelines suggeriscono circa 25 × 25 punti in barre degli strumenti e barre di navigazione, fino a un massimo di circa 28 punti. (E HIG dovrebbe sicuramente essere nei tuoi segnalibri se stai lavorando su app iOS!)

Che si tradurrebbe in immagini 25px quadrati per dispositivi precedenti come iPad 2/Mini, 50px quadrati per la maggior parte dei dispositivi attuali come iPhone 8 o iPad e 75px quadrati per dispositivi Retina HD (iPhone 6/7/8 Plus o iPhone X). cataloghi Asset aiuterà immensamente a mantenere le diverse dimensioni delle attività organizzate (e Xcode can anche generate them from vector sources in questi giorni).

+1

Grazie, esattamente ciò che dovevo sapere combinato con un puntatore a un grande documento. Segnalibro. –

+1

Vorrei che il Mobile HIG avesse dichiarato qualcosa di più utile di "circa 20x20". Se si utilizza un'immagine di esattamente 20x20px, in realtà non verrà mappata 1: 1 e il pulsante non sarà quadrato. – Clafou

+1

Clafou, stai parlando di un'immagine per il contenuto del pulsante (come questa domanda), o per essere utilizzata come sfondo del pulsante (con l'API di personalizzazione dell'aspetto)? Hai postato una domanda al riguardo? –

43

Il Human Interface Guidelines questo dice dal iOS7:

Indipendentemente stile visivo dell'icona, creare una barra degli strumenti o di navigazione barra delle icone nelle seguenti misure:

circa 44 x 44 pixel

Circa 22 x 22 pixel (risoluzione standard)

Ecco un great matrix di tutte dimensioni necessarie per le risorse per tutte le piattaforme

0

facile: inserisci la tua immagini in Assets.xcassets.

Come?

  • Clicca sulle Assets.xcassets
  • Clic + icona e quindi fare clic su "Nuovo set Immagine"
  • Trascinare e rilasciare la vostra immagine a 3x di slot
  • rinominare l'immagine impostata
  • Nel BarButton voi può utilizzare questo nome in "Immagine" campo
+2

Come risponde questo domanda sulla taglia? –

+0

@AndreaLazzarotto buon punto ma questa risposta include importanti informazioni lasciate fuori dalle altre risposte – paul

10

Sì, Apple consiglia di utilizzare le immagini con 22px, 44px 66px e la dimensione per UIBarButtonItems, ma se si utilizza preinstal Icone guidati come segnalibro icona, è di dimensioni da 25px 50px 75px e per 1x, 2x e 3x, rispettivamente.

Qui ci sono 2 icone in UIToolbar. Sulla destra c'è l'icona del segnalibro di sistema di Apple e a sinistra la mia icona personalizzata.

Qui la mia icona personalizzata di dimensioni 22px-44px-66px:

enter image description here

E qui 25px-50px-75px:

enter image description here

Quindi, se si utilizza personalizzati e di sistema icone in una barra degli strumenti, suggerirei di utilizzare il ridimensionamento 25px-50px-75px o le icone personalizzate saranno più piccole. Infatti uso sempre il ridimensionamento 25px-50px-75px, sembra migliore sulle barre degli strumenti, come per me.

+1

Grazie per il suggerimento! –

+1

Grazie per quello! Ero sicuro che alcune delle icone come i segnalibri fossero un po 'più grandi delle dimensioni 22-44-66px – tech4242

+1

Ho provato ** 25px-50px-75px ** ed è davvero carina. non piccolo non grande – MBH

Problemi correlati