利用 CIFilter 實現美麗的圖片濾鏡-梗圖製造機進階版

上一次我們分享了使用 IBOutlet，IBAction & 亂數創作有趣的 App-梗圖製造機，這次要來加工，讓圖片可以加上一些濾鏡。

Lucas Lin in 彼得潘的 Swift iOS / Flutter App 開發教室 · 2020-03-22 14:20 · 55 claps · 2.1 min read

#cifilterbuiltins #xcode #image-maker

上一次我們分享了使用 IBOutlet，IBAction & 亂數創作有趣的 App-梗圖製造機，這次要來加工，讓圖片可以加上一些濾鏡。

延伸教學

沒有加上濾鏡的效果

沒有加上濾鏡的效果

加上濾鏡後的效果

加上濾鏡後的效果

參考教學

其實很簡單

一、import函式庫（套件）

二、畫面增加一個Slider bar，來做調節濾鏡效果

三、將Slider與ViewController Class建立IBAction，當使用者滑動時，就改變圖片的效果。

因為這個效果會直接改變畫面上的圖片，所以若調整了第一次，在調整就不會有效果，為什麼呢？因為每一次滑倒都是拿現在顯示於畫面上的圖片來進行更改再放回去，所以若要每次效果都不同，就要在改變之前紀錄圖片的原樣。

成果分享

[embed]

Github

메타데이터

post_id: 8d6094faeff2
slug: 利用-cifilter-實現美麗的圖片濾鏡-梗圖製造機進階版-8d6094faeff2
url: https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E6%95%99%E5%AE%A4/%E5%88%A9%E7%94%A8-cifilter-%E5%AF%A6%E7%8F%BE%E7%BE%8E%E9%BA%97%E7%9A%84%E5%9C%96%E7%89%87%E6%BF%BE%E9%8F%A1-%E6%A2%97%E5%9C%96%E8%A3%BD%E9%80%A0%E6%A9%9F%E9%80%B2%E9%9A%8E%E7%89%88-8d6094faeff2
canonical_url: https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E6%95%99%E5%AE%A4/%E5%88%A9%E7%94%A8-cifilter-%E5%AF%A6%E7%8F%BE%E7%BE%8E%E9%BA%97%E7%9A%84%E5%9C%96%E7%89%87%E6%BF%BE%E9%8F%A1-%E6%A2%97%E5%9C%96%E8%A3%BD%E9%80%A0%E6%A9%9F%E9%80%B2%E9%9A%8E%E7%89%88-8d6094faeff2
author_url: https://medium.com/@wayne97023
status: ok
fetched_at: 2026-08-23 15:07:23