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

本気ではじめるiPhoneアプリ作り Xcode 9.x+Swift 4.x対応 [ 西 磨翁 ]

本気ではじめるiPhoneアプリ作り Xcode 9.x+Swift 4.x対応 [ 西 磨翁 ]
2,970 円 (税込) 送料込
西 磨翁 SBクリエイティブiOSアプリ開発 ヤフー黒帯 ヤフー黒帯エンジニア iOS Xcode Swift ホンキデハジメルアイフォーンアプリヅクリエックスコードナインエックスプラススウィフトフォーエックスタイオウ ニシ マオ 発行年月:2017年12月15日 予約締切日:2017年11月28日..

作って学ぶ iPhoneアプリの教科書 【Swift4&Xcode 9対応】【電子書籍】[ 森 巧尚 ]

作って学ぶ iPhoneアプリの教科書 【Swift4&Xcode 9対応】【電子書籍】[ 森 巧尚 ]
3,110 円 (税込) 送料込
<p>**※この商品は固定レイアウト型の電子書籍です。 </p> <p>※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 </p> <p>※お使いの端末で無料サ..

SF113-31-A14Q/S エイサー 13.3型 ノートパソコン Swift 1 ピュアシルバー (KINGSOFT Office 2013 Standard)

SF113-31-A14Q/S エイサー 13.3型 ノートパソコン Swift 1 ピュアシルバー (KINGSOFT Office 2013 Standard)
44,800 円 (税込) 送料込
【返品種別A】□「返品種別」について詳しくはこちら□2017年08月 発売メーカー保証期間 1年※ 画像はイメージです。※ 実際の製品のキーボードは「日本語仕様」になります。搭載OS : Windows 10 Home 64 ビットディスプレイ : 13.3型 フルHD IPS液晶(ノングレア)CPU : イ..

本気ではじめるiPhoneアプリ作り Xcode 9.x+Swift 4.x対応【電子書籍】[ 西 磨翁 ]

本気ではじめるiPhoneアプリ作り Xcode 9.x+Swift 4.x対応【電子書籍】[ 西 磨翁 ]
2,970 円 (税込) 送料込
<p>開発の基本の「技」をしっかり丁寧に解説</p> <p>※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。</p> <p>ヤフーのアプリ開発の..

スズキ 新型 スイフト ZC系 ZD系 サイドプロテクトマット (クロス)

スズキ 新型 スイフト ZC系 ZD系 サイドプロテクトマット (クロス)
2,980 円 (税込) 送料込
◆対応車種:スズキ スイフト 全グレード対応! ※スイフトスポーツにも対応! ◆エンジン種類:ターボ車 ・対応型式:ZC13S・ZC33S ・駆動方式:( 6AT・6MT / FF ) ◆エンジン種類:ガソリン車 ・対応型式:ZC83S・ZD83S ・駆動方式:( CVT・5MT / FF・フルタイム4..

Swift4プログラミング入門 iOS11+Xcode9対応 [ 飛岡辰哉 ]

Swift4プログラミング入門 iOS11+Xcode9対応 [ 飛岡辰哉 ]
3,564 円 (税込) 送料込
評価 3
iOS11+Xcode9対応 飛岡辰哉 ソシムスイフト フォー プログラミング ニュウモン トビオカ,タツヤ 発行年月:2018年04月 予約締切日:2018年01月11日 ページ数:800p サイズ:単行本 ISBN:9784802611534 飛岡辰哉(トビオカタツヤ) ソフトウェアエンジニア。iOSアプリの開..

全品送料無料中! 8/16 17:00〜8/21 16:59 【公式】アディダス adidas SWIFT RUN PK レディース メンズ CQ2893 シューズ 合成繊維 ゴム底

全品送料無料中! 8/16 17:00〜8/21 16:59 【公式】アディダス adidas SWIFT RUN PK レディース メンズ CQ2893 シューズ 合成繊維 ゴム底
4,860 円 (税込)
※あくまで目安であり注文状況により異なります。(営業日のみ当日発送となります。休業日は対象外となりますため予めご了承ください)※配送日指定は「5日後」から指定可能です。最短での商品到着をご希望のお客様は、配送日は指定せずにご注文下さい。商品の特徴アディダス..

【あす楽】アシックス asics V-SWIFT FF MT ブイスウィフト バレーボールシューズ ミドルカット メンズ・ユニセックス TVR491-0601 S18..

【あす楽】アシックス asics V-SWIFT FF MT ブイスウィフト バレーボールシューズ ミドルカット メンズ・ユニセックス TVR491-0601 S18..
9,991 円 (税込) 送料込
ミッドソールに軽量性・反発性のあるFlyteFoamを搭載。スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。コート競技専用ラストで足幅ゆったりめの設計。ミッドカットモデル品番TVR491-0601商品名V-SWIFT FF MTカラー0601:フラッシュコーラル×ホワイ..

【中古】 スピーク・ナウ−デラックス・エディション /テイラー・スウィフト 【中古】afb

【中古】 スピーク・ナウ−デラックス・エディション /テイラー・スウィフト 【中古】afb
598 円 (税込)
評価 5
テイラー・スウィフト販売会社/発売会社:ユニバーサルミュージック インターナショナル(ユニバーサルミュージック)発売年月日:2010/11/10JAN:4988005637932グラミー賞最高賞である“アルバム・オブ・ザ・イヤー”を受賞したアルバム『フィアレス』に続く、現在のテイラー..

スイフト ルームランプ LEDルームランプスズキ純正部品スイフトzc71sオプションスイフトzc11sアクセサリースイフトスポーツ室内灯LEDラ..

スイフト ルームランプ LEDルームランプスズキ純正部品スイフトzc71sオプションスイフトzc11sアクセサリースイフトスポーツ室内灯LEDラ..
3,480 円 (税込) 送料込
評価 4.33
商品説明 スイフト ルームランプ 和歌山県知事から一社一元気技術という賞を受賞した 当店オリジナルLEDルームランプ!当店で 現車 を確認したLEDだから安心して取付可能。 室内が明るくなるから夜間で車内の作業がとてもしやすいですね。 白色の明るいLEDが特徴!スイフト..

1 2 3 4 .. 100

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

SNSでもご購読できます。

Translate this page

おススメのページ

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