为什么源图像在设置为按钮background_normal图像时会以这种方式失真？

源图像在设置为按钮的background_normal图像时会以这种方式失真的原因是因为图像的尺寸与按钮的尺寸不匹配。当将一个尺寸较大的图像设置为按钮的背景图像时，按钮会自动将图像进行缩放以适应按钮的尺寸。这种缩放过程会导致图像的拉伸或压缩，从而使图像失真。

为了解决这个问题，我们可以采取以下几种方法：

1. 使用合适尺寸的图像：在设计按钮时，应该选择与按钮尺寸相匹配的图像。这样可以避免图像被缩放导致的失真问题。
2. 使用九宫格图像：九宫格图像是一种特殊的图像格式，可以在不失真的情况下进行缩放。通过将图像划分为九个区域，并指定哪些区域可以进行拉伸，可以实现图像的自适应缩放。
3. 使用矢量图形：矢量图形是基于数学公式描述的图像，可以无损地进行缩放。使用矢量图形作为按钮的背景图像可以避免失真问题。
4. 使用平铺图像：平铺图像是一种可以无缝重复的图像，可以根据按钮的尺寸进行平铺填充。通过使用平铺图像，可以避免图像被缩放导致的失真问题。

腾讯云相关产品推荐：

• 图像处理：腾讯云图像处理（https://cloud.tencent.com/product/img）
• 云存储：腾讯云对象存储（https://cloud.tencent.com/product/cos）
• 人工智能：腾讯云人工智能（https://cloud.tencent.com/product/ai）
• 移动开发：腾讯云移动开发（https://cloud.tencent.com/product/mob）

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。