Winforms: 毎秒更新されるデジタル時計を作成する

Winforms: 毎秒更新されるデジタル時計を作成する

デジタル時計の作成は、Windows フォーム アプリケーションの作成方法を学習するときに実行できる簡単な演習です。

UI 要素をユーザー インターフェイスに追加する方法と、特定の値をユーザーに表示する方法を理解するのに役立ちます。

デジタル時計アプリケーションは、ラベルを使用して時刻を表示します。アプリの分離コード ファイル内の tick および load イベントを使用して、1 秒ごとに時間を更新できます。

デジタル時計の UI を作成する方法

アプリケーションの UI を作成するには、キャンバスにラベルを追加し、デジタル時計のようにデザインします。

  1. 新しい Windows フォーム アプリケーションを作成します。
  2. ツールボックスを使用して、ラベル UI 要素をキャンバスにドラッグします。
    Visual Studio ラベルをキャンバスにドラッグする
  3. ラベルをハイライトします。プロパティ ウィンドウを使用して、一部のプロパティを次の新しい値に変更します。フォームは次のようになります。
    プロパティ ウィンドウで強調表示されたラベル
  4. フォーム コントロールを強調表示します。プロパティ ウィンドウを使用して、サイズ プロパティを「500, 300」に変更します。
    プロパティ ウィンドウで強調表示されたフォーム

時計をリアルタイムで更新する方法

Windows フォーム アプリでイベントを使用して、クロック ラベルを毎秒更新できます。

  1. ツールボックスを使用して、タイマー UI 要素をキャンバスにドラッグします。
    Visual Studio タイマーをキャンバスにドラッグ
  2. タイマー UI 要素には、毎秒発生する「Tick」イベントがあり、時計の時を刻むことを表します。タイマー UI 要素を強調表示し、プロパティ ウィンドウで 稲妻アイコンをクリックします。
    タイマーが強調表示され、イベントのライトニング タブが表示されます
  3. Tickイベントをダブルクリックします。これにより、毎秒実行される新しい関数が生成されます。
    イベント ウィンドウに Tick イベントを表示する Visual Studio
  4. 新しい関数内で、現在のシステムの日付と時刻を取得します。ラベルのテキストを更新して、その秒の新しい日付と時刻を表示します。 private void timer1_Tick(object sender, EventArgs e)
    {
        clock.Text = DateTime.Now.ToString("hh:mm:ss tt");
    }
  5. tick イベントを機能させるには、まずタイマーを開始する必要があります。ウィンドウの上部にあるForm1.cs [デザイン]タブを クリックして、キャンバス ビューに戻ります。
    Visual Studio のキャンバス タブを含むタブ ウィンドウ
  6. フォーム コントロールを強調表示します。プロパティ ウィンドウで、稲妻アイコンをクリックしてイベント リストを開きます。
    イベント ウィンドウを開いた状態でキャンバス上で強調表示されたフォーム
  7. Loadイベントをダブルクリックして、新しい関数を生成します。この関数は、アプリケーションを起動してフォームが読み込まれると実行されます。
    イベントウィンドウで選択されたフォームオンロードイベント
  8. ロード関数で、クロック タイマーを開始します。 private void Form1_Load(object sender, EventArgs e)
    {
        timer1.Start();
    }

アプリケーションを実行してデジタル時計を表示する方法

アプリケーションを実行すると、デジタル時計を表示できます。

  1. Visual Studio ウィンドウの上部にある緑色の再生ボタンをクリックします。
    Visual Studio の緑色の再生ボタン
  2. アプリケーションがロードされるまで待ちます。実行が開始されると、デジタル時計を表示できるようになります。
    デジタル時計アプリケーションを実行している Visual Studio

Windows フォームを使用した単純なアプリケーションの作成

デジタル時計やアラームを作成することは、知識を広げ、簡単なアプリケーションの作成方法を学ぶのに最適な方法です。学習したい他の技術スタックで同じタイプの時計を構築してみることができます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です