如何给iOS Action Extension 操作扩展增加图标
如何给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.pngicon图标来源于网络,仅供学习使用,如有侵权,请联系删除
第一步:创建 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