blocks|key|1213239|text|从iOS+11开始，Human+Interface+Guidelines建议工具栏和导航栏中的字形大约为25×25个点，最大约为28个点。(如果您正在使用iOS应用程序，那么HIG绝对应该在您的书签中！)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1213240|对于像iPad+2/+Mini这样的老设备来说，图像是25px的正方形；对于iPhone+8或iPad等大多数当前的设备，图像是50px的正方形；对于Retina+HD设备(+iPhone+6/7/8Plus或iPhone+X)，图像是75px的正方形。资产目录将极大地帮助保持不同资产大小的组织(+Xcode现在甚至可以generate+them+from+vector+sources+)。|1213241|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/|1|http://martiancraft.com/blog/2017/06/xcode9-assets/^0|A|Q|0|0|4H|X|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

As of iOS 11, the <a href="https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/" rel="noreferrer">Human Interface Guidelines</a> suggest glyphs be about 25&times;25 points in toolbars and navigation bars, up to a maximum of about 28 points. (And the HIG should definitely be in your bookmarks if you're working on iOS apps!)

That would translate to images 25px square for older devices like iPad 2 / Mini, 50px square for most current devices like iPhone 8 or iPad, and 75px square for Retina HD devices (the iPhone 6/7/8 Plus, or iPhone X). Asset catalogs will help immensely in keeping the different asset sizes organized (and Xcode can even <a href="http://martiancraft.com/blog/2017/06/xcode9-assets/" rel="noreferrer">generate them from vector sources</a> these days).

blocks|key|1213422|text|是的，苹果建议UIBarButtonItems使用22px、44px和66px大小的图片，但如果你使用预装的图标，如书签图标，1x、2x和3x的大小分别为25px、50px和75px。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1213423|这是UIToolbar中的两个图标。右边是苹果的系统书签图标，左边是我的自定义图标。|1213424|这里我的自定义图标大小为22px-44px-66px：|1213425|​|1213426|📷|atomic|1213427|1213428|这里是25px-50px-75px：|1213429|1213430|1213431|1213432|所以，如果你在一个工具栏中使用自定义和系统图标，我建议使用25px-50px-75px缩放，否则你的自定义图标会更小。事实上，我总是使用25px-50px-75px缩放，它在工具栏上看起来更好，就像我一样。|1213433|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/bc69c941d4c10e41ca74d12920aef0de.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/b853565e6b6176e59f61c7d30f095b6a.png^0|7|G|0|2|9|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1D|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1E|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1F|8|@]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|O|3|K|5|6|7|1J|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1K|8|@]|D|@]|E|$]]|$1|R|3|K|5|6|7|1L|8|@]|D|@]|E|$]]|$1|S|3|M|5|N|7|1M|8|@]|D|@$9|1N|A|1O|1|1P]]|E|$]]|$1|T|3|K|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1R|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13|14|-4]]|15|$5|Z|10|11|E|$12|16|14|-4]]]]

Yes, Apple suggest to use images with 22px, 44px and 66px size for <code>UIBarButtonItems</code>, but if you use preinstalled icons like Bookmark icon, it's sized by 25px 50px and 75px for 1x, 2x and 3x respectively.

Here are 2 icons in <code>UIToolbar</code>. On the right is Apple's system bookmark icon and on the left my custom icon.

Here my custom icon sized 22px-44px-66px:

<a href="https://i.stack.imgur.com/tlfsV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tlfsV.png" alt="enter image description here"></a>

And here 25px-50px-75px:

<a href="https://i.stack.imgur.com/KiNyH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/KiNyH.png" alt="enter image description here"></a>

So, if you use custom and system icons in one toolbar, I would suggest to use 25px-50px-75px scaling, or your custom icons will be smaller. In fact I always use 25px-50px-75px scaling, it looks better on toolbars, as for me.

I'm looking to create my own custom Sort By Date and Sort By Number buttons that I plan on placing in the navigation bar as the right button.

How big should my image be to appropriately fill the space -- the <a href="https://developer.apple.com/documentation/uikit/uibaritem" rel="noreferrer">UIBarItem</a> documentation page doesn't list anything about the size the image should be.

How big should a UIBarButtonItem image be?

Xcode

我正在寻找创建我自己的自定义排序的日期和排序的数字按钮，我计划放置在导航栏中的右按钮。我的图像应该有多大才能适当地填充空间-- 文档页面没有列出关于图像应该有多大的内容。

问UIBarButtonItem图像应该有多大？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问UIBarButtonItem图像应该有多大？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问UIBarButtonItem图像应该有多大？
EN