Swift NSTimerを使ってカウントダウンタイマーアプリを作ってみましょう。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

Swiftを使ったプログラミングのお話です。

今回はNSTimerを使ってカウントダウンタイマーアプリをサクッと作ってみましょう。

 

カウントダウンタイマーを作成します

それでは早速始めましょう!

まずはxcodeで新しいプロジェクトを作ってみましょう。

基本的にアプリのプログラミングは Single View Application を使うのが良いでしょう。…ということで、Single View Application を選択します。

001

 

そしてプロジェクトの名称を付けますが、私は Timer という名称にしました。お好きな名前をつけて頂ければ良いでしょう。

002

 

準備ができたら早速 Main Story Board を開き、 Label を配置しましょう。テキストの装飾やレイアウトなどはお好きなように調整してみてくださいね。私は説明をわかりやすくするために画面の中央に大きな文字で配置しました。

003

 

次に配置したラベルと対応するViewControllerをoutlet接続します。丸が重なっているアイコンを選択し、Main Story Boardの横にViewControllerを表示したら、ラベルをクリックし、controlを押しながらドラッグします。ちなみに私はこの接続に timer と名付けました。

004

 

ここまでできたら次はViewControllerでの作業に移ります。

ViewController classに以下を追記します。ちなみに今回の例ではカウント100から0まで100秒間のカウントダウンを行います。

var timeCount = 100
var myTimer = NSTimer()
005

これで初期状態のセットとタイマーメソッドの定義ができました。

 

次にタイマーを動かすための関数を追記します。内容は以下の通りです。
func timerUpdate() {
timeCount -= 1
timer.text = “TIME: \(timeCount)”
if timeCount < 1 {
myTimer.invalidate()
}
}

006

この関数により、1秒経過ごとにカウント数を-1してラベルの表記を書き換えることになります。

ひとつ注目しておきたいのは、最後の部分で、if timeCount < 1 つまり、timeCountが1より小さくなった時点で myTimer.invalidate() つまりタイマーを強制停止させている点です。

これにより、カウントダウンがゼロで停止することになります。

 

