1. UIImageView整體拉伸

方式一是通過設定容器UIImageView中圖片的顯示模式：UIImageView-contentMode，使容器內的圖片按照需要的拉伸方式在容器中顯示。

typedef NS_ENUM(NSInteger, UIViewContentMode) {
    UIViewContentModeScaleToFill,         // 預設 拉伸（會變形）
    UIViewContentModeScaleAspectFit,      // 等比例拉伸
    UIViewContentModeScaleAspectFill,     // 等比例填充
 

    UIViewContentModeRedraw,              // redraw on bounds change (不清楚) 
    UIViewContentModeCenter,              // 下面的是不拉伸按位置顯示了
    UIViewContentModeTop,
    UIViewContentModeBottom,
    UIViewContentModeLeft,
    UIViewContentModeRight,
    UIViewContentModeTopLeft,
    UIViewContentModeTopRight,
    UIViewContentModeBottomLeft,
    UIViewContentModeBottomRight,
};
 

2. UIImage區域性拉伸

// 按4邊間距顯示不拉伸的區域
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets NS_AVAILABLE_IOS(5_0); 
// 按2點拉伸
- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets
 
)capInsets resizingMode:(UIImageResizingMode)resizingMode;
// 拉伸模式
typedef NS_ENUM(NSInteger, UIImageResizingMode) {
    UIImageResizingModeTile,//進行區域複製模式拉伸
    UIImageResizingModeStretch,//進行漸變複製模式拉伸
};

3.圖形上下文等比例拉伸

//圖片按比例內縮放，使一條邊等於需要的一邊長，另外一條邊小於等於需要的另一邊邊長
- (UIImage *)scaleToSize:(CGSize)newSize
{
    CGFloat width = self.size.width;
    CGFloat height= self.size.height;
    CGFloat newSizeWidth = newSize.width;
    CGFloat newSizeHeight= newSize.height;
    if (width <= newSizeWidth &&
        height <= newSizeHeight) {
        return self;
    }
    if (width == 0 || height == 0 || newSizeHeight == 0 || newSizeWidth == 0) {
        return nil;
    }
    CGSize size;
    if (width / height > newSizeWidth / newSizeHeight) {
        size = CGSizeMake(newSizeWidth, newSizeWidth * height / width);
    } else {
        size = CGSizeMake(newSizeHeight * width / height, newSizeHeight);
    }
    CGSize drawSize = CGSizeMake(floor(size.width), floor(size.height));

    //Determine whether the screen is retina
    if([[UIScreen mainScreen] scale] == 2.0){
        UIGraphicsBeginImageContextWithOptions(size, NO, 2.0);
    }else{
        UIGraphicsBeginImageContext(size);
    }

    [self drawInRect:CGRectMake(0, 0, drawSize.width, drawSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

4.Assets.xcassets

通過Xcode中Asset Catalog的slice和dice，我們不需要程式碼也能拉伸圖片。首先在Xcode中選中圖片，然後點選右下角的Show Slicing：

我們能看到slicing 面板和一個按鈕”Start Slicing”。

在你點選按鈕之後，會顯示下面的三個選項：

左邊的按鈕用於horizontal edge insets，右邊的按鈕用於vertical edge insets，中間的則是兩個都有。在我們的例子中要保留圓角，所以我們按中間的按鈕，告訴系統我們想要按鈕的中間在水平和垂直方向拉伸。在按下按鈕之後，就能看到一些可以拖動的細條，這可以設定從哪裡開始拉伸圖片。

系統會保留深紫色的區域，淺紫色的區域會被拉伸。

更厲害的是，Xcode自動找到了圓角，所以我們不需要設定從哪裡開始拉伸圖片。最後別忘了在Attribtues pane中設定圖片是可拉伸的。

如果我是你的話，我就會嘗試並習慣這個功能。有了這個無價之寶，你就不用再在resizableImageWithCapInsets方法中填寫那些神奇的數字了，也能幫助你分離view邏輯和app邏輯。