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

スイフト ドアステップ傷防止シート

スイフト ドアステップ傷防止シート
7,128 円 (税込)
■スイフトZC83・53・13、ZD83・53・33専用 ドアステップ傷防止シート フロント・リア4枚セット ■足の当たるドアステップ部分へ貼り込みする傷防止のカーボンシートです。 ■ロゴ、AQUA STYLEロゴ、ロゴ無しが選べます。 ■ロゴのカラーはレッド、ブルー、ホワイト、オレン..

【公式】アディダス adidas TERREX SWIFT R2 MID GTX メンズ AC7771 テレックス(アウトドア) シューズ 合成繊維 合成皮革 ゴム底

【公式】アディダス adidas TERREX SWIFT R2 MID GTX メンズ AC7771 テレックス(アウトドア) シューズ 合成繊維 合成皮革 ゴム底
12,096 円 (税込) 送料込
※あくまで目安であり注文状況により異なります。(営業日のみ当日発送となります。休業日は対象外となりますため予めご了承ください)※配送日指定は「5日後」から指定可能です。最短での商品到着をご希望のお客様は、配送日は指定せずにご注文下さい。商品の特徴さまざまな..

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

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

詳細!Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応【電子書籍】[ 大重美幸 ]

詳細!Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応【電子書籍】[ 大重美幸 ]
3,542 円 (税込) 送料込
<p><strong>※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。<br/>また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。<br/>お使いの端末で無料サンプルをお試しい..

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

☆送料無料!☆ V-SWIFT FF (VスウィフトFF) TVR492-0123 【ASICS】アシックス バレーボールシューズ
10,800 円 (税込) 送料込
スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。 ■カラー:(0123)ホワイト×クラシックレッド他のカラーはこちら↓ ミッドカットモデルはこちら↓

SUZUKI スズキ 純正 SWIFT スイフト ツイーター [2016.12〜仕様変更][ 99191-54P00 ]

SUZUKI スズキ 純正 SWIFT スイフト ツイーター [2016.12〜仕様変更][ 99191-54P00 ]
5,432 円 (税込)
INFORMATION 対応車種【 SUZUKI スズキ / SWIFT スイフト 】対応年式【2016.12〜仕様変更】カタログ型番【ZC13S/ZC53S/ZD53S/ZC83S/ZD83S】純正品番【99191-54P00】ツイーター ※image photo左右2個セット個性あふれるオーディオユニットを豊富にご用意。※取り付けには、別途..

REPUTATION【輸入盤】▼/TAYLOR SWIFT[CD]【返品種別A】

REPUTATION【輸入盤】▼/TAYLOR SWIFT[CD]【返品種別A】
2,246 円 (税込)
評価 5
品 番:300-3310発売日:2017年11月10日発売出荷目安:5〜10日□「返品種別」について詳しくはこちら□品 番:300-3310発売日:2017年11月10日発売出荷目安:5〜10日□「返品種別」について詳しくはこちら□CDポップス発売元:輸入盤※海外メーカー都合により、商品内容が急遽..

【公式】アディダス adidas スウィフト [SWIFT RUN PK] レディース メンズ CQ2896 シューズ 合成繊維 ゴム底

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

アシックス(ASICS) V-SWIFT FF MT TVR491.0601 (Men's、Lady's)

アシックス(ASICS) V-SWIFT FF MT TVR491.0601 (Men's、Lady's)
9,990 円 (税込)
●スピードを追求する選手へ。クッション性との両立を追求した軽量モデル。【2018年春夏モデル】【2018ssmodel】【アシックス】【ASICS】【SLSL】●素材:【アッパー】合成繊維/合成樹脂 【アウトソール】ゴム底●ベトナム●インナーソール:取り替え式(ortholite)※シューズの製造..

ブレーキパッド D9029M 社外品 左右セット スイフト ムーヴ bB エブリィプラス 等【あす楽】【配送種別:B】

ブレーキパッド D9029M 社外品 左右セット スイフト ムーヴ bB エブリィプラス 等【あす楽】【配送種別:B】
1,350 円 (税込)
評価 4.28
当商品はメーカー純正品ではなく社外品です。 ブレーキパッド シム付 前輪 フロント用 社外品 【純正品番】 04465-97402 04465-B1150 04465-B1170 04491-97402 04465-B1170 04491-97207 04491-97216 04491-97402 55810-60J12 55810-76A00 55810-76A01 500810-76A02 500810-8..

1 2 3 4 .. 100

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

SNSでもご購読できます。

Translate this page

おススメのページ

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