實現圖片的老舊、色彩、旋轉效果
（1）使用 StoryBoard 故事版布局界面；

（2）使用 Core Image 框架的 CIFilter 過濾器；分別對應的過濾器名稱是：CISepiaTone（棕黑色調）、CIHueAdjust（色彩調整）、CIStraightenFilter（糾正過濾器）；

（3）另外就是使用 UIImagePickerController 來從圖片庫中選擇圖片，使用 ALAssetsLibrary 保存過濾器效果處理后的圖片到圖片庫里。

圖片處理過程：
1、創建基于 GPU的CIContext 對象實例
2、通過過濾器名稱創建 CIFilter 對象實例
3、設置 CIFilter 對象實例參數
4、通過 CIFilter 對象實例的 outputImage 方法產生 CIImager 對象實例
5、通過 CIContext 對象實例的 createCGImage 方法將 CIImager 對象實例轉換為 CGImageRef 對象實例
6、通過 UIImage 類的 imageWithCGImage 方法創建 UIImage 對象實例
7、綁定圖片視圖的圖片為過濾器效果處理后的 UIImage 對象實例
8、使用 CGImageRelease 方法釋放 CGImageRef 對象實例

?

關鍵操作：

效果如下：

iPhone 5s

iPhone 6

iPhone 6 Plus

ViewController.h

1 #import <UIKit/UIKit.h> 2 #import <AssetsLibrary/AssetsLibrary.h> 3 4 @interface ViewController : UIViewController <UIImagePickerControllerDelegate, UINavigationControllerDelegate> 5 @property (strong, nonatomic) IBOutlet UIImageView *imgVCustom; 6 @property (strong, nonatomic) IBOutlet UISlider *sldSepiaTone; 7 @property (strong, nonatomic) IBOutlet UISlider *sldHueAdjust; 8 @property (strong, nonatomic) IBOutlet UISlider *sldStraightenFilter; 9 10 @end

ViewController.m

