Visual Basicで視覚的に魅力的なロードバーを作成する方法

著者: Christy White
作成日: 3 5月 2021
更新日: 22 11月 2024
Anonim
Excelで円グラフを作成する方法
ビデオ: Excelで円グラフを作成する方法

コンテンツ

一部のアプリケーションは起動時に単純にロードされますが、他のアプリケーションはスタイルに従って実行されます。開始フォームにカスタムロードバーを追加することで、Visual Basicアプリケーションを目立たせることができます。 Visual Studioのツールボックスにはプログレスバーはありませんが、付属のコンポーネントを使用して作成することができます。いくつかのコントロールをフォームにドラッグし、色を調整し、プログラムを開いたときに挨拶する活気のあるバーを表示してユーザーに印象を与えます。


説明書

カラフルなプログレスバーはあなたのアプリユーザーを感動させることができます （水玉模様の画像/水玉模様/ゲッティイメージズ）

    フォームにコントロールを追加する

  1. Visual Studioを開き、いずれかのVisual Basic .NETプロジェクトをロードします。まだ開いていない場合は、プロジェクトファイルのリストを含む[ソリューションエクスプローラ]を開きます。

  2. 「ソリューションエクスプローラ」でプロジェクトの開始フォームのアイコンを見つけてダブルクリックします。 Visual Studioがデザインウィンドウを開き、フォームを表示します。

  3. ツールボックスを開き、その中にある "GroupBox"コントロールをドラッグして追加します。ツールボックスに戻って、同じ方法で "ProgressBar"コントロールを追加します。

  4. "ラベル"コントロールをフォームにドラッグします。それをクリックして、追加されたプログレスバーの上にドラッグします。ラベルとバーを左端に合わせます。

  5. ツールボックスに戻り、同じ方法でTimerコントロールをドラッグします。ツールボックスを閉じます。

    プログラミングロジックを追加する

  1. 追加したタイマーをクリックし、「F4」を押して「プロパティ」ウィンドウを開きます。ウィンドウの上部にある[イベント]アイコンをクリックしてイベントのリストを表示します。

  2. "Tick"イベントをダブルクリックします。 Visual Studioはコードウィンドウを開き、時計の目盛り付きで実行されるサブ "Timer1_Tick"を表示します。


  3. 次のコードをsubの本文に貼り付けます。

    loadingBarValue + =インクリメント

    loadingBarValue> 100の場合それからloadingBarValue = 100 Timer1.Stop（）GroupBox1.Visible = False

    ProgressBar1.Value = loadingBarValue

    最後の文は、プログレスバーの視覚的インジケータを "LoadBarValue"変数に格納されている値に移動させます。フォームのロード時にはゼロである変数の値は、変数 "increment"で定義された量だけ増加します。この値は1なので、「Load」サブルーチンを実行するたびに「LoadBarValue」の値が1ずつ増えます。バーが最大値（100）に達すると、タイマーは停止します。プログレスバーとラベルを含むグループボックスは自動的に消えます。

  4. 「F7」を押してテンプレートビューに戻り、フォームのタイトルバーをダブルクリックします。 Visual Studioはコードウィンドウを再度開き、フォームのサブ「ロード」を表示します。このサブに次のコードを貼り付けます。

    loadingBarValue = 0 Timer1.Interval = 200インクリメント= 1

    GroupBox1.Text = "" Label1.Text = "読み込み中" Label1.BackColor = Color.Transparent Label1.ForeColor = Color.Green

    Timer1.Start（）

    最初の文は、 "LoadingBarValue"をゼロに初期化します。 2番目の値は、クリックとクリックの間にタイマーが待機するミリ秒数を設定します。この例では、値は200になります。この数を増やすと、アニメーションが遅くなります。この例では値1を持つ変数 "increment"は、プログレスバーがタイマーの各ティックでどれだけ速く動くべきかを決定します。 "Loading"という単語を別の単語に変更できます。次の2行は前景色と背景色を制御します。それらを変更するか、「透明」と「緑色」のままにすることができます。最後の文はタイマーを開始します。


  5. コードウィンドウの一番上に移動して、 "Class"宣言を見つけます。その下に2つの文を貼り付けてください。

    薄暗いloadingBarValue薄暗い増分

    これは、上記の変数 "loadingBarValue"と "increment"を定義します。

  6. プロジェクトを実行するために、「F5」を押します。ロードバーのようなプログレスバーが表示されます。設定されたテキスト付きのラベルがバーの上に表示されます。アニメーションの緑色のバーがプログレスバーの最後まで左から右に移動します。これが起こると、バーとラベルは消えます。

どうやって

  • 「グループボックス」コントロールをドラッグして、フォーム内の任意の場所にバーとラベルを配置します。ラベルとプログレスバーが内部にあるので、それらは1つの単位として扱われ、配置が簡単になります。前景と背景の値を変更して、さまざまな色を試すこともできます。この例のデフォルトの緑色は、アプリケーションの読み込み中に表示されるアニメーションバーの色と一致するため、調和のとれた視覚効果が得られます。