2009-10-19 4 views
117

Szukam utworzyć własne przyciski Sortuj według daty i Sortuj według numeru, które planuję umieścić na pasku nawigacji jako prawy przycisk.Jak duży powinien być obraz UIBarButtonItem?

Jak duży powinien być mój wizerunek, aby odpowiednio wypełnić przestrzeń - strona dokumentacji UIBarItem nie zawiera żadnych informacji o wielkości obrazu.

Odpowiedz

214

Począwszy od wersji iOS 11, Human Interface Guidelines sugeruje, że glify mają około 25 × 25 punktów na paskach narzędzi i paskach nawigacji, maksymalnie do około 28 punktów. (A HIG powinien zdecydowanie znaleźć się w twoich zakładkach, jeśli pracujesz w aplikacjach na iOS!)

To by znaczyło, że obrazy są kwadratem 25px dla starszych urządzeń, takich jak iPad 2/Mini, 50px kwadrat dla większości obecnych urządzeń, takich jak iPhone 8 lub iPad i 75px kwadrat dla urządzeń Retina HD (iPhone 6/7/8 Plus lub iPhone X). Katalogi zasobów pomagają niezmiernie w utrzymaniu różnych rozmiarów zasobów zorganizowanych (a Xcode może w tych dniach nawet generate them from vector sources).

+1

Dzięki, dokładnie to, co musiałem wiedzieć w połączeniu ze wskaźnikiem do świetnego dokumentu. Dodane do zakładek. –

+1

Chciałbym, aby Mobile HIG stwierdził coś bardziej pomocnego niż "około 20x20". Jeśli użyjesz obrazu o wymiarach dokładnie 20x20 pikseli, nie będzie on mapował 1: 1, a przycisk nie będzie kwadratowy. – Clafou

+1

Clafou, czy mówisz o obrazie zawartości przycisku (jak to pytanie jest), czy też chcesz użyć go jako tła przycisku (z interfejsem API dostosowywania wyglądu)? Czy wysłałeś pytanie na ten temat? –

43

Human Interface Guidelines mówi ci to od iOS7:

Niezależnie od stylu wizualnego ikona, należy utworzyć pasek narzędzi lub nawigacji bar ikonę w następujących rozmiarach:

około 44 x 44 pikseli

Około 22 x 22 pikseli (rozdzielczość standardowa)

Oto great matrix z wszystkie potrzebnych rozmiarach dla zasobów dla wszystkich platform

0

proste: Dołącz swoje obrazy w Assets.xcassets.

Jak?

  • Clic na Assets.xcassets
  • Clic + ikona, a następnie kliknąć przycisk "Nowy obraz zestaw"
  • przeciągnąć i upuścić obraz do 3x szczelinę
  • Zmień nazwę obrazu ustawiony
  • W BarButton ciebie może używać tej nazwy w polu "Obraz"
+2

W jaki sposób ta odpowiedź pytanie o rozmiar? –

+0

@AndreaLazzarotto dobry punkt, ale ta odpowiedź zawiera ważne informacje pominięte w innych odpowiedziach – paul

10

Tak, Apple sugeruje używanie obrazów o rozmiarze 22px, 44px i 66px dla UIBarButtonItems, ale jeśli używasz preinstalacji ikony led, takie jak ikona zakładek, mają rozmiar 25px 50px i 75px dla 1x, 2x i 3x odpowiednio.

Oto 2 ikony w UIToolbar. Po prawej stronie znajduje się ikona zakładek systemu Apple, a po lewej moja niestandardowa ikona.

Oto mój zwyczaj ikona wielkości 22px-44px-66px:

enter image description here

I tu 25px-50px-75 pikseli:

enter image description here

Tak więc, jeśli używane są niestandardowe i układu ikon na jednym pasku narzędzi sugeruję użycie skalowania 25px-50px-75px, albo twoje niestandardowe ikony będą mniejsze. W rzeczywistości zawsze używam skalowania 25px-50px-75px, wygląda to lepiej na paskach narzędzi, tak jak dla mnie.

+1

Dziękuję za podpowiedź! –

+1

Dziękuję za to! Byłem pewien, że niektóre ikony, takie jak zakładki, są nieco większe niż rozmiar 22-44-66px. – tech4242

+1

Próbowałem ** 25px-50px-75px ** i wygląda to naprawdę ładnie. nie mały, nie duży. – MBH