iOS中圖片拉伸有哪些方法

這篇文章主要介紹了iOS中圖片拉伸有哪些方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體內(nèi)容如下

1. UIImageView整體拉伸

UIImageView-contentMode

typedef NS_ENUM(NSInteger, UIViewContentMode) {
 UIViewContentModeScaleToFill,   // 默認(rèn) 拉伸（會(huì)變形）
 UIViewContentModeScaleAspectFit,  // 等比例拉伸
 UIViewContentModeScaleAspectFill,  // 等比例填充
 UIViewContentModeRedraw,    // redraw on bounds change (這個(gè)不清楚) 
 UIViewContentModeCenter,    // 下面的就是不拉伸按位置顯示了
 UIViewContentModeTop,
 UIViewContentModeBottom,
 UIViewContentModeLeft,
 UIViewContentModeRight,
 UIViewContentModeTopLeft,
 UIViewContentModeTopRight,
 UIViewContentModeBottomLeft,
 UIViewContentModeBottomRight,
};

demo：https://github.com/vitoziv/VICMAImageView

2. UIImage局部拉伸

// 按4邊間距顯示不拉伸的區(qū)域
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets NS_AVAILABLE_IOS(5_0); 
// 按2點(diǎn)拉伸
- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode;
// 拉伸模式
typedef NS_ENUM(NSInteger, UIImageResizingMode) {
 UIImageResizingModeTile,//進(jìn)行區(qū)域復(fù)制模式拉伸
 UIImageResizingModeStretch,//進(jìn)行漸變復(fù)制模式拉伸
};

3.UIImage修改大小

//內(nèi)縮放，一條變等于最長(zhǎng)邊，另外一條小于等于最長(zhǎng)邊
- (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);
 }
 return [self drawImageWithSize:size];
}
- (UIImage *)drawImageWithSize: (CGSize)size {
 CGSize drawSize = CGSizeMake(floor(size.width), floor(size.height));
 UIGraphicsBeginImageContext(drawSize);
 
 [self drawInRect:CGRectMake(0, 0, drawSize.width, drawSize.height)];
 UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();
 return newImage;
}

4.images.xcassets

多虧了Xcode中Asset Catalog的slice和dice，我們不需要代碼也能拉伸圖片。首先在Xcode中選中圖片，然后點(diǎn)擊右下角的Show Slicing：

你現(xiàn)在應(yīng)該能看到slicing 面板和一個(gè)按鈕"Start Slicing"。

在你點(diǎn)擊按鈕之后，會(huì)顯示下面的三個(gè)選項(xiàng)：

左邊的按鈕用于horizontal edge insets，右邊的按鈕用于vertical edge insets，中間的則是兩個(gè)都有。在我們的例子中要保留圓角，所以我們按中間的按鈕，告訴系統(tǒng)我們想要按鈕的中間在水平和垂直方向拉伸。在按下按鈕之后，就能看到一些可以拖動(dòng)的細(xì)條，這可以設(shè)置從哪里開(kāi)始拉伸圖片。

系統(tǒng)會(huì)保留深紫色的區(qū)域，淺紫色的區(qū)域會(huì)被拉伸。

更厲害的是，Xcode自動(dòng)找到了圓角，所以我們不需要設(shè)置從哪里開(kāi)始拉伸圖片。最后別忘了在Attribtues pane中設(shè)置圖片是可拉伸的。

如果我是你的話，我就會(huì)嘗試并習(xí)慣這個(gè)功能。有了這個(gè)無(wú)價(jià)之寶，你就不用再在resizableImageWithCapInsets方法中填寫那些神奇的數(shù)字了，也能幫助你分離view邏輯和app邏輯。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“iOS中圖片拉伸有哪些方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!