GPUImage的基本使用

GPUImage 是一個(gè)開源的圖像處理庫,提供了非常多的濾鏡效果來加工圖片。GPUImage 并不像一般的第三方庫可以直接拖入到工程中使用,而是需要先在本地編譯,然后將編譯后的文件拖入到工程中使用。

配置步驟如下:

1.首先下載 GPUImage

2.解壓后,在framework 目錄下,打開 GPUImage.xcodeproj 工程

3.把Headers文件夾下 Project中的頭文件,全部拖到 Public文件夾下面

把Headers文件夾下 Project中的頭文件,全部拖到 Public文件夾下面

4.運(yùn)行該工程

5.點(diǎn)擊Products下的 libGPUImage.a,右鍵, show in finder

show in finder

6.把該目錄下的libGpuImage.a 和 User文件夾拖到我們的工程下面

工程展示

7.引入頭文件 "GPUImage.h"

GPUImage.h

現(xiàn)在配置工作就已經(jīng)完成,接下來就是基本使用!

我項(xiàng)目主要需要實(shí)現(xiàn)的功能就是為圖片添加濾鏡和在相機(jī)中添加濾鏡

為圖片添加濾鏡

首先創(chuàng)建了一個(gè)UIImageView控件,提供需要添加圖片的濾鏡

為UIImageView賦值

點(diǎn)擊屏幕,為圖片添加濾鏡

添加濾鏡

注意點(diǎn):

濾鏡樣式

GPUImageSketchFilter就是一種濾鏡效果,這里表示的效果是素描

實(shí)現(xiàn)效果如下:

原圖
添加濾鏡后的圖
為相機(jī)添加濾鏡

1.創(chuàng)建一個(gè)CameraViewController類

2.引入相關(guān)文件及聲明屬性

引入相關(guān)文件及聲明屬性

3.初始化

初始化
初始化

4.添加拍照按鈕

添加拍照按鈕

5.拍照后保存至相冊(cè)(被Photos這個(gè)框架替代了)

拍照后保存至相冊(cè)

6.設(shè)置btnBgView的位置,設(shè)置其為隱藏狀態(tài)

設(shè)置btnBgView的位置

7.創(chuàng)建濾鏡樣式選擇按鈕,使用scrollView進(jìn)行滑動(dòng)選擇

創(chuàng)建濾鏡樣式選擇按鈕
創(chuàng)建濾鏡樣式選擇按鈕

8.初始化濾鏡按鈕點(diǎn)擊狀態(tài)

初始化濾鏡按鈕點(diǎn)擊狀態(tài)

9.濾鏡切換

濾鏡切換
濾鏡切換

以上就GPUImage的基本使用,為圖片及相機(jī)添加濾鏡!

借鑒與下面兩位大神文章:

大神!!

過濾器的簡(jiǎn)介

有什么問題,歡迎討論!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,397評(píng)論 4 61
  • 移動(dòng)改變生活,這句話已成為現(xiàn)實(shí)。 2016年6月30日,騰訊發(fā)布消息,微信月活用戶超過8億。 所以,微信這個(gè)超級(jí)A...
    劉鴻光閱讀 687評(píng)論 0 0
  • 我是一個(gè)普洱茶受益者,自從我與普洱結(jié)緣,帶動(dòng)了身邊一大票親朋好友一起成為了普洱粉絲菌。 為什么我那么愛...
    國麗PollyZ閱讀 396評(píng)論 0 1
  • 人們常說,情深不壽。 所以對(duì)不起,為了長壽,我不會(huì)再情深了。 我們分別后的2742天。我還是活在你的世界里,只可惜...
    逆風(fēng)仰望閱讀 433評(píng)論 3 9

友情鏈接更多精彩內(nèi)容