快捷導(dǎo)航

iOS圖片拉伸的多種方式

更新時(shí)間：2017年01月17日 10:40:51 作者：余成海

這篇文章主要為大家詳細(xì)介紹了iOS圖片拉伸的多種方式UIImageView整體拉伸和UIImage局部拉伸，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了iOS圖片拉伸的具體代碼，供大家參考，具體內(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)始拉伸圖片。