AppleDeveloperiOS进阶

如何给iOS Action Extension 操作扩展增加图标

2021-11-12  本文已影响0人  _我和你一样

如何给iOS Action Extension 增加图标?

首先,操作扩展出现的位置,如下图所示的框框中。一般来说,分享扩展会自动使用你App的icon,而其他类型的扩展图标则需要单独指定。

image.png

对于图标的要求

关于action 图标,官方的原文是这样的

Use a template image for an action extension icon. A template image uses a mask to create an icon. Use black and white with appropriate transparency and antialiasing, and don’t include a drop shadow. Template images should be centered in an area measuring about 70px × 70px.

译文:

使用模板图像作为操作扩展图标。模板图像使用掩码创建图标。使用具有适当透明度和反锯齿的黑白,不要包含下垂阴影。模板图像应居中放置在约70px×70px的区域。

开发者文档中关于activityImage的描述是这样的

The alpha channel of the image is used as a mask to generate the final image that is presented to the user. Any color data in the image itself is ignored. Opaque pixels have a gradient applied to them, and this gradient is then laid on top of a standard background. Thus, a completely opaque image would yield a gradient-filled rectangle.

For iPhone and iPod touch, images on iOS 7 should be 60 by 60 points; on earlier versions of iOS, you should use images no larger than 43 by 43 points. For iPad, images on iOS 7 should be 76 by 76 points; on earlier versions of iOS, you should use images no larger than 60 by 60 points. On a device with Retina display, the number of pixels is doubled in each direction.

译文:

图像的alpha通道用作掩码,以生成呈现给用户的最终图像。图像本身中的任何颜色数据都会被忽略。不透明的像素有一个梯度应用在上面,然后将这个梯度放在标准背景的顶部。因此,完全不透明的图像将产生一个充满梯度的矩形。

对于iPhone和iPod touch,iOS 7上的图像应为60 x 60点;在早期版本的iOS上,您应该使用不超过43 x 43点的图像。对于iPad,iOS 7上的图像应为76 x 76点;在早期版本的iOS上,您应该使用不超过60 x 60点的图像。在配备视网膜显示屏的设备上,每个方向的像素数翻了一番。

结论:也就是说,对于iPhone设备来说,其图标大小应该是 60x60,对于iPad设备来说,其图标 大小应该是76x76

本教程最终要实现的效果图展示

image.png

icon图标来源于网络,仅供学习使用,如有侵权,请联系删除

第一步:创建 AppIcon

创建AppIcon.png

第二步:配置对应的图标

如果action配置的支持iPad,那么AppIcon创建的时候,就会包含iPad 扩展所需要的图标,如果不支持,则不会显示iPad所需要的图标。如下图,当然,AppIcon可以重新修改名称。

支持iPad.png 仅支持iPhone.png

填充需要的图片,这里仅支持iPhone

填充icon.png

第三步:在编译设置中,设置主要的app icon

编译设置配置参数.png

设置完成之后,大功告成

效果图.png

参考文档:

1.人机交互指南:https://developer.apple.com/design/human-interface-guidelines/ios/views/activity-views/

2.开发文档参考: https://developer.apple.com/documentation/uikit/uiactivity/1620658-activityimage?language=objc

上一篇下一篇

猜你喜欢

热点阅读