UIBarButtonItem 图像应该有多大?

发布于 2024-08-08 04:02:54 字数 207 浏览 6 评论 0原文

我正在创建自己的自定义“按日期排序”和“按数字排序”按钮,我计划将它们作为右侧按钮放置在导航栏中。

我的图像应该有多大才能适当地填充空间 - 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

玩世 2024-08-15 04:02:54

从 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).

浪漫之都 2024-08-15 04:02:54

自 iOS7 以来,人机界面指南告诉您这一点:

无论图标的视觉样式如何,都创建工具栏或导航
以下尺寸的栏图标:

大约 44 x 44 像素

大约 22 x 22 像素(标准分辨率)

这是一个 伟大的矩阵,包含所有平台资源所有所需的尺寸

The Human Interface Guidelines tells you this since iOS7:

Regardless of the icon’s visual style, create a toolbar or navigation
bar icon in the following sizes:

About 44 x 44 pixels

About 22 x 22 pixels (standard resolution)

Here is a great matrix of all needed sizes for resources for all platforms

昨迟人 2024-08-15 04:02:54

是的,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:

enter image description here

And here 25px-50px-75px:

enter image description here

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.

万水千山粽是情ミ 2024-08-15 04:02:54

简单:将您的图像包含在 Assets.xcassets 中。

如何?

  • 单击 Assets.xcassets
  • Clic + 图标,然后单击“新建图像集”
  • 将图像拖放到 3x 插槽
  • 中重命名图像集
  • 在 BarButton 中,您可以在“图像”字段下使用此名称

Easy: Include your images in Assets.xcassets.

How?

  • Clic on Assets.xcassets
  • Clic + icon and then click "New Image Set"
  • Drag and drop your image to 3x slot
  • Rename the image set
  • In the BarButton you can use this name under "Image" field
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文