19
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

iOSアプリ開発:タイマーアプリ(まとめ)

スクリーンショット 2020-10-28 1.22.07.png

内容

タイマーアプリを作成するためのポイントを複数記事に分けて掲載していきます。タイマーだけで寂しいので、円形のプログレスバーやアラーム音の選択、アラーム/バイブレーションのオン・オフなども入れていきます。

タイマーアプリの主な機能

  • タイマーの時間を設定する
  • タイマーをカウントダウンさせる
  • スタート/ストップボタン、リセットボタンで操作する
  • タイマーが終了したらアラーム/バイブレーションを発動する
  • 設定画面でアラーム音やプログレスバーの表示をオン/オフできる
  • 設定画面からアラーム音を選択できる
  • プログレスバーで残り時間を視覚的に表示する
  • 視覚的に楽しいアニメーションが表示できる

環境

  • OS: macOS 10.15.7 (Catalina)
  • エディタ: Xcode 12.1
  • 言語: Swift
  • 主な使用ライブラリ: SwiftUI

手順

以下のリンクからそれぞれの詳細な手順を記載した記事が確認できます。

  1. iOSアプリ開発:タイマーアプリ(1.タイマーの時間設定)
  2. iOSアプリ開発:タイマーアプリ(2.タイマーの表示)
  3. iOSアプリ開発:タイマーアプリ(3.スタート/ストップボタン、リセットボタン)
  4. iOSアプリ開発:タイマーアプリ(4.カウントダウンの実装)
  5. iOSアプリ開発:タイマーアプリ(5.アラーム、バイブレーションの実装)
  6. iOSアプリ開発:タイマーアプリ(6.設定画面の作成)
  7. iOSアプリ開発:タイマーアプリ(7.アラーム音選択の実装)
  8. iOSアプリ開発:タイマーアプリ(8.プログレスバーの実装)
  9. iOSアプリ開発:タイマーアプリ(9.プログレスバーの色をカスタマイズする)
  10. iOSアプリ開発:タイマーアプリ(10.アニメーションを作成する)

Gitリポジトリ

以下のGitリポジトリのURLからサンプルコードをご覧いただけます。
https://github.com/msnsk/Qiita_Timer.git

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
19
Help us understand the problem. What are the problem?