it-swarm.com.ru

Какого размера должны быть изображения TabBar?

У меня есть иконки для вкладки размером 100.

Я проверил в соответствии с Руководством Apple по человеческому интерфейсу и там указано, что размер изображения должен быть 30x30/60x60.

Но так как высота контроллера панели вкладок равна 50, я сохранил размер изображения на 50x50.

Теперь, когда я запускаю проект, я вижу уродливый дизайн ниже:

enter image description here

Любая идея, какой размер изображения я должен использовать, чтобы дизайн был идеальным?

Примечание: Я также не пишу текст (например, "Домой", "Поиск" и т.д.). Текст кнопки вкладки находится на самом изображении.

91
Fahim Parkar

30x30 - это точки, что означает 30px @ 1x, 60px @ 2x, а не где-то посередине. Кроме того, вставлять заголовок вкладки в изображение не очень хорошая идея - у вас будут довольно плохие результаты по доступности и локализации.

101
garrettmurray

В соответствии с Apple, Руководство по интерфейсу пользователя :

@ 1x: около 25 x 25 (макс. 48 x 32)

@ 2x: около 50 x 50 (максимум: 96 x 64)

@ 3x: около 75 x 75 (макс. 144 x 96)

200
rsc

В соответствии с последним Apple Human Interface Guidelines:

В портретной ориентации значки панели вкладок отображаются над заголовками вкладок. В альбомной ориентации значки и заголовки отображаются рядом. В зависимости от устройства и ориентации система отображает обычную или компактную панель вкладок. Ваше приложение должно включать настраиваемые значки панели вкладок для обоих размеров.

enter image description here

enter image description here

Я прошу вас, ребята, использовать вышеуказанную ссылку, чтобы понять полную концепцию.

34
Mihir Oza
5
Allen

Согласно моей практике, я использую значок элемента панели вкладок iPad размером 40 x 40, для сетчатки - 80 X 80.

Из ссылки Apple. https://developer.Apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//Apple_ref/doc/uid/TP40006556-CH21-SW1

Если вы хотите создать значок панели, который выглядит так, как будто он относится к семейству иконок iOS 7, используйте очень тонкий штрих, чтобы нарисовать его. В частности, 2-пиксельная обводка (высокое разрешение) хорошо работает для подробных значков, а 3-пиксельная обводка хорошо работает для менее подробных значков.

Независимо от визуального стиля значка, создайте значок панели инструментов или панели навигации следующих размеров:

Примерно 44 x 44 пикселя. Примерно 22 x 22 пикселя (стандартное разрешение). Независимо от визуального стиля значка, создайте значок панели вкладок следующих размеров:

Около 50 x 50 пикселей (максимум 96 x 64 пикселей) Около 25 x 25 пикселей (максимум 48 x 32 пикселей) для стандартного разрешения

2
firelyu