最後に override func viewDidLoad() { 内に以下の記述を施します。
myTimer = NSTimer.scheduledTimerWithTimeInterval(1.0, target: self, selector: #selector(ViewController.timerUpdate), userInfo: nil, repeats: true)
007

この記述により、タイマーを1.0秒ごとに連続して動作させることになります。

 

アプリを動かしてみます

シミュレーターでアプリを動かしてみると…

simulator-screen-shot-2016-09-16-9-48-15

simulator-screen-shot-2016-09-16-9-49-52

タイマーが動作し、カウントゼロで停止しました。

この基本的な機能を使って色々と応用ができそうですね。

ぜひお試しあれ。

スポンサーリンク

1 2 3 4 .. 100

ACER エイサー SF114-32-N14Q/P ノートパソコン Swift 1 サクラピンク [14.0型 /intel Celeron /SSD:128GB /メモリ:4GB /2018年5月..

ACER エイサー SF114-32-N14Q/P ノートパソコン Swift 1 サクラピンク [14.0型 /intel Celeron /SSD:128GB /メモリ:4GB /2018年5月..
64,584 円 (税込) 送料込
持ち運びにも便利な薄型スリムモデル■手軽に持ち運べるコンパクトボディSwift 1は薄さ14.95mm、質量1.3kgの薄型・軽量設計。アルミニウム素材のボディは頑丈ながらスタイリッシュな仕上がりに。A4サイズとほぼ同じ大きさなので、カバンの中にも無理なく収まります。手軽に持..

詳細!Swift iPhoneアプリ開発 入門ノート iOS 12+Xcode 10対応 [ 大重美幸 ]

詳細!Swift iPhoneアプリ開発 入門ノート iOS 12+Xcode 10対応 [ 大重美幸 ]
3,456 円 (税込) 送料込
大重美幸 ソーテック社ショウサイ スイフト アイフォーンアプリカイハツ ニュウモンノート アイオーエス ジュウニ エックコードジュウ タイオウ オオシゲヨシユキ 発行年月:2018年11月02日 予約締切日:2018年09月26日 ページ数:656p サイズ:単行本 ISBN:9784800..

SWIFT!(1)【電子書籍】[ 松田未来 ]

SWIFT!(1)【電子書籍】[ 松田未来 ]
648 円 (税込) 送料込
<p>アメリカで実際に行われている飛行機レースを題材とした作品。半年前からツグオは同じ夢を何度も見るようになった。ありえないほど低空を猛スピードで飛行するレシプロ機の群れ。そんなある日ツグオの元に送られてきたエアメールには、アメリカ行きのチケットとともに..

SWIFT!(3)【電子書籍】[ 松田未来 ]

SWIFT!(3)【電子書籍】[ 松田未来 ]
648 円 (税込) 送料込
<p>チーム・スウィフトは次のリノに向け本格的な準備を始める…。時速800キロを超えるため主翼の改装をはじめとした、サイドワインダーの大改造計画がスタートした。しかし、その矢先にメインスポンサーから契約解除の報が…。効率を第一に考える担当者ホプキンスを動かした..

SWIFT!(2)【電子書籍】[ 松田未来 ]

SWIFT!(2)【電子書籍】[ 松田未来 ]
648 円 (税込) 送料込
<p>夢に出てくる黄金色の飛行機に導かれるようにアメリカ・リノの地へとたどり着いたツグオ。そこで彼は飛行機レースに命を賭ける人々と出会う。急死した彼の祖父もまたそんな人々の一人だった。祖父の残したチームを継ぐことを決めたツグオ。東京都の2倍もの延焼面積の森..

[改訂新版]Swift実践入門 ── 直感的な文法と安全性を兼ね備えた言語【電子書籍】[ 石川洋資 ]

[改訂新版]Swift実践入門 ── 直感的な文法と安全性を兼ね備えた言語【電子書籍】[ 石川洋資 ]
3,456 円 (税込) 送料込
<p><strong>(概要)</strong><br /> 本書は,Swiftの言語仕様と実践的な利用方法を解説した入門書です。改訂新版では,新バージョンのSwift 4に対応しました。<br /> Swiftは簡潔な言語ですが,その言語仕様を理解し,正しく使うことはけっして容易ではありませ..

詳解 Swift 第4版【電子書籍】[ 荻原 剛志 ]

詳解 Swift 第4版【電子書籍】[ 荻原 剛志 ]
3,456 円 (税込) 送料込
<p>もっとも詳しいSwift解説書「詳解Swift」 第4版 刊行!</p> <p>※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。</p> <p>アップ..

たった2日でマスターできるiPhoneアプリ開発集中講座 Xcode10 Swift4.2対応 [ 藤治仁 ]

たった2日でマスターできるiPhoneアプリ開発集中講座 Xcode10 Swift4.2対応 [ 藤治仁 ]
2,678 円 (税込) 送料込
Xcode10 Swift4.2対応 藤治仁 小林加奈子 ソシムタッタ フツカ デ マスター デキル アイフォーン アプリ カイハツ シュウチュウ フジ,ハルヒト コバヤシ,カナコ 発行年月:2018年11月 予約締切日:2018年09月20日 ページ数:423p サイズ:単行本 ISBN:9784802611879 藤治..

[ポイント最大31倍!エントリーでup &20%ポイントバック]【超軽量1kg切り!!WPS Office付きノートパソコン】Acer エイサー スタイリッ..

[ポイント最大31倍!エントリーでup &20%ポイントバック]【超軽量1kg切り!!WPS Office付きノートパソコン】Acer エイサー スタイリッ..
128,800 円 (税込) 送料込
評価 5
スペック 型番 SF514-52T-A58Y/BN JANコード 4515777552868 OS Windows 10 Home 64ビット 本体色 チャコールブルー プロセッサー インテル&#174; Core&#8482; i5-8250U プロセッサー 1.60 GHz (インテル&#174; ターボ・ブースト・テクノロジー 2.0 対応: 最大3.40GHz) プロ..

☆送料無料!☆ V-SWIFT FF (VスウィフトFF) TVR492-734 【ASICS】アシックス バレーボールシューズ

☆送料無料!☆ V-SWIFT FF (VスウィフトFF) TVR492-734 【ASICS】アシックス バレーボールシューズ
9,999 円 (税込) 送料込
評価 5
スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。 ■カラー:(734)

1 2 3 4 .. 100

楽天ウェブサービスセンター CS Shop
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

Translate this page

カテゴリー

おススメのページ

%d人のブロガーが「いいね」をつけました。