1090
1076

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Adobe_Creative_SDK.png
https://creativesdk.adobe.com/

今まで散々様々なSDKを使ってきましたが、正直感動しました。
こんな簡単に超リッチな画像加工ができるなんて本当にすごいです。
しかも 実装方法が超かんたん

まずは少しみてください。

##一部機能の紹介
###画像のフィルター
フィルターの種類も豊富で、お手軽にインスタグラムっぽい画像を作れちゃいます
Untitled.gif

###画像の切り抜き
Untitled5.gif

###画像の方向変換
Untitled2.gif

###文字入力
Untitled5.gif

###指定した色だけ色を出したり
Untitled6.gif

####ほら、やばい

##実装方法
swiftで書きますので、objective-cの方は適時読み替えてください。

一応今回のサンプルコードもgithubにアップしておきます。
https://github.com/yamasakitomohiro/AdobeCreativeSample

###SDKのダウンロード
以下のリンク作からiOS SDKをダウンロードしてください。
https://creativesdk.adobe.com/downloads.html
Adobe_Creative_SDK.png

###[Other Linker Flags]の設定
・-ObjC
・-all_load
adobeCreative_xcodeproj.png

###[AdobeCreativeSDKCoreResourcesSDK.bundle]をプロジェクトにコピー
AdobeCreativeSDKCore.framework > Resources > AdobeCreativeSDKCoreResources.bundle
をプロジェクト内にコピーする
スクリーンショット_2015_12_08_10_23.png

###[AdobeCreativeSDKImageResources.bundle]をプロジェクトにコピー
上と同様に
AdobeCreativeSDKImage.framework > Resources > AdobeCreativeSDKImageResources.bundle
をプロジェクト内にコピーする

###[AdobeCreativeSDKCore.framework]をプロジェクトにコピー
[AdobeCreativeSDKCore.framework]をプロジェクトにコピー
スクリーンショット_2015_12_08_10_31.png

###[AdobeCreativeSDKImage.framework]をプロジェクトにコピー
上と同様に
[AdobeCreativeSDKImage.framework]をプロジェクトにコピー

###必要なライブラリを追加
以下のライブラリを追加してください。
・libc++.dylib
・libz.dylib
・MobileCoreServices.framework
・SystemConfiguration.framework
・Accelerate.framework
・CoreData.framework
・libsqlite3.0.dylib
・libz.1.2.5.dylib
・MessageUI.framework
・OpenGLES.framework
・QuartzCore.framework
・StoreKit.framework

adobeCreative_xcodeproj.png

###BridgingHeaderにインポート
BridgingHeaderに
・<AdobeCreativeSDKCore/AdobeCreativeSDKCore.h>
・<AdobeCreativeSDKImage/AdobeCreativeSDKImage.h>
をインポート

AdobeCreative-Bridging-Header.h
#ifndef AdobeCreative_Bridging_Header_h
#define AdobeCreative_Bridging_Header_h

#import <AdobeCreativeSDKCore/AdobeCreativeSDKCore.h>
#import <AdobeCreativeSDKImage/AdobeCreativeSDKImage.h>

#endif /* AdobeCreative_Bridging_Header_h */

###SDKの使用に[SECRET KEY]と[CLIENT ID]が必要になるのでアプリの登録を行う。
以下のリンク先からアプリの登録を行います。
https://creativesdk.adobe.com/myapps.html

登録をすると以下のポップアップが表示され必要な情報が出ているのでメモる
Adobe_Creative_SDK.png
※ここで出てくるIDはデベロッパーモードとなっているため、リリースする場合は、adobeへの申請が必要になると思います。

###初期設定
appDelegateに以下のように初期設定コードを追加

AppDelegate.swift
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
	AdobeUXAuthManager.sharedManager().setAuthenticationParametersWithClientID("CLIENT ID", withClientSecret: "SECRET KEY")
    return true
}

###Adobeのビューコントローラーを起動
コンストラクタにUIImageを渡すだけの簡単なお仕事

VC.swift
func open(sender: AnyObject) {
    let adobeViewCtr = AdobeUXImageEditorViewController(image: UIImage(named: "aiko_photo.jpg"))
    adobeViewCtr.delegate = self
    self.presentViewController(adobeViewCtr, animated: true) { () -> Void in
        
    }
}

###編集画像の受け取り
delegateメソッドを実装します。
ま、よくあるパターンですね。
[AdobeUXImageEditorViewControllerDelegate]を宣言

VC.swift
func photoEditor(editor: AdobeUXImageEditorViewController!, finishedWithImage image: UIImage!) {
    editor.dismissViewControllerAnimated(true, completion: nil)
    
    image//これが編集された画像です
}

func photoEditorCanceled(editor: AdobeUXImageEditorViewController!) {
    editor.dismissViewControllerAnimated(true, completion: nil)
}

※一応NavigationControllerに対しても、pushできるのですが、AdobeUXImageEditorViewControllerがNavigationControllerを継承してできているので、推奨はしてないそうです。

##カスタマイズ
アイコン画像を変えたり、機能を制限したりなど、多少のカスタマイズはできるようです。
かなり機能が豊富なので、実際に使う場合にこれは必要ないということがあるので、機能制限の方法を記載します。

###表示させるタブの種類と並べ替え
カスタマイズ用のクラスが用意されており、以下のようにそのクラスのクラスメソッドを叩くだけでカスタマイズが出来ます。

渡すリストの項目を削除したり、並べ替えして、
[AdobeUXImageEditorViewController]を起動すればカスタマイズされた状態で起動します。

VC.swift
AdobeImageEditorCustomization.setToolOrder([
    kAdobeImageEditorEnhance,        /* Enhance */
    kAdobeImageEditorEffects,        /* Effects */
    kAdobeImageEditorStickers,       /* Stickers */
    kAdobeImageEditorOrientation,    /* Orientation */
    kAdobeImageEditorCrop,           /* Crop */
    kAdobeImageEditorColorAdjust,    /* Color */
    kAdobeImageEditorLightingAdjust, /* Lighting */
    kAdobeImageEditorSharpness,      /* Sharpness */
    kAdobeImageEditorDraw,           /* Draw */
    kAdobeImageEditorText,           /* Text */
    kAdobeImageEditorRedeye,         /* Redeye */
    kAdobeImageEditorWhiten,         /* Whiten */
    kAdobeImageEditorBlemish,        /* Blemish */
    kAdobeImageEditorBlur,           /* Blur */
    kAdobeImageEditorMeme,           /* Meme */
    kAdobeImageEditorFrames,         /* Frames */
    kAdobeImageEditorFocus,          /* TiltShift */
    kAdobeImageEditorSplash,         /* ColorSplash */
    kAdobeImageEditorOverlay,        /* Overlay */
    kAdobeImageEditorVignette        /* Vignette */
    ])
    
let adobeViewCtr = AdobeUXImageEditorViewController(image: UIImage(named: "aiko_photo.jpg"))
adobeViewCtr.delegate = self
self.presentViewController(adobeViewCtr, animated: true) { () -> Void in
    
}    

##まとめ
これを実装しただけで、リリースできるんじゃないかと思うほどすごいSDKだと思います。
今回紹介したもの以外にもまだまだ面白そうなSDKが含まれているので触ってみると楽しいのではないかなと思います。
adobe乗りに乗ってんなー

1090
1076
10

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1090
1076

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?