1 #import "ViewController.h" 2 3 @interface ViewController () 4 @property (strong, nonatomic) CIContext *context; 5 @property (strong, nonatomic) CIImage *imgSource; 6 @property (strong, nonatomic) CIFilter *filterSepiaTone; 7 @property (strong, nonatomic) CIFilter *filterHueAdjust; 8 @property (strong, nonatomic) CIFilter *filterStraightenFilter; 9 - (void)layoutUI; 10 - (void)displayImageWithFilter:(CIFilter *)filter; 11 @end 12 13 @implementation ViewController 14 15 - (void)viewDidLoad { 16 [super viewDidLoad]; 17 18 [self layoutUI]; 19 } 20 21 - (void)didReceiveMemoryWarning { 22 [super didReceiveMemoryWarning]; 23 // Dispose of any resources that can be recreated. 24 } 25 26 - (void)layoutUI { 27 //設置是否是連續性的；默認值為YES，表示拉動中也會觸發Value Changed事件方法；這里我們設置為NO，在拉動后才觸發 28 _sldSepiaTone.continuous = NO; 29 _sldHueAdjust.continuous = NO; 30 _sldStraightenFilter.continuous = NO; 31 32 //得到圖片路徑創建CIImage對象實例 33 NSString *filePath = [[NSBundle mainBundle] pathForResource:@"Big-Buck-Bunny-Clip" ofType:@"png"]; 34 NSURL *fileURL = [NSURL fileURLWithPath:filePath]; 35 _imgSource = [CIImage imageWithContentsOfURL:fileURL]; 36 37 //創建基于CPU的CIContext對象實例 38 //_context = [CIContext contextWithOptions: [NSDictionary dictionaryWithObject:[NSNumber numberWithBool:YES] forKey:kCIContextUseSoftwareRenderer]]; 39 40 //創建基于GPU的CIContext對象實例 41 _context = [CIContext contextWithOptions: nil]; 42 43 //創建過濾器 44 _filterSepiaTone = [CIFilter filterWithName:@"CISepiaTone"]; //棕黑色調 45 _filterHueAdjust = [CIFilter filterWithName:@"CIHueAdjust"]; //色彩調整 46 _filterStraightenFilter = [CIFilter filterWithName:@"CIStraightenFilter"]; //糾正過濾器 47 } 48 49 - (void)displayImageWithFilter:(CIFilter *)filter { 50 //得到過濾后的圖片 51 CIImage *imgOutput = [filter outputImage]; 52 53 //轉換圖片 54 CGImageRef imgRef = [_context createCGImage:imgOutput fromRect:[imgOutput extent]]; 55 UIImage *imgNew = [UIImage imageWithCGImage:imgRef]; 56 57 _imgVCustom.image = imgNew; 58 59 //釋放CGImageRef對象實例 60 CGImageRelease(imgRef); 61 } 62 63 #pragma mark - IBAction 64 - (IBAction)changeSepiaTone:(id)sender { 65 _sldHueAdjust.value = 0.0; 66 _sldStraightenFilter.value = 0.0; 67 float slideVal = _sldSepiaTone.value; 68 69 //設置過濾器參數 70 [_filterSepiaTone setValue:_imgSource forKey:kCIInputImageKey]; 71 [_filterSepiaTone setValue:[NSNumber numberWithFloat:slideVal] forKey:@"inputIntensity"]; 72 73 [self displayImageWithFilter:_filterSepiaTone]; 74 } 75 76 - (IBAction)changeHueAdjust:(id)sender { 77 _sldSepiaTone.value = 0.0; 78 _sldStraightenFilter.value = 0.0; 79 float slideVal = _sldHueAdjust.value; 80 81 //設置過濾器參數 82 [_filterHueAdjust setValue:_imgSource forKey:kCIInputImageKey]; 83 [_filterHueAdjust setValue:[NSNumber numberWithFloat:slideVal] forKey:@"inputAngle"]; 84 85 [self displayImageWithFilter:_filterHueAdjust]; 86 } 87 88 - (IBAction)changeStraightenFilter:(id)sender { 89 _sldSepiaTone.value = 0.0; 90 _sldHueAdjust.value = 0.0; 91 float slideVal = _sldStraightenFilter.value; 92 93 //設置過濾器參數 94 [_filterStraightenFilter setValue:_imgSource forKey:kCIInputImageKey]; 95 [_filterStraightenFilter setValue:[NSNumber numberWithFloat:slideVal] forKey:@"inputAngle"]; 96 97 [self displayImageWithFilter:_filterStraightenFilter]; 98 } 99 100 - (IBAction)resetImage:(id)sender { 101 //得到圖片路徑創建CIImage對象實例 102 NSString *filePath = [[NSBundle mainBundle] pathForResource:@"Big-Buck-Bunny-Clip" ofType:@"png"]; 103 NSURL *fileURL = [NSURL fileURLWithPath:filePath]; 104 _imgSource = [CIImage imageWithContentsOfURL:fileURL]; 105 106 //重置滑桿值 107 _sldSepiaTone.value = 0.0; 108 _sldHueAdjust.value = 0.0; 109 _sldStraightenFilter.value = 0.0; 110 _imgVCustom.image = [UIImage imageWithContentsOfFile:filePath]; 111 } 112 113 - (IBAction)chooseImage:(id)sender { 114 UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init]; 115 imagePickerController.delegate = self; 116 [self presentViewController:imagePickerController 117 animated:YES 118 completion:^{ 119 //code 120 }]; 121 } 122 123 - (IBAction)saveImage:(id)sender { 124 CIFilter *filter; 125 if (_sldSepiaTone.value != 0.0) { 126 filter = _filterSepiaTone; 127 } else if (_sldHueAdjust.value != 0.0) { 128 filter = _filterHueAdjust; 129 } else { 130 filter = _filterStraightenFilter; 131 } 132 133 CIImage *imgOutput = [filter outputImage]; 134 CGImageRef imgRefToSave = [_context createCGImage:imgOutput fromRect:[imgOutput extent]]; 135 136 //需要導入頭文件<AssetsLibrary/AssetsLibrary.h> 137 //保存到圖片庫中 138 ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init]; 139 [library writeImageToSavedPhotosAlbum:imgRefToSave 140 metadata:[imgOutput properties] 141 completionBlock:^(NSURL *assetURL, NSError *error) { 142 CGImageRelease(imgRefToSave); 143 144 UIAlertView *alertV = [[UIAlertView alloc] initWithTitle:@"提示信息" 145 message:@"保存成功" 146 delegate:nil 147 cancelButtonTitle:nil 148 otherButtonTitles:@"確定", nil]; 149 [alertV show]; 150 }]; 151 } 152 153 #pragma mark - UIImagePickerControllerDelegate 154 - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info { 155 [self dismissViewControllerAnimated:YES completion:nil]; 156 157 UIImage *imgChoice = [info objectForKey:UIImagePickerControllerOriginalImage]; 158 _imgSource = [CIImage imageWithCGImage:imgChoice.CGImage]; 159 _imgVCustom.image = imgChoice; 160 } 161 162 - (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker { 163 [self dismissViewControllerAnimated:YES completion:nil]; 164 } 165 166 @end

Main.storyboard

