使用矢量图像集时如何避免自定义UIButton中的扭曲和拉伸图像？

下面是我的故事板,我有很多限制使这四个按钮很好地适应屏幕.但是,在我将图像放入按钮并检查故事板预览后,所有图像都会失真.我尝试在属性检查器面板上调整(尝试了所有选项)视图模式,但似乎根本没有效果.

还有一件事,我使用PDF作为矢量类型的图像集,而不是常规.png文件我很想知道这是否重要？我应该以编程方式改变UIButton内部矢量图像的显示方式吗？

验证器图像大小为500px*500px.在@orkenstein的提醒后,我将图像调整为50px*50px,xcode可能无法很好地处理超大矢量图像.图像显示在按钮内部,因为它正好是50px*50px并且失去了缩放能力.另外,当他消化时,我应该在矢量图像里面UIImageView和我的测试后,它在一个完美的工作UIImageView.

设置contentMode按钮本身对我不起作用,但在按钮上设置它imageView.从这个Stackoverflow回答:

button.imageView?.cOntentMode= .scaleAspectFit