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

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

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

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個セット個性あふれるオーディオユニットを豊富にご用意。※取り付けには、別途..

Teva(テバ) M ARROWOOD SWIFT SLIP ON(メンズアローウッドスウィフトスリッポン) 1017171 ブラック/ホワイト

Teva(テバ) M ARROWOOD SWIFT SLIP ON(メンズアローウッドスウィフトスリッポン) 1017171 ブラック/ホワイト
10,800 円 (税込) 送料込
モダンアウトドアをコンセプトにデビューした「Arrowood Collection」の登場。まるで浮く(フロート)ような感覚になるほどの軽量アウトソール「フロートライト」を採用。驚くほどの軽さとクッション性・耐久性・耐摩耗性に加え、抜群のグリップ力を発揮し、アウトドアをはじ..

ACER エイサー 【エントリーでポイント最大37倍 マラソン期間限定】SF114-32-N14Q/P ノートパソコン Swift 1 サクラピンク [14.0型 /i..

ACER エイサー 【エントリーでポイント最大37倍 マラソン期間限定】SF114-32-N14Q/P ノートパソコン Swift 1 サクラピンク [14.0型 /i..
59,150 円 (税込) 送料込
持ち運びにも便利な薄型スリムモデル■手軽に持ち運べるコンパクトボディSwift 1は薄さ14.95mm、質量1.3kgの薄型・軽量設計。アルミニウム素材のボディは頑丈ながらスタイリッシュな仕上がりに。A4サイズとほぼ同じ大きさなので、カバンの中にも無理なく収まります。手軽に持..

[改訂新版]Swiftポケットリファレンス【電子書籍】[ WINGSプロジェクト 片渕彼富【著】 ]

[改訂新版]Swiftポケットリファレンス【電子書籍】[ WINGSプロジェクト 片渕彼富【著】 ]
3,110 円 (税込) 送料込
<p>Swift 4の登場に合わせて内容を刷新したポケットリファレンスの改訂版です。Swiftは2014年に誕生したばかりの若いプログラミング言語ということもあり,アップデートのたびに改良・改変される内容もまだ多くあります。そのようなSwiftを使いこなすうえで,困ったときに..

レイル スイフト スポーツ ZC32S リバースノブ レッド

レイル スイフト スポーツ ZC32S リバースノブ レッド
9,441 円 (税込) 送料込
メーカーレイルメーカーコードS78044RKR備考純正のリバース・ノブと交換するだけの簡単装着。アルミ削り出しでアルマイトを施し、車内をスポーティーに演出します。 ブルー・ゴールド・パープル・レッド・シルバーの5色設定。 アルミ削り出し & 樹脂重量 : 100g【年式】&n..

全品10倍&2000円クーポン♪4/22(月)20:00〜4/26(火)01:59オカムラ スイフト スタンディングデスク基本施工費込 手跡が付きにくいマ..

全品10倍&2000円クーポン♪4/22(月)20:00〜4/26(火)01:59オカムラ スイフト スタンディングデスク基本施工費込 手跡が付きにくいマ..
160,596 円 (税込) 送料込
評価 5
 寸法図 [幅] 1,400(1,350)mm [奥行き] 700(675)mm [高さ] 650-1,250mm

【送料無料】スズキ NEW SWIFT/2017 サイドバイザー ドアバイザー 外装パーツ ドレスアップ スモーク カー用品 車種専用 金具付き 4P ..

【送料無料】スズキ NEW SWIFT/2017 サイドバイザー ドアバイザー 外装パーツ ドレスアップ スモーク カー用品 車種専用 金具付き 4P ..
6,880 円 (税込) 送料込
ITEM INFORMATION  ドアバイザー サイドバイザー  車種:スズキ NEW SWIFT/2017 ZC13S/ZC83S/ZD83S/ZC53S/ZD53S H28.12〜 セット内容  4Pセット:フロント×2 リア×2 専用留め具 カラー  スモーク(透明感ある) 商品仕様 1.車種専用設計の為、社外品の中でも高いクオ..

asics アシックス バレーボールシューズ V-SWIFT FF LO ホワイト×ブラック TVR492 0190 メンズ レディース

asics アシックス バレーボールシューズ V-SWIFT FF LO ホワイト×ブラック TVR492 0190 メンズ レディース
10,260 円 (税込) 送料込
こちらの商品は アシックス(asics) バレーボールシューズ V-SWIFT FF LO ホワイト×ブラック TVR492 0190 【バレーボール シューズ メンズ レディース 軽量】 です。ミッドソールに軽量性・反発性のあるFlyteFoamを搭載。スピードを武器にする選手へ。クッション性との両立を..

アシックス asics V-SWIFT FF ブイスウィフト TVR492-0123 バレーボールシューズ ユニセックス メンズ レディース 18SS

アシックス asics V-SWIFT FF ブイスウィフト TVR492-0123 バレーボールシューズ ユニセックス メンズ レディース 18SS
10,500 円 (税込) 送料込
商品名:V-SWIFT FF アッパー:合成繊維+合成樹脂 アウターソール:ゴム底 インソール:取り替え式(ortholite) コメント:スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。

1 2 3 4 .. 100

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

SNSでもご購読できます。

Translate this page

カテゴリー

おススメのページ

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