1 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="vXZ-lx-hvc"> 3 <dependencies> 4 <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/> 5 </dependencies> 6 <scenes> 7 <!--View Controller--> 8 <scene sceneID="ufC-wZ-h7g"> 9 <objects> 10 <viewController id="vXZ-lx-hvc" customClass="ViewController" sceneMemberID="viewController"> 11 <layoutGuides> 12 <viewControllerLayoutGuide type="top" id="jyV-Pf-zRb"/> 13 <viewControllerLayoutGuide type="bottom" id="2fi-mo-0CV"/> 14 </layoutGuides> 15 <view key="view" contentMode="scaleToFill" id="kh9-bI-dsS"> 16 <rect key="frame" x="0.0" y="0.0" width="600" height="600"/> 17 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/> 18 <subviews> 19 <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Big-Buck-Bunny-Clip.png" translatesAutoresizingMaskIntoConstraints="NO" id="ReO-qZ-fAW"> 20 <rect key="frame" x="140" y="40" width="320" height="320"/> 21 <constraints> 22 <constraint firstAttribute="width" constant="320" id="C2r-Kz-KPF"/> 23 <constraint firstAttribute="height" constant="320" id="dkB-gF-zbC"/> 24 </constraints> 25 </imageView> 26 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="老舊" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="OWZ-rg-m0K"> 27 <rect key="frame" x="160" y="386" width="34" height="21"/> 28 <fontDescription key="fontDescription" type="system" pointSize="17"/> 29 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/> 30 <nil key="highlightedColor"/> 31 </label> 32 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="色彩" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="k3P-wv-puF"> 33 <rect key="frame" x="160" y="432" width="34" height="21"/> 34 <fontDescription key="fontDescription" type="system" pointSize="17"/> 35 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/> 36 <nil key="highlightedColor"/> 37 </label> 38 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="旋轉" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="uSa-M2-dak"> 39 <rect key="frame" x="160" y="477" width="34" height="21"/> 40 <fontDescription key="fontDescription" type="system" pointSize="17"/> 41 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/> 42 <nil key="highlightedColor"/> 43 </label> 44 <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="0.0" maxValue="1" translatesAutoresizingMaskIntoConstraints="NO" id="za9-U7-UTZ"> 45 <rect key="frame" x="222" y="382" width="200" height="31"/> 46 <constraints> 47 <constraint firstAttribute="width" constant="196" id="5L7-au-P38"/> 48 <constraint firstAttribute="height" constant="30" id="LTM-RW-tBZ"/> 49 </constraints> 50 <connections> 51 <action selector="changeSepiaTone:" destination="vXZ-lx-hvc" eventType="valueChanged" id="s3f-rF-RWp"/> 52 </connections> 53 </slider> 54 <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="-3.1400000000000001" maxValue="3.1400000000000001" translatesAutoresizingMaskIntoConstraints="NO" id="D5r-XT-NhQ"> 55 <rect key="frame" x="222" y="428" width="200" height="31"/> 56 <constraints> 57 <constraint firstAttribute="width" constant="196" id="E9q-ag-z5a"/> 58 <constraint firstAttribute="height" constant="30" id="rfR-PP-ZFJ"/> 59 </constraints> 60 <connections> 61 <action selector="changeHueAdjust:" destination="vXZ-lx-hvc" eventType="valueChanged" id="8mV-I5-bQo"/> 62 </connections> 63 </slider> 64 <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="-3.1400000000000001" maxValue="3.1400000000000001" translatesAutoresizingMaskIntoConstraints="NO" id="SJf-EV-oYp"> 65 <rect key="frame" x="222" y="473" width="200" height="31"/> 66 <constraints> 67 <constraint firstAttribute="height" constant="30" id="MDv-9v-eTp"/> 68 <constraint firstAttribute="width" constant="196" id="QPl-IW-Cr1"/> 69 </constraints> 70 <connections> 71 <action selector="changeStraightenFilter:" destination="vXZ-lx-hvc" eventType="valueChanged" id="SQH-LR-ujT"/> 72 </connections> 73 </slider> 74 <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="0Te-5X-NMj"> 75 <rect key="frame" x="162" y="522" width="30" height="30"/> 76 <state key="normal" title="重置"> 77 <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/> 78 </state> 79 <connections> 80 <action selector="resetImage:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="LA0-CK-Cax"/> 81 </connections> 82 </button> 83 <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="6cL-cO-scq"> 84 <rect key="frame" x="408" y="522" width="30" height="30"/> 85 <state key="normal" title="保存"> 86 <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/> 87 </state> 88 <connections> 89 <action selector="saveImage:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="CeK-jp-JjI"/> 90 </connections> 91 </button> 92 <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="RJd-TD-yLu"> 93 <rect key="frame" x="285" y="522" width="30" height="30"/> 94 <state key="normal" title="照片"> 95 <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/> 96 </state> 97 <connections> 98 <action selector="chooseImage:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="ZaP-zL-bjr"/> 99 </connections> 100 </button> 101 </subviews> 102 <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/> 103 <constraints> 104 <constraint firstItem="RJd-TD-yLu" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="111" id="1Xc-pv-nf5"/> 105 <constraint firstItem="ReO-qZ-fAW" firstAttribute="trailing" secondItem="6cL-cO-scq" secondAttribute="trailing" constant="22" id="2eD-1z-x0R"/> 106 <constraint firstItem="za9-U7-UTZ" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="84" id="3NB-Bx-Q6O"/> 107 <constraint firstItem="SJf-EV-oYp" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="84" id="83Z-cU-kxw"/> 108 <constraint firstItem="RJd-TD-yLu" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="162" id="9gi-rx-JP8"/> 109 <constraint firstItem="za9-U7-UTZ" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="22" id="Cvd-N5-JI2"/> 110 <constraint firstItem="RJd-TD-yLu" firstAttribute="centerX" secondItem="ReO-qZ-fAW" secondAttribute="centerX" id="D1Y-sj-sEJ"/> 111 <constraint firstItem="uSa-M2-dak" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="117" id="E87-nx-szc"/> 112 <constraint firstItem="ReO-qZ-fAW" firstAttribute="leading" secondItem="D5r-XT-NhQ" secondAttribute="leading" constant="-84" id="X5f-S0-s32"/> 113 <constraint firstItem="ReO-qZ-fAW" firstAttribute="leading" secondItem="6cL-cO-scq" secondAttribute="leading" constant="-202" id="YDf-6o-ael"/> 114 <constraint firstItem="k3P-wv-puF" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="72" id="aR4-nO-nDR"/> 115 <constraint firstItem="SJf-EV-oYp" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="113" id="b4C-YG-pCD"/> 116 <constraint firstItem="ReO-qZ-fAW" firstAttribute="top" secondItem="jyV-Pf-zRb" secondAttribute="bottom" constant="20" id="bDR-wl-gln"/> 117 <constraint firstItem="OWZ-rg-m0K" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="20" id="eSk-OG-mwG"/> 118 <constraint firstItem="6cL-cO-scq" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="162" id="fDO-my-Y2B"/> 119 <constraint firstItem="0Te-5X-NMj" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="22" id="gnL-Tl-Gct"/> 120 <constraint firstItem="k3P-wv-puF" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="20" id="iLD-r8-ys0"/> 121 <constraint firstItem="OWZ-rg-m0K" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="26" id="l0h-GI-Jl5"/> 122 <constraint firstItem="uSa-M2-dak" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="20" id="loZ-MY-9xZ"/> 123 <constraint firstItem="D5r-XT-NhQ" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="68" id="ltH-7b-Knn"/> 124 <constraint firstItem="RJd-TD-yLu" firstAttribute="leading" secondItem="ReO-qZ-fAW" secondAttribute="leading" constant="111" id="nPl-Q1-9VA"/> 125 <constraint firstItem="0Te-5X-NMj" firstAttribute="top" secondItem="ReO-qZ-fAW" secondAttribute="bottom" constant="162" id="s8u-rt-ZdR"/> 126 <constraint firstItem="ReO-qZ-fAW" firstAttribute="centerX" secondItem="kh9-bI-dsS" secondAttribute="centerX" id="t69-2F-C2v"/> 127 </constraints> 128 <variation key="default"> 129 <mask key="constraints"> 130 <exclude reference="YDf-6o-ael"/> 131 <exclude reference="1Xc-pv-nf5"/> 132 <exclude reference="nPl-Q1-9VA"/> 133 </mask> 134 </variation> 135 </view> 136 <connections> 137 <outlet property="imgVCustom" destination="ReO-qZ-fAW" id="24S-lL-ecd"/> 138 <outlet property="sldHueAdjust" destination="D5r-XT-NhQ" id="AcU-Md-asg"/> 139 <outlet property="sldSepiaTone" destination="za9-U7-UTZ" id="IJb-Zv-KEu"/> 140 <outlet property="sldStraightenFilter" destination="SJf-EV-oYp" id="fvE-8k-f0f"/> 141 </connections> 142 </viewController> 143 <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/> 144 </objects> 145 </scene> 146 </scenes> 147 <resources> 148 <image name="Big-Buck-Bunny-Clip.png" width="320" height="230"/> 149 </resources> 150 </document>

?

轉載于:https://www.cnblogs.com/huangjianwu/p/4584081.html

總結

以上是生活随笔為你收集整理的184使用 Core Image 框架处理照片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。