(Swift)画像の色変更・拡大縮小・回転の方法
- 評価
- クリップ 0
- VIEW 1,840
前提・実現したいこと
Xcode7.2のSwiftでアプリの制作を行っています.
アプリの概要はスタンプカメラのような物です.
フォルダの中の画像を読み込み,その画像を自由にアプリ画面上に配置・削除をできるようにしました.
今回、その配置した画像の色の変更,回転,拡大縮小をアプリ内にて行えるようにしたいのですが,良い方法が未だ分かりません.
説明下手ではあると思いますが,アドバイス・サンプルコードなど提示して頂けたらうれしいです.
該当のソースコード
import UIKit
class ViewController: UIViewController,
UIImagePickerControllerDelegate, UINavigationControllerDelegate {
//UIImagePickerControllerで取得した画像を表示
@IBOutlet var mainImageView: UIImageView!
//図形画像を配置するUIView
@IBOutlet var canvasView: UIView!
//AppDelegateを使うための変数
var appDelegate = UIApplication.sharedApplication().delegate as! AppDelegate
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
//アクションシート表示メソッド
@IBAction func cameraTapped() {
//UIImagePickerControllerを使うための定数
let pickerController = UIImagePickerController()
//UIImagePickerControllerのデリゲートメソッドを使用する設定
pickerController.delegate = self
//UIAcionSheetを使うための定数を作成
let sheet = UIAlertController(title: nil, message: nil, preferredStyle: .ActionSheet)
//3つのアクションボタンの定数を作成
let cancelAction = UIAlertAction(title: "キャンセル", style: .Cancel, handler: {
(action) -> Void in
})
let cameraAction = UIAlertAction(title: "カメラ", style: .Default, handler: {
(action) -> Void in
pickerController.sourceType = .Camera
self.presentViewController(pickerController, animated: true, completion: nil)
})
let LibraryAction = UIAlertAction(title: "ライブラリ", style: .Default, handler: {
(action) -> Void in
pickerController.sourceType = .PhotoLibrary
self.presentViewController(pickerController, animated: true, completion: nil)
})
//アクションシートにアクションボタンを追加
sheet.addAction(cancelAction)
sheet.addAction(cameraAction)
sheet.addAction(LibraryAction)
//アクションシートを表示
self.presentViewController(sheet, animated: true, completion: nil)
}
//UIImagePickerController画像取得メソッド
func imagePickerController(picker: UIImagePickerController, didFinishPickingImage image: UIImage, editingInfo: [String : AnyObject]?) {
//引数imageに格納された画像をmainImageViewにセット
mainImageView.image = image
//カメラ画面もしくはフォトライブラリ画面を閉じる
self.dismissViewControllerAnimated(true, completion: nil)
}
//スタンプ選択画面遷移メソッド
@IBAction func stampTapped() {
//SegueのIdentifierを設定
self.performSegueWithIdentifier("ToStampList", sender: self)
}
//画面表示の直前に呼ばれるメソッド
override func viewWillAppear(animated: Bool) {
//viewWillappearを上書きするときに必要な処理
super.viewWillAppear(animated)
//新規スタンプ画像フラグがtrueの場合、実行する処理
if appDelegate.isNewStampAdded == true {
//stampArrayの最後に入っている要素を取得
let stamp = appDelegate.stampArray.last!
//スタンプのフレームを設定
stamp.frame = CGRectMake(0, 0, 100, 100)
//スタンプの設置座標を写真画像の中心に設定
stamp.center = mainImageView.center
//スタンプのタッチ操作を許可
stamp.userInteractionEnabled = true
//スタンプを自分で配置したViewに設置
canvasView.addSubview(stamp)
//新規スタンプ画像フラグをfalseに設定
appDelegate.isNewStampAdded = false
}
}
//スタンプ画像の削除
@IBAction func deleteTapped() {
//canvasViewのサブビューの数が1より大きかったら実行
if canvasView.subviews.count > 1 {
//canvasViewの子ビューの最後のものを取り出す
let lastStamp = canvasView.subviews.last! as! Stamp
//canvasViewからlastStampを削除する
lastStamp.removeFromSuperview()
//lastStampが格納されているstampArrayのインデックス番号を取得
if let index = appDelegate.stampArray.indexOf(lastStamp) {
//stampArrayからlastStampを削除
appDelegate.stampArray.removeAtIndex(index)
}
}
}
//画像をレンダリングして保存
@IBAction func saveTapped() {
//画像コンテキストをサイズ、透過の有無、スケールを指定して作成
UIGraphicsBeginImageContextWithOptions(canvasView.bounds.size, canvasView.opaque, 0.0)
//canvasViewのレイヤーをレンダリング
canvasView.layer.renderInContext(UIGraphicsGetCurrentContext()!)
//レンダリングした画像を取得
let image = UIGraphicsGetImageFromCurrentImageContext()
//画像コンテキストを破棄
UIGraphicsEndImageContext()
//取得した画像をフォトライブラリへ保存
UIImageWriteToSavedPhotosAlbum(image, self, "image:didFinishSavingWithError:contextInfo:", nil)
}
//写真の保存後に呼ばれるメソッド
func image(image: UIImage, didFinishSavingWithError error: NSError!, contextInfo: UnsafeMutablePointer<Void>) {
let alert = UIAlertController(title: "保存", message: "ライブラリに保存しました", preferredStyle: .Alert)
let action = UIAlertAction(title: "OK", style: .Cancel, handler: {(action)-> Void in})
alert.addAction(action)
}
}
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
checkベストアンサー
0
このコードでわかるのは、おそらくUIViewを継承したStampクラスというのを作られていて、
それでスタンプを表示しているのだろうというくらいです。
肝心のStampクラスの内容が何も開示されていないので具体的なアドバイスはできませんが、
UIViewを継承して作っているのであれば、以下の記事を参考にして、transformプロパティを
操作すれば、回転,拡大縮小はできるだろうと思います。
色の変更については、transoformプロパティでは操作できませんが、
Stampクラスでどのように図形を描画しているか開示しないと何もアドバイスできません。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう!
- ただいまの回答率 88.13%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
質問への追記・修正、ベストアンサー選択の依頼
fuzzball
2017/01/23 10:31
コードは ``` で囲って下さい。