Jak duży powinien być obraz UIBarButtonItem?

Chcę utworzyć własne niestandardowe przyciski Sortuj według daty i Sortuj według numeru, które planuję umieścić na pasku nawigacyjnym jako właściwy przycisk.

Jak duży powinien być mój obraz, aby odpowiednio wypełnić przestrzeń - strona dokumentacji UIBarItem nie zawiera nic na temat rozmiaru, jaki powinien mieć obraz.

Począwszy od iOS 11, Wytyczne dotyczące interfejsu ludzkiego sugerują, ż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 zdecydowanie powinien znajdować się w twoich zakładkach, jeśli pracujesz nad aplikacjami na iOS!)

To przełożyłoby się na obrazy 25 pikseli kwadratowych dla starszych urządzeń, takich jak iPad 2 / Mini, 50 pikseli kwadratowych dla większości obecnych urządzeń, takich jak iPhone 8 lub iPad, oraz 75 pikseli dla urządzeń Retina HD (iPhone 6/7/8 Plus lub iPhone X). Katalogi zasobów ogromnie pomogą w utrzymaniu porządku w różnych rozmiarach zasobów (a Xcode może obecnie nawet generować je ze źródeł wektorowych ).

Te wytyczne Human Interface mówi ci to od iOS7:

Niezależnie od stylu wizualnego ikony utwórz pasek narzędzi lub ikonę paska nawigacji w następujących rozmiarach:

Około 44 x 44 pikseli

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

Oto świetna matryca o wszystkich potrzebnych rozmiarach dla zasobów na wszystkich platformach

Tak, Apple sugeruje użycie obrazów o rozmiarze 22px, 44px i 66px dla UIBarButtonItems, ale jeśli używasz preinstalowanych ikon, takich jak ikona zakładki, rozmiar ma odpowiednio 25 pikseli, 50 pikseli i 75 pikseli dla 1x, 2x i 3x.

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

Tutaj moja niestandardowa ikona o rozmiarze 22px-44px-66px:

A tutaj 25px-50px-75px:

Jeśli więc używasz ikon niestandardowych i systemowych na jednym pasku narzędzi, sugerowałbym użycie skalowania 25px-50px-75px, w przeciwnym razie niestandardowe ikony będą mniejsze. Tak naprawdę zawsze używam skalowania 25px-50px-75px, wygląda to lepiej na paskach narzędzi, jak dla mnie.

Łatwe: dołącz swoje obrazy do Assets.xcassets.

W jaki sposób?

• Clic on Assets.xcassets
• Kliknij ikonę Clic +, a następnie kliknij „Nowy zestaw obrazów”
• Przeciągnij i upuść obraz do gniazda 3x
• Zmień nazwę zestawu obrazów
• W BarButton możesz użyć tej nazwy pod polem „Obraz”