第5回 GUIプログラミング

// PROJECTNAME/MainForm.cs
// PROJECTNAMEの部分は dotnet new etoapp を実行したディレクトリ名．
//（-oや-nで陽に指定しなければ）下記のコードが含まれているプロジェクトの名前でもある．
using System;
using Eto.Forms;
using Eto.Drawing; 

namespace PROJECTNAME 
{
    // partialはMainFormの定義を分割可能にする．ここでは不要
    // publicは必要．コンパイル単位が異なるため．
    public partial class MainForm : Form 
    {
       public MainForm() 
       {
       // 作成される Form にいろいろなGUI部品を追加
       }
    }
}

// PROJECTNAME.BACKEND/Program.cs
// BACKENDの部分は（dotnet new etoappの際に陽に指定しなければ）MacかWpfかGTK
using System;
using Eto.Forms;

namespace PROJECTNAME.BACKEND
{
    class Program
    {
        [STAThread] // 属性．COMのスレッドモデルをsingle-threaded apartmentに指定する…らしい．
        // この public も必須ではない
        public static void Main(string[] args)           
        {
            // Macの場合
            new Application(Eto.Platforms.Mac64).Run(new MainForm());
            // Wpfの場合
            new Application(Eto.Platforms.Wpf).Run(new MainForm());
            // GTKの場合
            new Application(Eto.Platforms.Gtk).Run(new MainForm());
        }
    }
}

public MainForm() 
{
    Title = "Hello World"; 
    ClientSize = new Size(200, 200);

    // オブジェクト初期化子を利用
    Content = new Label() { Text = "Hello, World!" }; 
}

public MainForm() 
{
    Title = "Hello World"; 
    ClientSize = new Size(200, 200);

    Content = new Label() { Text = "Hello, World!" }; 

    // 「空」のメニューバーを追加する．
    // すると，Mac環境においてはMenuプロパティのsetterがいろいろなアイテムを追加してくれる．
    Menu = new MenuBar(); 
}

Content = new Label { Text = "Hello, World!" }; 

public MainForm() 
{
    Title = "StackLayout Example";
    ClientSize = new Size(200, 200);
    Menu = new MenuBar();

    StackLayout stackLayout = new StackLayout();

    // stackLayout自体と「中身」との間のスペース
    stackLayout.Padding = 10;

    // stackLayoutの各コンポーネント間のスペース
    stackLayout.Spacing =  5; 

    // コンポーネントの配置の方向を指定（Orientation.Horizontalなら横）．
    // デフォルトが縦なので，この文は実は不要
    stackLayout.Orientation = Orientation.Vertical; 

    // 横方向の配置位置．HorizontalAlignment.Stretchは左も右もいっぱいまで伸ばす．
    stackLayout.HorizontalContentAlignment = HorizontalAlignment.Stretch;

    stackLayout.Items.Add(new Label { Text = "Label．日本語も書けるよ！" });
    stackLayout.Items.Add(new Button { Text = "Button" });
    // 縦に伸べるTextArea．伸びないようにするには二つ目の引数をfalseにする．
    stackLayout.Items.Add(new StackLayoutItem(new TextArea { Text = "1\n22\n333" }, true)); 
    stackLayout.Items.Add(new TextBox { PlaceholderText = "なにか入力" });

    Content = stackLayout;
}

public MainForm()
{
    Title = "TableLayout Example";
    ClientSize = new Size(400, 400);
    Menu = new MenuBar();

    TableLayout tableLayout = new TableLayout();
    // 横と縦のパディングを指定（4引数バージョンもある）
    tableLayout.Padding = new Padding(10, 5);
    // tableLayoutのSpacingは横と縦の両方を指定
    tableLayout.Spacing = new Size(10, 5);
    tableLayout.Rows.Add(
        new TableRow(new Label { Text = "Apple" },
                     // 横方向に伸長するセル
                     new TableCell(new TextBox { }, true),
                     new Label { Text = "Banana" }));
    tableLayout.Rows.Add(
        new TableRow(new Label { Text = "Cabbage" },
                     new TextArea { },
                     // TableLayout.AutoSized は中の要素が伸長しないセルを作る（このセルは伸長する行に置かれている）
                     TableLayout.AutoSized(new DropDown { Items = { "Item 1", "Item 2", "Item 3" } }))
        // この行は伸長する							 
        { ScaleHeight = true });
    tableLayout.Rows.Add(
        new TableRow(new Label { Text = "Tuna" },
                     // null は伸長する何もないセル
                     null,
                     new Label { Text = "Bonito" }));

    // 以下をアンコメントしたらどうなる？
    // tableLayout.Rows.Add(null); // 伸長する何もない行の追加

    Content = tableLayout;
}

public MainForm()
{
    Title = "Combining Layout Example";
    ClientSize = new Size(600, 400);
    Menu = new MenuBar();

    StackLayout headerPart = new StackLayout();
    headerPart.Orientation = Orientation.Horizontal;
    headerPart.Spacing = 5;
    headerPart.Items.Add(new Button { Text = "戻る" });
    headerPart.Items.Add(new Button { Text = "進む" });
    headerPart.Items.Add(new Button { Text = "再読込" });
    headerPart.Items.Add(new StackLayoutItem(new TextBox { PlaceholderText = "アドレス" }, true));

    StackLayout mainPart = new StackLayout();
    mainPart.Spacing = 5;
    mainPart.Padding = 5;
    mainPart.HorizontalContentAlignment = HorizontalAlignment.Stretch;
    mainPart.Items.Add(headerPart);
    mainPart.Items.Add(new StackLayoutItem(new TextArea { Text = "本文用テキストエリア" }, true));
    mainPart.Items.Add(new Label { Text = "ステータスバー" });

    Content = mainPart;
}

public MainForm()
{
    Title = "Button Example";
    ClientSize = new Size(200, 100);
    Menu = new MenuBar();

    Button countButton = new Button { Text = "Count" };
    Label countLabel = new Label { Text = "0" };

    StackLayout stackLayout = new StackLayout();
    stackLayout.Padding = 5;
    stackLayout.HorizontalContentAlignment = HorizontalAlignment.Stretch;
    stackLayout.Items.Add(new StackLayoutItem(countLabel, true));
    stackLayout.Items.Add(countButton);

    Content = stackLayout;
}

// クリックされたときに YOUR_METHOD(イベント発生させたオブジェクト，EventArgs型のオブジェクト) が呼び出される
button.Click += YOUR_METHOD; 

// EventHandlerについては https://docs.microsoft.com/dotnet/api/system.eventhandler-1 参照
public event EventHandler<EventArgs> Click; 

int cnt = 0; 
// sとeは無名関数のパラメータ．型はオプショナル
countButton.Click += (s, e) => 
{
    // あたり前に感じるかもしれないが，無名関数の中身の部分では，
    // その外側で定義された変数にもアクセスできる．
    cnt++; 
    countLabel.Text = cnt.ToString(); 
};

public MainForm()
{
    Title = "Button Example";
    ClientSize = new Size(200, 100);
    Menu = new MenuBar();

    Button countButton = new Button { Text = "Count" };
    Label countLabel = new Label { Text = "0" };

    int cnt = 0;
    countButton.Click += (s, e) =>
    {
        cnt++;
        countLabel.Text = cnt.ToString();
    };

    StackLayout stackLayout = new StackLayout();
    stackLayout.Padding = 5;
    stackLayout.HorizontalContentAlignment = HorizontalAlignment.Stretch;
    stackLayout.Items.Add(new StackLayoutItem(countLabel, true));
    stackLayout.Items.Add(countButton);

    Content = stackLayout;
}