sciter

sciter – HTML/CSS UI Engine

Embeddable HTML/CSS/script engine
for modern UI development

CefSharpやElectronみたいな感じ。
ただし、Chromiumを使用しているわけではなくデスクトップアプリに特化したエンジンを使用している。

コア部分がOSSではないのがちょっと残念。
各言語向けのSDKはGitHub上で公開されている。
SDK bindings / sciter

特徴

クロスプラットフォーム

WindowsでもLinuxでもMacでも動く。

多言語対応

C APIを利用して任意の言語で書ける。（C++/Delphi/D/Go/C#...）

HTML/CSS/script

HTML、CSS、javascript知ってればかけるよ！
ただし、HTML5、CSS3に完全に対応しているわけではない。
scriptもjsライクなTIScriptというものを使う。
（あくまでデスクトップアプリのUIエンジンなので必要が無いということだろう）

その他

ICQのクライアントやNortonやAvastなどのUIに採用されている。（なぜかセキュリティソフト系に強いみたい）

ライセンス

静的リンクするにはお金が必要。
Licensing & prices / sciter

無料ライセンス

公開されているバイナリを自己責任で使う分には商用でも無料みたい。（詳しいライセンスについてはSDKに含まれるライセンスファイルを参照）

その他、詳しいことは公式サイト参照のこと。

SciterSharp

midiway/SciterSharp: Port of Sciter headers for the C# language

Cross-platform Sciter bindings for .NET
This library provides bindings of Sciter C/C++ headers to the C# language. Sciter is a multi-platform HTML engine. With this library you can create C#.NET desktop application using not just HTML, but all the features of Sciter: CSS3, SVG, scripintg, AJAX,... Sciter is free for commercial use.

こいつがSciterとC#(.NET)をつなぐ。
ライセンスはGNU GPL v3。

動かしてみよう

環境

Windows10
VisualStudio 2015
Ubuntu 14.04

準備

以下のサイトでテンプレートをダウンロード
Sciter Bootstrap · MI Software

Windows 32-64bits and MONO/GTK 64bits / Visual Studio or MonoDevelop >= 5.10 / C#を選択
Multi-platform templateを選択
プロジェクト名を入力
ダウンロード

コードを見てみる

zipファイルを解凍
VS2105でソリューションを開いてみる

Windows/GTK

初期化処理とアイコンの扱いが違うくらいかな。

Program.cs

static void Main(string[] args)
{
#if WINDOWS
    // Sciter needs this for drag'n'drop support; STAThread is required for OleInitialize succeess
    int oleres = PInvokeWindows.OleInitialize(IntPtr.Zero);
    Debug.Assert(oleres == 0);
#endif
#if GTKMONO
    PInvokeGTK.gtk_init(IntPtr.Zero, IntPtr.Zero);
#endif


    // Create the window
    /*
        NOTE:
        In Linux, if you are getting a System.TypeInitializationException below, it is because you don't have 'libsciter-gtk-64.so' in your LD_LIBRARY_PATH.
        Run 'sudo bash install-libsciter.sh' contained in this package to install it in your system.
    */
    var wnd = new SciterWindow();
    wnd.CreateMainWindow(1500, 800);
    wnd.CenterTopLevelWindow();
    wnd.Title = "Sciter Bootstrap";
#if WINDOWS
    wnd.Icon = Properties.Resources.IconMain;
#endif

    // Prepares SciterHost and then load the page
    var host = new Host();
    host.SetupWindow(wnd);
    host.AttachEvh(new HostEvh());
    host.SetupPage("index.html");

    // Show window and Run message loop
    wnd.Show();
    PInvokeUtils.RunMsgLoop();
}

Debug/Release

デバッグ時はリソース（htmlファイル等）を直接読み込み、リリース時はコンパイルの段階でリソースをバイト配列として静的な変数に格納し、実行時に呼び出している。

Host.cs

...
public BaseHost()
{
#if !DEBUG
    _archive.Open(SciterSharpAppResource.ArchiveResource.resources);
#endif
}

public void SetupWindow(SciterWindow wnd)
{
    _wnd = wnd;
    SetupCallback(wnd._hwnd);
}

public void SetupPage(string page_from_res_folder)
{
#if DEBUG
    string path = Environment.CurrentDirectory + "/../../res/" + page_from_res_folder;
    Debug.Assert(File.Exists(path));
    path = path.Replace('\\', '/');

    string url = "file:///" + path;
#else
    string url = "archive://app/" + page_from_res_folder;
#endif

    bool res = _wnd.LoadPage(url);
    Debug.Assert(res);
}
...

動かしてみる

Host_HelloWorldメソッドの戻り値をh1に、Sciterのバジョン情報をh2に出力している

HTML

index.html

<html>
<head>
    <style>
        h1 { color: blue; font-size: 30px; }
    </style>

    <script type="text/tiscript">
        $(h1).text = view.Host_HelloWorld();

        var version_major = Sciter.VERSION >> 16;
        var version_minor = Sciter.VERSION & 0xFFFF;
        var revision_major = Sciter.REVISION >> 16;
        var revision_minor = Sciter.REVISION & 0xFFFF;
        $(h2).text = "Sciter version: " + String.printf("%x.%x.%x.%x", version_major, version_minor, revision_major, revision_minor);
    </script>
</head>

<body>
    <h1 />
    <h2 />
</body>
</html>

C#