UIBarButtonItem 图像应该有多大?
我正在创建自己的自定义“按日期排序”和“按数字排序”按钮,我计划将它们作为右侧按钮放置在导航栏中。
我的图像应该有多大才能适当地填充空间 - UIBarItem 文档页面没有不要列出有关图像大小的任何内容。
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 UIBarItem documentation page doesn't list anything about the size the image should be.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
从 iOS 11 开始,人机界面指南< /a> 建议工具栏和导航栏中的字形约为 25×25 点,最多约为 28 点。 (如果您正在开发 iOS 应用程序,那么 HIG 绝对应该在您的书签中!)
对于 iPad 2 / Mini 等旧设备,这将转换为 25 像素正方形的图像,对于 iPhone 8 或 iPad 等大多数当前设备,转换为 50 像素正方形的图像,以及 75 像素正方形的图像用于 Retina HD 设备(iPhone 6/7/8 Plus 或 iPhone X)的正方形。资产目录将极大地帮助组织不同的资产大小(Xcode 甚至可以从这些天矢量源)。
As of iOS 11, the Human Interface Guidelines suggest glyphs be about 25×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 generate them from vector sources these days).
自 iOS7 以来,人机界面指南告诉您这一点:
这是一个 伟大的矩阵,包含所有平台资源所有所需的尺寸
The Human Interface Guidelines tells you this since iOS7:
Here is a great matrix of all needed sizes for resources for all platforms
是的,Apple 建议
UIBarButtonItems
使用 22px、44px 和 66px 大小的图像,但如果您使用书签图标等预装图标,则 1x、2x 和 3x 的大小分别为 25px、50px 和 75px。这是
UIToolbar
中的 2 个图标。右边是苹果的系统书签图标,左边是我的自定义图标。这里我的自定义图标大小为 22px-44px-66px:
这里 25px-50px-75px:
因此,如果您在一个工具栏中使用自定义图标和系统图标,我建议使用 25px-50px-75px 缩放,否则您的自定义图标会更小。事实上,我总是使用 25px-50px-75px 缩放,对于我来说,它在工具栏上看起来更好。
Yes, Apple suggest to use images with 22px, 44px and 66px size for
UIBarButtonItems
, 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
UIToolbar
. On the right is Apple's system bookmark icon and on the left my custom icon.Here my custom icon sized 22px-44px-66px:
And here 25px-50px-75px:
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.
简单:将您的图像包含在 Assets.xcassets 中。
如何?
Easy: Include your images in Assets.xcassets.
How?