タイマーで0.01秒ごとに数字を1増やし、その数字をキーとして辞書から取り出した値をUILabelに表示するというアプリを作りました。が、ラベルにアニメーションをつけたところ、それも0.01秒ごとに実行されてしまい、ラベルが点滅したりしてしまいます。
override func viewDidLoad() {
super.viewDidLoad()
timer = Timer.scheduledTimer(timeInterval: 0.01, target: self, selector: #selector(labelUpdate), userInfo: nil, repeats: true)
}
func labelUpdate() {
testInt += 1
if let label = testDict[testInt] {
let anime = CATransition()
anime.type = kCATransitionMoveIn
anime.subtype = kCATransitionFromBottom
anime.duration = 0.2
testLabel.layer.add(anime, forKey: nil)
testLabel.text = label
}
}
辞書のキーは毎回異なるのでこのように、キーがnilでないときにラベルを更新という処理にしたのですが、nilのときにもanimeが実行されているようです・・・
変更するときのみ、アニメーションしてくれればそれでいいのですが・・・
追記
辞書は例えばvar testDict = [1: "りんご", 200:"バナナ", 470:"卵"]
のようなものです。
testIntは任意のタイミングでUIButtonでリセットします。
理想は上記の例で言えば"りんご"から"バナナ"に変更されるときに1度だけアニメーションするというものです。
今のままで実行すると、"りんご"や"バナナ"と表示されたUILabelが点滅したあとに突然指定したアニメーションをしたり、"りんご"という文字が点滅した文字の下にもう一つ現れてそこに点滅している文字に重なったりと、正しい動きではないと思われる動きになってしまいます。
さらに追記
再度、確認させてもらったところ、
点滅したり文字が重なったりということは起こらず、ただアニメーションに関するコードが全くないかのように普通に文字が入れ替わるという動作になってしまいました。
コード追加
var testDict = ["00:01": "りんご", "00:05":"バナナ", "00:07":"卵"]
func labelUpdate() {
let min = Int(player.currentPlaybackTime) / 60
let sec = Int(player.currentPlaybackTime.truncatingRemainder(dividingBy: 60))
timeKey = String(format: "%02d:%02d", min, sec)
//この部分が問題でした。大変申し訳ございません
if let label = testDict[timeKey] {
let anime = CATransition()
anime.type = kCATransitionMoveIn
anime.subtype = kCATransitionFromBottom
anime.duration = 0.2
testLabel.layer.add(anime, forKey: nil)
testLabel.text = label
}
}
timerを0.01秒ごとにしたのはmm:ssが実際の再生中の曲の再生時間と同期するためです。
currentPlaybackTimeが1秒増えるタイミングとtimerで更新しているmm:ssの値がずれてしまうとコンマ数秒単位でずれてしまうので・・・
しかしこのせいで、testDict[timeKey]がnilでないときの処理が0.01x100回実行されてしまうようです。
点滅するのは100回MoveInが実行されるため。
重なって表示されるのは次の秒数になった瞬間、testLabel.text = labelが保持されたまま0.2秒かけてアニメーションも実行されたためでした。
本当に申し訳ない話ですが、ここまで気がつきませんでした。
見た目では問題なかった(気がつかなかった)のですが、こうなるとtestLabel.text = labelも100回繰り返されていることになっていますよね・・・。
その場合、どうしたらいいのでしょうか。
今は辞書キーがnilじゃなかったら更新を1秒に100回繰り返していますが、
1度変わってしまえば残り99回は必要ありませんし、そうすればアニメーションも正常に機能すると思うのです・・・。
つまり、辞書キーがnilじゃないとき、1度のみUILabelの表示を更新してそのときアニメーションを実行、また別のキーと値が取り出せたらそれも一回のみUILabelの表示の更新とアニメーションという処理をしたいということでした。
testInt
が増えっぱなしでいつリセットするんだろうとか色々ツッコミどころがあるのですが、「変更するときのみ、testDict
に値が入っている」と言う状態を作れば、「変更するときのみ、アニメーション」と言う動作になると思うのですが。典型的な場合のtestDict
の中身と、その中身の時にどんな動作を期待しているのかご質問に追記していただけますでしょうか。(ご自身の質問に対しては「編集」リンクが有効になっているはずです。)ちなみにコードをよく読まないとiOS用のコードであることがわかりません。SwiftはiOSのほか、macOSやLinuxでのプログラミングにも使われていますので、タグでプラットフォームを示すようにお願いします。testDict
も)で、試してみたところ、viewDidLoad()
から0.01秒目に実行される"りんご"
のアニメーションが遅いマシンでカクつくことがあるだけで、ご記載のような動きにはなりませんでした。コードの問題ではなく、testDict
の問題で、中身がご質問内容のような状態にはなっていない可能性があると思うのですが、その点はチェックされましたでしょうか?testDict
にデータを入れた0.01秒後の"りんご", 2秒後の"バナナ", 4.7秒後の"卵"の3回アニメーションが実行された、と言うのがこちらで観察された内容です。