iOS中圖片拉伸有哪些方法

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

平果網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

具體內(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è)置從哪里開始拉伸圖片。

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

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

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

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

當(dāng)前文章：iOS中圖片拉伸有哪些方法
當(dāng)前URL：http://muchs.cn/article0/ihcgoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、搜索引擎優(yōu)化、企業(yè)建站、網(wǎng)站設(shè)計公司、網(wǎng)站排名、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)