###前提・実現したいこと
UIImageViewをY座標を軸にして回転させたい。

###発生している問題・エラーメッセージ
UIImageViewが回転の際に半分だけ表示になってしまう。
ちゃんと１回転しているのかわからない。

※半分というのは右半分、左半分しか表示されないということ。
※Imageviewは大きなImageviewの上に重なるようにして小さいImageviewを配置しています。小さいほうがアニメーションをするほうです。
###該当のソースコード

@IBOutlet weak var imageview: UIImageView!
var imageA = UIImage()

override func viewDidLoad() {
super.viewDidLoad()

    imageA = UIImage(named: "name")!
    imageview.image = imageA

}

override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)

    let rotateAnimation = CABasicAnimation(keyPath: "transform")
    rotateAnimation.duration = 0.5
    rotateAnimation.repeatCount = 1
    rotateAnimation.autoreverses = true
    rotateAnimation.isCumulative = true
    let transform = CATransform3DMakeRotation(CGFloat(M_PI), 0, 1.0, 0)
    rotateAnimation.toValue = NSValue(caTransform3D : transform)
    imageview.layer.add(rotateAnimation, forKey: nil)

}

###補足情報(言語/FW/ツール等のバージョンなど)
Swift3

fuzzball

2017/07/19 00:18

半分というのは裏側が表示されないということでしょうか？

shi_o

2017/07/19 02:15

表側も裏側も正方形のimageviewが左半分や右半分しか表示されないです。

fuzzball

2017/07/19 02:45

コードをコピペして試してみましたが正しく表示されました。画像もしくはStoryboardの設定などに問題があると思われますので、その辺りの情報を書いて下さい。

shi_o

2017/07/19 03:37 編集

UIView全体を覆うようにimageviewを配置して、その上にまた正方形のimageviewを配置しています。私もいろいろ調べましたがimageviewが重なっている状態の場合、アニメーションをするとimageviewが隠れてしまうらしいです。それが原因でしょうか？

行動規範の内容に同意します

回答3件

ベストアンサー

imageviewが重なっている状態の場合、アニメーションをするとimageviewが隠れてしまうらしいです

UIImageViewに限った話ではありません。
背面Viewが透明でない限り、前面Viewの後ろに回った部分は背面Viewに隠れてしまいますので、半分しか見えないという状況になっています。

解決方法1

CALayerのzPositionを使う。

swift
1imageview.layer.zPosition = imageview.frame.width/2

垂直になった時の奥行き（View幅の半分）だけ手前に移動させています。（移動量に関してあまり自信なし。うまくいっているようなので間違ってない？）

解決方法2

階層を分ける。

View
 |
 +-- 背面ImageView
       |
       +-- 前面ImageView

階層が違えば、回転させても隠れることはありません。
ただし、Storyboard上ではUIImageViewの上にViewを乗せることが出来ませんので、コードでaddSubviewして下さい。（無理やり乗せる方法もあるにはありますが‥）

投稿2017/07/19 04:38

fuzzball

総合スコア16731

shi_o

2017/07/19 12:29

ご回答ありがとうございます。 imageview.layer.zPosition = imageview.frame.width/2 を追記したら狙い通りアニメーションしました。ちなみにフェードインで表示され最初は早く回りだんだん遅くなって最後は止まるようにアニメーションするにはどうすればよろしいでしょうか？何度も申し訳ありませんがよろしくお願いいたします。

行動規範の内容に同意します