App開發流程之圖像處理工具類

来源:http://www.cnblogs.com/ALongWay/archive/2016/09/13/5869561.html
-Advertisement-
Play Games

先羅列一下工具類中提供的方法： 說明： 1.獲取毛玻璃效果（高斯模糊）圖像 在iOS8以後，提供了類UIBlurEffect、UIVisualEffectView，可以方便的生成高斯模糊的視圖，然後只需要作為目標視圖的subview即可看到效果。在iOS7上需要自行實現，不過蘋果在WWDC 2013 ...


先羅列一下工具類中提供的方法：

/**
 *  根據原始view和毛玻璃樣式，獲取模糊視圖，並自動作為原view的subview（如果不需要作為子視圖，自行調用removeFromSuperview）
 */
+ (UIView *)getBlurEffectViewWithOriginalView:(UIView *)originalView style:(ImageHelperBlurEffectStyle)style;

/**
 *  根據原始圖像和毛玻璃樣式，獲取新圖像
 */
+ (UIImage *)getBlurEffectImageWithOriginalImage:(UIImage *)originalImage style:(ImageHelperBlurEffectStyle)style;

/**
 *  根據原始圖像，等比縮放繫數，得到新圖像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage scale:(CGFloat)scale;

/**
 *  根據原始圖像，等比縮放最大尺寸，得到新圖像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage scaleMaxSize:(CGSize)scaleMaxSize;

/**
 *  根據原始圖像，等比縮放最大尺寸，得到新尺寸
 */
+ (CGSize)getImageSizeWithOriginalImage:(UIImage *)originalImage scaleMaxSize:(CGSize)scaleMaxSize;

/**
 *  根據原始圖像，完全填充尺寸，得到新圖像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage fillSize:(CGSize)fillSize;

/**
 *  根據原始圖像，裁剪區域，得到新圖像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage cutFrame:(CGRect)cutFrame;

/**
 *  根據顏色，得到單位尺寸的純色新圖像
 */
+ (UIImage *)getImageWithColor:(UIColor *)color;

/**
 *  根據view，得到快照
 */
+ (UIImage *)getSnapshotWithView:(UIView *)view;

/**
 *  全屏截圖，但不包括狀態欄
 */
+ (UIImage *)getFullScreenSnapshot;

說明：

1.獲取毛玻璃效果（高斯模糊）圖像

在iOS8以後，提供了類UIBlurEffect、UIVisualEffectView，可以方便的生成高斯模糊的視圖，然後只需要作為目標視圖的subview即可看到效果。在iOS7上需要自行實現，不過蘋果在WWDC 2013上提供了一個UIImage+ImageEffects的分類，可以生成高斯模糊的圖像。將分類加入項目Categories目錄後，在ImageHelper中引用。因為UIBlurEffectStyle是在iOS8以後出現的，所以自定義了一個與其對應的枚舉類型ImageHelperBlurEffectStyle，以便在iOS7中也可以正常使用。實現代碼如下：

+ (UIView *)getBlurEffectViewWithOriginalView:(UIView *)originalView style:(ImageHelperBlurEffectStyle)style
{
    if (DeviceIOSVersionAbove(8)) {
        UIBlurEffectStyle blurStyle;
        
        switch (style) {
            case ImageHelperBlurEffectStyleExtraLight: {
                blurStyle = UIBlurEffectStyleExtraLight;
                break;
            }
            case ImageHelperBlurEffectStyleLight: {
                blurStyle = UIBlurEffectStyleLight;
                break;
            }
            case ImageHelperBlurEffectStyleDark: {
                blurStyle = UIBlurEffectStyleDark;
                break;
            }
        }
        
        UIBlurEffect *effect = [UIBlurEffect effectWithStyle:blurStyle];
        UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];
        effectView.frame = originalView.bounds;
        [originalView addSubview:effectView];

        return effectView;
    } else {
        UIImage *originalImage = [self getSnapshotWithView:originalView];
        UIImage *blurImage = [self getBlurEffectImageWithOriginalImage:originalImage style:style];
        
        UIImageView *effectView = [[UIImageView alloc] initWithFrame:originalView.bounds];
        [effectView setImage:blurImage];
        
        [originalView addSubview:effectView];
        
        return effectView;
    }
}

+ (UIImage *)getBlurEffectImageWithOriginalImage:(UIImage *)originalImage style:(ImageHelperBlurEffectStyle)style
{
    UIImage *newImage;
    
    switch (style) {
        case ImageHelperBlurEffectStyleExtraLight: {
            newImage = [originalImage applyExtraLightEffect];
            break;
        }
        case ImageHelperBlurEffectStyleLight: {
            newImage = [originalImage applyLightEffect];
            break;
        }
        case ImageHelperBlurEffectStyleDark: {
            newImage = [originalImage applyDarkEffect];
            break;
        }
    }
    
    return newImage;
}

 

2.提供了將圖像等比例縮放的系列方法，以及裁剪的方法。基本思路就是在當前圖像上下文中，指定繪製尺寸（即點陣圖的尺寸），然後將相應圖像繪製到指定位置，然後生成最終圖像。例如裁剪圖像示例代碼：

