LoginSignup
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@Mintnode

C# GUI をコードのみで作成（Windows10/11環境）

Posted at

ソースコードだけでGUIを作る(VisualStudio無し)

ちょっとC#をやってみようと思い立ってTo-Do-list を作ったのですが、

WEBでGUIを作成する方法を検索すると、VisualStudio を使用しますという情報が殆どで、コーディングだけで作るのに少々苦労しました。

素直に VisualStudio を使えよと思うかも知れませんが、頭の容量が足りない筆者にとっては新しいソフトを1つ学ぶのは正しい選択ではないのです。また、間にソフトを1つ挟むと余計な操作が増えてコーディングに集中出来ず、やたらと疲れたりします。

そんなこんなでどーしても新しいソフトを学びたくなかったので、コーディングだけでGUIを作成してみました。

ちなみに完成したToDoリストのコードはGithubにあります。

windows で c# を使って何か作るには、.CS 拡張子のファイルに記述すれば良いので、任意のファイル名.cs を好きな場所に作成してコーディングします。

そして、コンパイラは C:\Windows\Microsoft.NET\Framework\v4.0.30319\ など（vから始まるフォルダ）の中にある csc.exe を使います。

$profile 例：
C:\Windows\Microsoft.NET\Framework\v4.0.30319\csc.exe /optimize /target:winexe ソースファイル名.cs

ですが、これだと毎回長文になるので PowerShell のプロファイルに、

$profile 例：
function csc($name){
	$name = ".\" + $name + ".cs"
    C:\Windows\Microsoft.NET\Framework\v4.0.30319\csc.exe /optimize /target:winexe $name
	$name = $null
	[GC]::Collect()
}

などのファンクションを作成しておくと、

PowerShell
csc ソースファイル名

だけでコンパイルできる様になるのでお勧めです。

PowerShell のプロファイルについてはこちら

formsでGUIを作成

1.まずは、ザ・フォームから

myform1.png

デフォルトのフォームです。
python の tkinter なんかと比べると今っぽい感じはしますが、
基本的には、クラス作って、アイテム作って、コントロールに追加するだけで、あんまり面白味はありません。

form.cs
using System;
using System.Drawing;
using System.Windows.Forms;

namespace FormApp{

    // formクラスを作成
    public class MainForm:Form{
        public MainForm(){
        
            // formのサイズ、タイトル、開始位置を設定
            this.Size = new Size(400,190);
            this.Text = " MyForm";
            this.StartPosition = FormStartPosition.CenterScreen;
            this.Font = new Font("Meiryo UI",10,FontStyle.Regular);

            // マウスポイントを取得
            Point mousePoint = new Point();

            // ラベルの作成
            Label label = new Label();

            // テキストボックスの作成
            TextBox textBox = new TextBox();

            // ボタンの作成
            Button button = new Button();

            // ラベルのテキスト、位置、サイズなどを設定
            label.Text = "TextBox";
            label.TextAlign = ContentAlignment.TopLeft;
            label.ForeColor = Color.Black;
            label.Location = new Point(35,15);
            label.Size = new Size(60,15);

            // テキストボックスの位置、サイズ、背景色などを設定
            textBox.Multiline = true;
            textBox.Location = new Point(35,45);
            textBox.Size = new Size(310,80);
            textBox.ScrollBars = ScrollBars.Vertical;
            textBox.ForeColor = Color.Black;
            textBox.BackColor = Color.White;
            textBox.BorderStyle = BorderStyle.Fixed3D;

            // ボタンのテキスト、位置、サイズなどを設定
            button.Text = "Button";
            button.Location = new Point(120,10);
            button.Size = new Size(60,30);
            button.ForeColor = Color.Black;

            // ボタンの機能を追加（テキストボックスにHelloWorld!を表示させる）
            button.Click += delegate(object sender, EventArgs e){
                textBox.Text = "HelloWorld!";
            };

            // アイテムを全て追加
            this.Controls.Add(label);
            this.Controls.Add(textBox);
            this.Controls.Add(button);

            // GUIをマウスで移動出来るようにする
            this.MouseDown += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    mousePoint = new Point(e.X,e.Y);
                }
            };
            this.MouseMove += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    this.Left += e.X - mousePoint.X;
                    this.Top += e.Y - mousePoint.Y;
                }
            };
       }

        // メインvoid
        [STAThread]
        public static void Main(){
            Application.EnableVisualStyles();
            Application.Run(new MainForm());
        }
    }
}

2.カスタムすると

myform2.png

長くなるので簡単なところだけ載せます。

