プログラム初心者勉強会 7回目 -C# Windowsフォーム入門

#目次
1. 前回リンク
2. 次回リンク
3. やったこと
4. 配信時の録画
5. 今回学んだこと
6. タブページの配置と追加
7. バージョン情報の表示
8. ツールボックスから使用できるダイアログについて
9. 振り返り
10． 次回予告

#1. 前回リンク
https://qiita.com/Usyuuu-program-beginner/items/cc17e799bc0538902ffd

#2. 次回リンク
https://qiita.com/Usyuuu-program-beginner/items/7e3f3ada4750cb3adff5

#3. やったこと
下のサイトの 9. ダイアログ(1)、10 ダイアログ(2)を学習

#4. 配信時の録画
https://www.youtube.com/watch?v=jnIbkJRjs-0

#5. 今回学んだこと
ファイルの参照ボタンとかどういう風につくるのか、やっと学べてよかった。面白かったね

#6. タブページの配置と追加
デザイナー画面の「TabControl」から、タブページ2枚構成の画面を配置できます。

#6.1 タブページの増やし方 1：プロパティから増やす方法

画像の赤枠をクリックし、tabControlのプロパティを編集可能とする。
プロパティ画面の一番下に”タブの追加”、”タブの削除”
”ボタンがあり、これでページの追加、削除が可能

#6.2 tabページを右クリックし、「タブの追加」「タブの削除」を押す
右クリックして、画像赤枠をクリックでOK

#6.3 TabControlのTabPagesから追加、削除する
TabContorlのプロパティ内「TabPages」から追加、削除ができます。

TabPagesを開くと、以下の様に各ページのプロパティ設定と、ページの追加が出来る画面が開かれます。これが一番便利かもしれない。

#7. バージョン情報の表示
ここでは情報ボックスを用いたバージョン情報画面の作成方法を記載します

#7.1 情報ボックスの表示手順

　1. ソリューションエクスプローラのプロジェクト名を右クリックし、「追加(D)」→「Windowsフォーム(F)...」をクリック

2．AboutBox1.csというファイルが追加され、下画像の画面が表示される。これが情報ボックス

#7.2 情報ボックスの画像編集

　1. 情報ボックスのデザイン画面、画像枠右上の◁ボタンをクリックする
　2. PictureBoxタスクが表示されるので「イメージの選択...」をクリック
　3. 「リソースの選択」画面が表示されるので、「インポート(M)...」から表示させたい画像を選択

　4. 「OK」を押すと、選択した画像が表示される

「バージョン」とかのデフォルト文字は、プロパティから変更可能です。

#7.3 情報ボックスに表示するバージョン情報の編集
　1. プロジェクト名のプロパティ画面を開き、アプリケーションタブメニューの「アセンブリ情報(i)...」をクリックする。

2．以下の画面が表示されるので、それぞれの内容を更新する

　3. デバックでどんな画面になってるか確認する。ちゃんと内容更新されてますね

#8. ツールボックスから使用できるダイアログについて
ツールボックス内に「ダイアログ」があるのをご存じだろうか。これを使うと、カラーダイアログやファイルダイアログを簡単に使用できます。8.1章以降は各ダイアログの使用方法についてまとめます。

デザイン画面に各ダイアログを配置すると、画像の赤枠部分にダイアログ名が追加表示されます。

##8.1 カラーダイアログについて
ボタンのイベントハンドラに下記コードを記載すれば、ボタン押下後にカラーダイアログが表示され、選択した色が背景色になります。

カラーダイアログ表示ボタンのイベントハンドラ関数

private void ColorDiagButton_Click(object sender, EventArgs e)
{
     ColorDialog dialog = new ColorDialog()
     {
         // 現在のフォームの背景色をダイアログに渡す
         Color = this.BackColor
     };

     DialogResult result = dialog.ShowDialog();

     if (result == DialogResult.OK)
     {
         // ダイアログで選択された色をフォームの背景色に反映
         this.BackColor = dialog.Color;
     }
}

ボタンを押すと、上手右手のダイアログが表示される。
色を選択してOKを押すと、Form画面の背景色が選択色に変わる。

#8.2 フォルダダイアログについて
フォルダのPATH情報等を取得するダイアログが表示できる。
以下のコードでは、デザイン画面に配置したラベルに、フォルダダイアログ上で選択したフォルダPATHを表示するサンプルコード。

フォルダダイアログ表示ボタンのイベントハンドラ関数

private void FolderButton_Click(object sender, EventArgs e)
{
    FolderBrowserDialog dialog = new FolderBrowserDialog()
    {
        //この辺りは、フォルダダイアログのプロパティから編集可能 
        SelectedPath = label.Text,  // 選択されるフォルダの初期値
        RootFolder = Environment.SpecialFolder.Desktop,  // ルート
        Description = "フォルダを選択してください。",   // 説明文
    };

    DialogResult result = dialog.ShowDialog();

    if (result == DialogResult.OK)
    {
        // 選択されたフォルダのパスをラベルに表示
        label.Text = dialog.SelectedPath;
    }
}

##8.3 ファイルダイアログについて
これが今後一番使うであろうダイアログ。

###8.3.1 選択したファイルをFormの背景に設定
以下サンプルコードを使うことで、選択した画像が背景になるよ

　(背景設定）ファイルダイアログ表示ボタンのイベントハンドラ関数

private void SelectBackgroundButton_Click(object sender, EventArgs e)
{
    DialogResult result = openFileDialog1.ShowDialog();
    if(result == DialogResult.OK)
    {
        // 背景画像を取得
        System.IO.Stream stream = openFileDialog1.OpenFile();
        // 背景画像に上の画像を設定
        this.BackgroundImage = new Bitmap(stream);
        // ファイル名をタイトルバーに設定
        this.Text = openFileDialog1.SafeFileName;
    }
    else if(result == DialogResult.Cancel)
    {
        //Nothing
    }
}

ファイルダイアログで「背景.png」を選択

↓
背景が選択画像になったね！

###8.3.2 ファイル保存ボタンの作成
以下サンプルコードを使用すると、保存したテキストファイルに「GoodMorning！」が表示されてる

　(保存）ファイルダイアログ表示ボタンのイベントハンドラ関数

private void SaveFileButton_Click(object sender, EventArgs e)
{
    DialogResult result = saveFileDialog1.ShowDialog();
    if(result == DialogResult.OK)
    {
        File.WriteAllText(saveFileDialog1.FileName,"GoodMorning!");
    }
}

以下の様にText.txtを選択し、保存ボタンを押す

↓
「GoodMorning！」が表示されてる！！！

#9. 振り返り
業務に使えるところがいっぱい出てきてよかった。
次はメニューバーの編集もあるし、楽しみだね！

#10． 次回予告
次回はメニューバーの編集を学ぶよ。
第7回は11月21日(日）の夜8時から以下チャンネルで行います！

##ニコニコ配信先
https://com.nicovideo.jp/community/co3601066

##Twitch配信先
https://www.twitch.tv/programing_study_meeting

##Discordリンク
https://discord.gg/7rcqhMGpvA