iOS圖片拉伸的多種方式

2020-07-26 02:58:11

字體：大中小

供稿：網(wǎng)友

本文實例為大家分享了iOS圖片拉伸的具體代碼，供大家參考，具體內(nèi)容如下

1. 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,};

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

2. UIImage局部拉伸

// 按4邊間距顯示不拉伸的區(qū)域- (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,//進行區(qū)域復(fù)制模式拉伸 UIImageResizingModeStretch,//進行漸變復(fù)制模式拉伸};

3.UIImage修改大小

//內(nèi)縮放，一條變等于最長邊，另外一條小于等于最長邊- (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中選中圖片，然后點擊右下角的Show Slicing：

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

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

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