github源碼學習之UIImage+YYWebImage

来源:http://www.cnblogs.com/Phelthas/archive/2016/10/20/5982687.html
-Advertisement-
Play Games

UIImage+YYWebImage是YYWebImage(https://github.com/ibireme/YYWebImage)中的一個分類,這個分類封裝了一些image常用的變化方法,非常值得學習下源碼~(我看的版本是1.0.5) 預備知識: 1,這裡大量使用了CoreGraphics的方 ...


UIImage+YYWebImage是YYWebImage(https://github.com/ibireme/YYWebImage)中的一個分類,這個分類封裝了一些image常用的變化方法,非常值得學習下源碼~(我看的版本是1.0.5)   預備知識: 1,這裡大量使用了CoreGraphics的方法,第一個非常常用的的方法就是 UIKIT_EXTERN void    UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) NS_AVAILABLE_IOS(4_0);   蘋果的官方文檔在這兒 https://developer.apple.com/reference/uikit/1623912-uigraphicsbeginimagecontextwitho   Parameters
size

The size (measured in points) of the new bitmap context. This represents the size of the image returned by the UIGraphicsGetImageFromCurrentImageContext() function. To get the size of the bitmap in pixels, you must multiply the width and height values by the value in thescale parameter.

opaque

A Boolean flag indicating whether the bitmap is opaque. If you know the bitmap is fully opaque, specify true to ignore the alpha channel and optimize the bitmap’s storage. Specifying false means that the bitmap must include an alpha channel to handle any partially transparent pixels.

scale

The scale factor to apply to the bitmap. If you specify a value of 0.0, the scale factor is set to the scale factor of the device’s main screen.

  考慮到UIColor是有透明度的,所以這個方法傳入的參數opaque一般傳NO;考慮到屏幕的的Scale,所以傳入的scale參數一般傳0,或者self.scale; 文檔有寫“This function may be called from any thread of your app.” 所以在任何線程做都沒有問題~~     具體方法: 1, + (UIImage *)yy_imageWithColor:(UIColor *)color size:(CGSize)size;生成一個指定大小的純色圖片; 方法實現比較簡單,就是創建一個圖片上下文,拿到這個上下文,設置其為指定顏色,填充,取到圖片,關閉這個圖片上下文,就可以了; 如最開始所說,opaque是NO,scale是0; 如果是用來做背景用的圖片,可以直接將size設置為(1,1),然後用系統預設的拉伸效果來把圖片放大( UIViewContentModeScaleToFill),這樣效率比較高; YYImage也提供了 + (nullable UIImage *)yy_imageWithColor:(UIColor *)color;這個方法來實現這個功能。       2, - (void)yy_drawInRect:(CGRect)rect withContentMode:(UIViewContentMode)contentMode clipsToBounds:(BOOL)clips; 這個方法我感覺應該算是個內部方法,個人感覺沒有必要放出來,可能有場景會用到我沒遇到過吧;   3, - (nullable UIImage *)yy_imageByResizeToSize:(CGSize)size contentMode:(UIViewContentMode)contentMode;按指定的模式生成一個指定大小的圖片;size就是生成的圖片的大小,多出來的地方是透明的; 這個方法是調用- (void)yy_drawInRect:(CGRect)rect withContentMode:(UIViewContentMode)contentMode clipsToBounds:(BOOL)clips;來實現的。裡面用到的 static CGRect _YYCGRectFitWithContentMode(CGRect rect, CGSize size, UIViewContentMode mode)這個方法得值得學習下。這個方法是用來得到按模式放大或者縮小後圖片完整的rect,比如: 一張100*200的圖片,用 UIViewContentModeScaleAspectFit的模式,放到一個400*400的imageView中,那得到的rect就是(100,0,200,400); 一張100*200的圖片,用 UIViewContentModeScaleAspectFill的模式,放到一個400*400的imageView中,那得到的rect就是(0,200,400,800); 。。。。。。 不同的模式會得到不同的rect,生成的圖片也會不一樣; 具體rect的計算是根據圖片的寬高比和目標rect的寬高比來確定的,而不是具體的寬或者高,這個需要特別註意,這完全是為了達到縮放模式的效果而做的數學計算。這裡真的很佩服作者!!! - (UIImage *)yy_imageByResizeToSize:(CGSize)size;沒有調用這個方法,而是另外寫了一遍,效果跟用這個方法contentModel傳 UIViewContentModeScaleToFill是一樣的,不知道有啥用意~   4, - (nullable UIImage *)yy_imageByCropToRect:(CGRect)rect;裁剪圖片中的某個區域 註意裁剪範圍只跟image的size有關,跟imageView的大小無關; 如果rect比image的size大,則沒有效果,如果rect比image的size小,會剪裁出指定的區域;   5, - (nullable UIImage *)yy_imageByInsetEdge:(UIEdgeInsets)insets withColor:(nullable UIColor *)color;根據insets來剪裁圖片; 這個方法也很牛X~,註意insets是可以取負數的,如果取負數,就相當與給原來的圖片加上指定顏色的邊框; 如果為正數,就是根據insets來剪裁圖片,這時候color參數無效   6, - (UIImage *)yy_imageByRoundCornerRadius:(CGFloat)radius
                                 corners:(UIRectCorner)corners
                             borderWidth:(CGFloat)borderWidth
                             borderColor:(UIColor *)borderColor                           borderLineJoin:(CGLineJoin)borderLineJoin; 設置圓角的方法 裡面用了 CGContextDrawImage(context, rect, self.CGImage);的方法;而CGContext的坐標系與UIKit的坐標系是不同的,所以需要特殊處理下; 具體有什麼不同可以參考 http://blog.csdn.net/trandy/article/details/6617272  這裡他用了修改坐標系的方法來解決,所以corners也是顛倒的,需要特殊處理下; 註意這個方法只會設置圓角,如果原來的圖片不是正方形的,那怎麼設置頁不會得到正圓的圖片,需要預先把圖片裁成正方形的才行;   7, - (nullable UIImage *)yy_imageByRotate:(CGFloat)radians fitSize:(BOOL)fitSize;生成旋轉指定角度後的圖片 fitSize傳yes,圖片會自動壓縮使圖片顯示完整,傳no圖片會被截斷; 其中 CGRectApplyAffineTransform返回的是“包含旋轉後的rect的最小矩形的CGRect”,origin的值可能為負值; 這個方法使用 CGBitmapContextCreate這個方法來繪製的,跟前面的直接用 UIGraphicsGetCurrentContext不太一樣,反正我是不太懂。。。 我能看懂的就這麼幾句:     CGContextTranslateCTM(context, +(newRect.size.width * 0.5), +(newRect.size.height * 0.5));     CGContextRotateCTM(context, radians);
   
    CGContextDrawImage(context, CGRectMake(-(width * 0.5), -(height * 0.5), width, height), self.CGImage);
    CGImageRef imgRef = CGBitmapContextCreateImage(context);
    UIImage *img = [UIImageimageWithCGImage:imgRef scale:self.scaleorientation:self.imageOrientation];     CGImageRelease(imgRef); 這裡比較巧妙,貌似CGContext的錨點是在(0,0)的,而image的錨點是在中心點的,所以先移動context到中心點,再從(-(width * 0.5), -(height * 0.5))開始繪圖,然後得到CGImageRef,用[UIImageimageWithCGImage:imgRef scale:self.scaleorientation:self.imageOrientation]這個方法來修正坐標系的問題,也是非常值得學習~     8,- (nullable UIImage *)yy_imageByBlurRadius:(CGFloat)blurRadius                                  tintColor:(nullable UIColor *)tintColor                                   tintMode:(CGBlendMode)tintBlendMode                                 saturation:(CGFloat)saturation                                  maskImage:(nullable UIImage *)maskImage; 圖片模糊效果 好用,但實現超出了目前的我的理解範圍,待研究。。。   9, + (nullableUIImage *)yy_imageWithSmallGIFData:(NSData *)data scale:(CGFloat)scale; 文檔說是小型gif用,比如表情~實現沒有看懂,待研究。。。 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • TextView 顯示文本框控制項, EditText 輸入文本框 ...
  • SharedPreferences 一種輕量級的數據保存方式 以鍵值對的方式存儲 用於存儲小批量的數據 使用方法: SharedPreferences sp= getSharedPreferences("myopt"(文件名),Context.MODE_PRIVATE(數據存儲方式)); 存儲文件名 ...
  • 手機APP在日常生活中越來越與我們息息相關,既然這些APP是用戶每天都必須接觸到的,所以APP更應該從用戶的角度來進行設計。APP開發並沒有什麼固定的法則,也沒有現成的模式可依,只有不斷從用戶的實踐中,從用戶的一言一行當中去考慮用戶的體驗才能設計出用戶體驗良好的APP。 ...
  • Android Weekly中文筆記, Issue #227. 本期內容包括: Google的Mobile Vision API 人臉檢測; Firebase的Remote Config; 與HashMap有關的優化; 提高RecyclerView幀率的優化; 使用AutoValue生成model代... ...
  • 當需要實現一個自定義佈局圖片和標題的按鈕時候,不知道有多少少年直接佈局了UIButton,亦或是自定義一個UIView,然後以空白UIButton、UILabel、UIImageVew作為subViews。 兩者其實都一樣,因為UIButton的內部subViews中,就已經存在一個UILabel和 ...
  • 前言 iOS extension的出現,方便了用戶查看應用的服務,比如用戶可以在Today的widgets中查看應用的簡略信息,然後點擊進入相關的應用界面。暫且不表網路上現有的widget文章,本篇文章主要說明本人具體實現widget的步驟,希望能夠幫助到需要實現widget的同行朋友。 圖1 To ...
  • 1.顯示隱藏系統進程 修改ProcessManagerActivity的Adapter 2.鎖屏清理 ...
  • 1.本進程不能被選中,所以先將checkbox隱藏掉--手機衛士 不能自殺 2.清理選中進程 3.ProcessInfoProvider.java 1 package com.itheima.mobilesafe74.engine; 2 3 import java.io.BufferedReader ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...