iphone - iOS - resizableImageWithCapInsets 无法按预期工作

Question

我想了解 resizableImageWithCapInsets 的工作原理，所以我找到了这张图片

图像的大小是 57x51 所以我创建了这样的图像

image = [[UIImage imageWithContentsOfFile:[[NSBundle mainBundle] 
pathForResource:@"PopoverViewBlackBackgroundArrowDown" ofType:@"png"]] 
resizableImageWithCapInsets:UIEdgeInsetsMake(25.0, 28.0, 25.0, 28.0)];

ImageView 是这样的

UIImageView *backgroundImageView = [[UIImageView alloc] initWithImage:image];
backgroundImageView.frame = CGRectMake(0.0f, 0.0f, 210.0f, 110.0f);
[self.view addSubview:backgroundImageView];

结果是这样的

它看起来不像传统的 UIPopoverController。箭头的大小也在调整。

你知道为什么吗？

感谢您的回答。

Answer 1

我认为您的问题是边缘插入设置不正确。您应该尝试做的是将左右插图移动到箭头区域的外侧。

此时，您已将可拉伸(stretch)区域的宽度设置为 0，位于图像的中心，因此它在单个点处拉伸(stretch)中间的箭头。顶部和底部插图看起来不错，所以您的目标是这样的:

resizableImageWithCapInsets:UIEdgeInsetsMake(25.0, 10.0, 25.0, 47.0)];

即图片左右各留出10px的边距。

希望对你有帮助