質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Objective-C

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

iOS 9

iOS 9は、アップル社のモバイルOSであるiOSシリーズのバージョン。特徴として検索機能の強化、Siriの機能改良、iPad向けマルチタスクなどがあります。マルチウィンドウ機能をサポートし、iPad向けマルチタスクもサポートされています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

2回答

2157閲覧

【iOS】【アニメーション】tableViewCellが表示されるときにcell内のviewをスムーズにアニメーションさせられません

yamatora

総合スコア17

Objective-C

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

iOS 9

iOS 9は、アップル社のモバイルOSであるiOSシリーズのバージョン。特徴として検索機能の強化、Siriの機能改良、iPad向けマルチタスクなどがあります。マルチウィンドウ機能をサポートし、iPad向けマルチタスクもサポートされています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

0クリップ

投稿2016/03/08 22:05

tableViewCellがcellForRowAtIndexPathでセットされたときに、cell内のviewをアニメーションさせようと思っています。

しかし、viewの幅を徐々に大きくさせるはずが、カクッと急激に大きくなってしまい、うまくアニメーションさせられません。(cellと内部のviewは表示されます)
ひょっとするとautolayoutが原因かもしれませんが調べてもよく分かりませんでした

ネットで調べていたところcell内でアニメーションさせるもので下記の記事を見つけ、参考にしました。
http://hachinobu.hateblo.jp/entry/2015/03/17/004247

cellが表示されると同時にcell内のviewをスムーズにアニメーションさせたいのですが、どなたかご教授いただけないでしょうか

環境:xcode 7.2.1
実装内容

swift

1func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath:NSIndexPath) -> UITableViewCell { 2 3 cellIdentifier = "cellId" 4 let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifier, forIndexPath: indexPath) 5 if let cell = cell as? DetailCell { 6 let delay = 0.3 * Double(NSEC_PER_SEC) 7 let time = dispatch_time(DISPATCH_TIME_NOW, Int64(delay)) 8 dispatch_after(time, dispatch_get_main_queue(), { 9 cell.targetView.layoutIfNeeded() 10 //AutoLayOutのwidthの長さが200になるようにアニメーションさせる(初期値は0) 11 12 cell.targetViewWidthConstraint.constant = 200 13 UIView.animateWithDuration( 14 5.0, 15 delay:0.1, 16 options:UIViewAnimationOptions.CurveEaseOut, 17 animations: {() -> Void in 18 cell.targetView.layoutIfNeeded 19 }, 20 completion: nil 21 ) 22 }) 23 } 24 return cell 25}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

widthを明示するとアニメーションするようになりました
autolayoutの設定方法によるところもあるかもしれません

dispatch_after(time, dispatch_get_main_queue(), {
cell.targetView.layoutIfNeeded()
cell.targetView.frame.size.width = 0
UIView.animateWithDuration(
1.0,
delay:0.1,
options:UIViewAnimationOptions.CurveEaseOut,
animations: {() -> Void in
cell.targetView.frame.size.width = 150
cell.targetViewWidthConstraint.constant = 150
cell.targetView.layoutIfNeeded()
},
completion: nil
)
})

投稿2016/03/12 02:34

編集2016/03/12 02:35
yamatora

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

まんまコピーして(ちょこっと修正して)動かしてみましたがスムーズにアニメーションしました。
原因はここに書かれていないコードにあると思いますので、その他の情報を出して下さい。

修正箇所

  • cellIdentifier = "cellId"let cellIdentifier = "cellId"
  • cell.targetView.layoutIfNeededcell.targetView.layoutIfNeeded()

投稿2016/03/09 00:52

fuzzball

総合スコア16731

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問