画像を移動、回転、反転、拡大するために CGAffineTransform を使います。
Swift 3.0
Xcode 8.2.1
Xcode 8.2.1
CGAffineTransform
UIViewをアフィン・マトリクス変換を使って回転、拡大縮小、移動処理ができます。
- 回転：init(rotationAngle: CGFloat)
- CGAffineTransform(rotationAngle: CGFloat(angle))
- 拡大・縮小：init(scaleX: CGFloat, y: CGFloat)
- CGAffineTransform(scaleX: A, y: B)
- AあるいはBを負の値にすると反転になります
- 移動：init(translationX: CGFloat, y: CGFloat)
- CGAffineTransform(translationX: C, y: D)
サンプルコードは下のようになります。
Storyboard にボタンを配置して、ボタンを押すたびにメソッドを順番に実行するアプリです。
ViewController.swift
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
import UIKit class ViewController: UIViewController { @IBOutlet var imageView:UIImageView! @IBOutlet var label:UILabel! var transScale = CGAffineTransform() var transTrans = CGAffineTransform() var transRotate = CGAffineTransform() var transMiller = CGAffineTransform() var counter = 0 override func viewDidLoad() { super.viewDidLoad() // imageViewの初期化 initImageView() } func initImageView(){ // UIImage インスタンスの生成 let image:UIImage = UIImage(named:"sample")! // UIImageView 初期化 imageView.image = image // 画面の横幅を取得 let screenWidth:CGFloat = view.frame.size.width let screenHeight:CGFloat = view.frame.size.height // 画像の中心を画面の中心に設定 imageView.center = CGPoint(x:screenWidth/2, y:screenHeight/2) // UIImageViewのインスタンスをビューに追加 self.view.addSubview(imageView) } @IBAction func button(sender : AnyObject) { if(counter == 0){ // 画像を拡大 transScale = CGAffineTransform(scaleX: 2, y: 2) imageView.transform = transScale label.text = "Scale" } else if(counter == 1){ // 画像を反転 transMiller = CGAffineTransform(scaleX: -1.5, y: 1.5) imageView.transform = transMiller label.text = "Miller" } else if(counter == 2){ // 画像を35度回転 let angle = 35 * CGFloat.pi / 180 transRotate = CGAffineTransform(rotationAngle: CGFloat(angle)); imageView.transform = transRotate label.text = "Rotate" print("\(angle)") } else if(counter == 3){ // 画像を x=20，y=30 移動 transTrans = CGAffineTransform(translationX: 50, y: -30) imageView.transform = transTrans label.text = "Trans" } else if(counter == 4){ // Affineを合成する // 画像を反転と縦長に拡大 let trans1 = CGAffineTransform(scaleX: -1.5, y: 2.0) // 画像を移動 let trans2 = CGAffineTransform(translationX: -50, y: -30) // 2つのアフィンを組み合わせ let trans3 = trans1.concatenating(trans2); imageView.transform = trans3 label.text = "Combine" } counter += 1 } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } } |
関連ページ：
- 画像UIImageViewをSwiftコードで設定する
- ストーリーボードを使った画像 UIImageView の設定
- 画像の拡大縮小 (CGRect)
- CGAffineTransform：画像を回転、移動、反転
- アニメーション(パラパラマンガ)
- Image, Text の合成
- 画像をドラッグさせる
- UIImage の使い方