この時点ではあまり見た目が良くありませんが、かなり弄れるのでこちらは楽しいです。（筆者作成のToDoリストはこんな感じで進めました）

コレ↓↓　
ToDoList.png

ただ、拘るとあっという間に時間が経ってしまうので、アプリの機能実装を先に済ませた方が良いかも知れません。

form.cs
using System;
using System.Drawing;
using System.Windows.Forms;

namespace FormApp{
    public class MainForm:Form{
        public MainForm(){
            this.Size =new Size(400,190);

            // formを何もない状態にする
            this.FormBorderStyle = FormBorderStyle.None;

            // formのバックカラー、透明度を変更
            this.BackColor = Color.LightGray;
            this.Opacity = 0.90;
            
            this.StartPosition = FormStartPosition.CenterScreen;

            Point mousePoint = new Point();

            // フォントを代入
            Font font = new Font("Meiryo UI",10,FontStyle.Regular);

            // 標題部をラベルで作成
            Label title = new Label();
            
            Label label = new Label();

            Button button_min = new Button();
            Button button_close = new Button();
            Button button = new Button();

            TextBox textBox = new TextBox();

            // 標題部を1枚のラベルにする
            title.Text = " MyForm";
            title.Font = font;
            title.TextAlign = ContentAlignment.MiddleLeft;
            title.ForeColor = Color.White;
            title.BackColor = Color.FromArgb(56,60,159);
            title.Location = new Point(0,0);
            title.Size = new Size(400,30);

            label.Text = "TextBox";
            label.Font = font;
            label.TextAlign = ContentAlignment.TopLeft;
            label.ForeColor = Color.Black;
            label.Location = new Point(35,45);
            label.Size = new Size(60,15);

            // minボタンを自前で作成
            button_min.Text = "_";
            button_min.Font = font;
            button_min.FlatStyle =FlatStyle.Flat;
            button_min.FlatAppearance.BorderSize = 0;
            button_min.TextAlign = ContentAlignment.MiddleCenter;
            button_min.ForeColor = Color.White;
            button_min.Location = new Point(340,0);
            button_min.Size = new Size(30,30);
            button_min.Click += delegate(object sender,EventArgs e){
                this.WindowState = FormWindowState.Minimized;
            };

            // closeボタンを自前で作成
            button_close.Text = "×";
            button_close.Font = font;
            button_close.FlatStyle =FlatStyle.Flat;
            button_close.FlatAppearance.BorderSize = 0;
            button_close.TextAlign = ContentAlignment.MiddleCenter;
            button_close.ForeColor = Color.White;
            button_close.Location = new Point(370,0);
            button_close.Size = new Size(30,30);
            button_close.Click += delegate(object sender,EventArgs e){
                Close();
            };

            textBox.Multiline = true;
            textBox.Location = new Point(35,75);
            textBox.Size = new Size(325,80);
            textBox.ScrollBars = ScrollBars.Vertical;
            textBox.Font = font;
            textBox.ForeColor = Color.Black;
            textBox.BackColor = Color.White;
            textBox.BorderStyle = BorderStyle.Fixed3D;
            
            button.Text = "Button";
            button.Font = font;
            button.Location = new Point(120,40);
            button.Size = new Size(60,30);
            button.ForeColor = Color.Black;
            button.Click += delegate(object sender, EventArgs e){
                textBox.Text = "HelloWorld!";
            };

            // 標題部を追加
            this.Controls.Add(title);

            // 標題部にminとcloseのボタンを貼り付ける
            title.Controls.Add(button_min);
            title.Controls.Add(button_close);
            
            this.Controls.Add(label);
            this.Controls.Add(textBox);
            this.Controls.Add(button);

            this.MouseDown += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    mousePoint = new Point(e.X,e.Y);
                }
            };
            this.MouseMove += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    this.Left += e.X - mousePoint.X;
                    this.Top += e.Y - mousePoint.Y;
                }
            };

            // 標題部をクリックしてもウインドウを移動出来るようにする
            title.MouseDown += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    mousePoint = new Point(e.X,e.Y);
                }
            };
            title.MouseMove += delegate(object sender, MouseEventArgs e){
                if((e.Button & MouseButtons.Left) == MouseButtons.Left){
                    this.Left += e.X - mousePoint.X;
                    this.Top += e.Y - mousePoint.Y;
                }
            };            
       }

        [STAThread]
        public static void Main(){
            Application.EnableVisualStyles();
            Application.Run(new MainForm());
        }
    }
}

短い記事ですが、GUI作成のきっかけになればと思います。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?