ios - 可调整大小的 UIImage，其中外部拉伸(stretch)和内部保持不变

Question

我正在尝试为我的应用程序中的垂直条创建一个“ handle ”，以向用户表明他们可以在 View 上滑动。我想只使用一个小版本的图像，它有抓地力和 1 px 上下它是酒吧其余部分的背景。所以:

ssss          ssss
gggg  becomes ssss
ssss          gggg
              ssss
              ssss

resizableImageWithCapInsets: 方法允许您告诉 iOS 不要调整外边缘，但有没有办法告诉它不要调整内部并随外部拉伸(stretch)？

我已经尝试指定一个超大的帽插图，UIEdgeInsetsMake(29.0f, 0.0f, 29.0f, 0.0f) 并且这导致 handle 位于图像框架的顶部，但是otherwise 是我正在寻找的正确拉伸(stretch)行为。我只需要将抓握部分放在框架的中央。

感兴趣者的完整代码(这导致在整个长度上重复抓握):

gripBar = [[UIImageView alloc] initWithImage:[[UIImage imageNamed:@"grip"] resizableImageWithCapInsets:UIEdgeInsetsMake(1.0f, 0.0f, 1.0f, 0.0f)]];
gripBar.frame = CGRectMake(0, 0, gripWidth, fullHeight);
[view gripBar];

更新基于所选答案的工作代码

@implementation GripBar

- (id)init {
    self = [super init];
    if (self) {
        UIImageView *bar = [[UIImageView alloc] initWithImage:[[UIImage imageNamed:@"gripback"] resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 0.0f, 1.0f, 0.0f)]];
        bar.autoresizingMask = UIViewAutoresizingFlexibleHeight;
        [self addSubview:bar];

        UIImageView *grip = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"grip"]];
        grip.contentMode = UIViewContentModeCenter;
        grip.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;
        [self addSubview:grip];
    }
    return self;
}

@end

Answer 1

执行此操作的最简单方法可能是让您的抓握部分成为一个较大的条形 View 的(小高度，但全宽) subview ，其背景拉伸(stretch)或平铺。您可以通过自动调整蒙版等方式使抓握部分在较大 View 中居中。