Eto.FormsでWebブラウザ

Eto.FormsはWebViewクラスでWebブラウザの利用が可能です。

では、さっそく簡単なサンプルを。こんな感じです。

f:id:mokake:20170107185002p:plain

では、例によっていつものセッティングです。

using System;
using Eto.Forms;
using Eto.Drawing;

namespace EtoSample08
{
    public class MainForm : Form
    {
        private TextBox urlText = new TextBox {
            PlaceholderText = "URL here..." };
        private WebView browser = new WebView { };

        public MainForm()
        {
            Title = "Eto Browser";
            ClientSize = new Size(600, 300);

            urlText.KeyUp += (s, e) => {
                if (e.KeyData == Keys.Enter)
                {
                    browser.Url = new Uri(urlText.Text);
                }
            };

            Content = new StackLayout
            {
                Padding = 10,
                HorizontalContentAlignment =
                    HorizontalAlignment.Stretch,
                Items =
                {
                    urlText,
                    new StackLayoutItem(browser,true),
                },
            };

            var actionCommand = new Command
            {
                MenuText = "Change",
                ToolBarText = "Change",
                Enabled = false
            };
            var script = "document.getElementById('test').innerHTML='[CLICKED]';";
            actionCommand.Executed += (s, e) =>
                browser.ExecuteScript(script);

            var quitCommand = new Command { MenuText = "Quit" };
            quitCommand.Executed += (sender, e) => 
                Application.Instance.Quit();

            Menu = new MenuBar
            {
                Items =
                {
                    new ButtonMenuItem {
                        Text = "&File",
                        Items = { actionCommand }
                    },
                },
                ApplicationItems =
                {
                    new ButtonMenuItem {
                        Text = "&Preferences..."
                    },
                },
                QuitItem = quitCommand,
            };

            ToolBar = new ToolBar { Items = { actionCommand } };

            browser.DocumentLoaded += (s, e) => 
                actionCommand.Enabled = true;

            var html = "<!DOCTYPE html><title>Hello!</title>"
                + "<p>User Agent:<script>document.write(window.navigator.userAgent)</script></p>"
                + "<p>日本語テスト</p>"
                + "<p id='test'>test2</p>";
            browser.LoadHtml(html);
        }
    }
}