+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage cutFrame:(CGRect)cutFrame
{
    CGSize newSize = cutFrame.size;
    
    UIGraphicsBeginImageContext(newSize);
    [originalImage drawInRect:CGRectMake(-cutFrame.origin.x, -cutFrame.origin.y, cutFrame.size.width, cutFrame.size.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return newImage;
}

 

3.截屏方法

需要用到方法：

UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)。第一個參數仍然是指定圖像上下文繪製尺寸；第二個參數指定是否不透明；第三個為等比例縮放繫數，如果為0.0，表示與設備主屏幕的繫數一致。

CALayer的renderInContext:(CGContextRef)ctx方法，將圖層全部渲染到某個上下文中，建議為當前圖像上下文。最後得到圖像。

+ (UIImage *)getSnapshotWithView:(UIView *)view
{
    UIGraphicsBeginImageContextWithOptions(view.bounds.size, YES, 0.0);
    [view.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return newImage;
}

+ (UIImage *)getFullScreenSnapshot
{
    return [self getSnapshotWithView:[UIApplication sharedApplication].keyWindow];
}

全屏截圖時候，不包括狀態欄，因為狀態欄不在應用的window上，無法直接獲取。但是可以通過私有Api拿到系統截屏圖像，在此不展開探究。

 

測試內容

    UIImage *icon = LOADIMAGE(AppIcon);
    
    UIImage *testImg;
    testImg = [ImageHelper getImageWithOriginalImage:icon scale:2];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon scaleMaxSize:CGSizeMake(100, 90)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon fillSize:CGSizeMake(100, 90)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon cutFrame:CGRectMake(10, 10, 50, 50)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithColor:COLOR(255, 120, 100)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getSnapshotWithView:self.view];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getFullScreenSnapShot];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getBlurEffectImageWithOriginalImage:testImg style:ImageHelperBlurEffectStyleDark];
    LOG(@"%@", testImg);
    
    UIView *coverView = [ImageHelper getBlurEffectViewWithOriginalView:[UIApplication sharedApplication].keyWindow style:ImageHelperBlurEffectStyleDark];
2016-09-13 19:05:11.995 base[33087:2301853] <UIImage: 0x7ffaf97e8d00>, {120, 120}
2016-09-13 19:05:11.997 base[33087:2301853] <UIImage: 0x7ffaf97e9610>, {90, 90}
2016-09-13 19:05:11.999 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {100, 90}
2016-09-13 19:05:12.001 base[33087:2301853] <UIImage: 0x7ffaf9463630>, {50, 50}
2016-09-13 19:05:12.002 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {1, 1}
2016-09-13 19:05:12.007 base[33087:2301853] <UIImage: 0x7ffaf96004b0>, {375, 667}
2016-09-13 19:05:12.013 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {375, 667}
2016-09-13 19:05:12.040 base[33087:2301853] <UIImage: 0x7ffaf9506f30>, {375, 667}

 

1.可以單步調試代碼，查看testImg圖像內容：

 

2.[ImageHelper getSnapshotWithView:self.view];這行代碼中的self.view生成快照後，尺寸為{375, 667}，但如果在viewDidLoad方法中加入代碼：

self.edgesForExtendedLayout = UIRectEdgeNone;

重新輸出的尺寸為{375, 603}，因為edgesForExtendedLayout屬性預設為UIRectEdgeAll，這在處理UI佈局時候需要註意。後續記錄的UIViewContoller父類也會提到。

 

base項目已更新：[email protected]:ALongWay/base.git


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 文字截斷
    在資料庫獲取一些新聞時，有時文字過多，為了不破壞佈局，常常需要只顯示一部分，這是需要用到文字截斷的功能。雖然css也可以實現，但是限制太多 css實現需要text-overflow:ellipsis;overflow:hidden;white-space:nowrap;三個屬性，另外還需要文本標簽寬 ...
  • CSS3實現輪播圖效果
    CSS3實現輪播圖主要是由css：background-position和css3：animation實現。且實現此輪播需要一張四個圖橫著相連的圖片。 註（Internet Explorer 10、Firefox 以及 Opera 支持 animation 屬性。Safari 和 Chrome 支持 ...
  • 給自己定個小目標
    給自己定一個小目標，一個禮拜完成100個inkscape案例。 今天完成picture on the wall ...
  • Android ExpandableListView的技巧和問題
    前言： 最近一個多月在認真的學習Android和做項目，文章內容表達的不好或者理解錯了，希望大家評論指出。 :-) 本文是總結幾個比較常用且使用的技巧，和一個大家都會遇到的問題。 文章中大部分語句摘抄自一下兩篇大神寫的文章：（如果對ExpandableListView一無所知，建議按照順序去閱讀，遇 ...
  • Kotlin從入門到掉坑裡
    為什麼要用Kotlin，和Java完全相容，相互之間引用完全不是問題，所有沒有什麼負擔。 使用Kotlin已經近一個月，基本上看完了語法就上正式項目了，期間幾次準備放棄，最終堅持下來了。關於Kotlin的優點，不必多說了，基於這一個月的經驗，來說說Kotlin的入門和坑。 配置工程 添加依賴 作為一 ...
  • Android之動態申請許可權（API23以上需求）
    API 23之前的版本都是自動獲取許可權，而從 Android 6.0 開始添加了許可權申請的需求，更加安全。 這裡以單個存儲許可權為例： · 在 Manifest 中添加訪問許可權：（只需設置可寫，因為可寫必定可讀） · 動態申請許可權的過程： ...
  • android SQLite資料庫總結
    SQLite SQLite是一種超輕量級的嵌入式資料庫，大小隻有幾百KB，但是其語法支持標準SQL語法，同時還遵循了資料庫的ACID事務，所以學過其他資料庫的開發人員都很容易掌握其使用。 sql語法就不介紹了，直接看在android中的使用 SQLiteOpenHelper——封裝好的資料庫操作輔助 ...
  • iOS Swift-註釋與分號
    iOS Swift 註釋與分號 註釋 註釋是每門語言都存在的一種解釋方式,Swift的註釋與C語言的註釋非常相似,單行註釋採用//. 但是,與C語言多行註釋不同,Swift的多行註釋可以嵌套在其它的多行註釋之中. 運用嵌套多行註釋可以註釋一大段代碼,並且包括相應的註釋. 分號 與其他大部分編程語言不 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類