Размер изображения элемента панели навигации iOS
Я хочу настроить кнопку NavigationBar
и использовать мои собственные изображения.
Вопрос в том, какой размер должен быть?
Я обнаружил, что размер кнопки должен быть 40 * 40, поэтому изображение должно быть 80 * 80 для сетчатки?
Ответы
Ответ 1
Это размеры, которые документация рекомендует для пользовательских значков.
![введите описание изображения здесь]()
Создайте два изображения вышеуказанных размеров пикселей, а затем добавьте их в новое изображение, установленное в файле Assets.xcassets. (По-видимому, размер @1 больше не нужен.)
![введите описание изображения здесь]()
В качестве альтернативы вы можете использовать универсальное векторное изображение (pdf) (здесь здесь и здесь). Это было моим преимуществом в последнее время.
Связанный ответ
Ответ 2
Apple обновила свои Документы по руководству по интерфейсу пользователя. Теперь рекомендуемые размеры для создания пользовательских иконок для панели навигации и панели инструментов
![enter image description here]()
Ответ 3
Типичные стандартные размеры (не Retina) составляют 22px на 22px, тогда как размеры 2x (или Retina) составляют 44px на 44px.
Ответ 4
Документы Apple были обновлены, и теперь рекомендуемый размер - 25pt x 25pt.
Пожалуйста, обратитесь к документации здесь.
Ответ 5
Вот текущие размеры:
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/
Msgstr "Панель инструментов и панель навигации - между 24x24 (@1x) и 28x28 (@1x)".
Ответ 6
Вы должны подготовить 3 иконки изображений для каждого элемента панели вкладок (1x, 2x и 3x).
Сначала создайте 3x при 75w 75h пикселей (максимум: 144 x 96) и сохраните его как [email protected]
Затем измените его размер до 50w 50h пикселей (максимум: 96 x 64) и сохраните его как [email protected]
Наконец измените его размер до 25w 25h пикселей (максимум: 48 x 32) и сохраните его как iconTab0.png.
Теперь все, что вам нужно, это выбрать эти 3 изображения в вашем видоискателе и перетащить их в ваши активы изображений.
руководство по интерфейсу пользователя
![enter image description here]()
![enter image description here]()
![enter image description here]()