機能：

• クロスプラットフォーム-Windows、Linux、Mac OSXでサポートされています。 他のプラットフォームへの移植の容易さ
• Dで記述-拡張可能
• レイアウトを使用してUI要素を配置する
• 画面解像度に応じたアプリケーションのフォントとアイコンのスケーリング
• Unicodeサポート
• 国際化-UIを複数の言語に翻訳するためのサポート
• OpenGLによるハードウェアアクセラレーション（オプション）
• OpenGLシーンの上にウィジェットを描画する機能（たとえば、ゲームのUI用）
• 小さい実行可能ファイルサイズ
• インターフェイスの外観はテーマを使用して設定されます（2つの標準テーマ-明るい部分と暗い部分）
• 実行可能ファイルへのリソースの埋め込み
• Boost License 1.0の下でライセンスされたオープンソース

さらにいくつかのスクリーンショット

DlangUIデモ-例1

DlangUIデモ-テトリス

なぜ別のGUIライブラリが必要なのですか？

Hello、Worldを始めよう

{ "name": "helloworld", "targetPath": "bin", "targetName": "helloworld", "targetType": "executable", "dependencies": { "dlangui": "~master", } } 

 module app; //   dlangui import dlangui; //   main  WinMain    mixin APP_ENTRY_POINT; //     DlangUI -   main    extern (C) int UIAppMain(string[] args) { //   Window window = Platform.instance.createWindow("DlangUI example - HelloWorld", null); //          window.mainWidget = (new Button()).text("Hello, world!"d).margins(Rect(20,20,20,20)); //   window.show(); //   return Platform.instance.enterMessageLoop(); } 

 dub init helloworld 

 { "name": "helloworld", "description": "A minimal D application.", "copyright": "Copyright © 2015, username", "authors": ["username"], "dependencies": { } } 

  "dependencies": { "dlangui": "~master", } 

 dub run 

 dub fetch dlangui dub run dlangui:example1 dub run dlangui:tetris 

 dub fetch dlangide dub run dlangide 

ウィジェットとレイアウト

• TextWidget-テキスト
• ボタン-テキスト付きボタン
• ImageButton-写真付きのボタン
• ImageTextButton-画像とテキストのあるボタン
• CheckBox-名前からクリア
• RadioButton-名前から削除
• ImageWidget-画像
• EditLine-単一行エディター
• ComboBox-combobox-ドロップダウンリストから項目を選択します

 auto btn = new Button("btn1", "Button 1"d); 

• VerticalLayout-ネストされたウィジェットを垂直に配置します
• Horizo​​ntalLayout-ネストされたウィジェットを垂直に配置します
• TableLayout-テーブルのように、いくつかの列にネストされたウィジェットを配置します

  auto vlayout = new VerticalLayout(); //     vlayout.addChild(new RadioButton("radio1", "Radio Button 1"d)); vlayout.addChild(new RadioButton("radio2", "Radio Button 2"d)); 

 module app; //   dlangui import dlangui; //   main  WinMain    mixin APP_ENTRY_POINT; //     DlangUI -   main    extern (C) int UIAppMain(string[] args) { //   Window window = Platform.instance.createWindow("DlangUI example - HelloWorld", null); //    -  ,      auto mainWidget = new VerticalLayout(); mainWidget.addChild(new TextWidget(null, " HorizontalLayout:"d)); //  auto hlayout = new HorizontalLayout(); //     hlayout.addChild(new Button("btn1", " 1"d)); hlayout.addChild(new Button("btn2", " 2"d)); hlayout.addChild(new Button("btn3", " 3"d)); hlayout.addChild(new CheckBox("btn4", " CheckBox"d)); mainWidget.addChild(hlayout); mainWidget.addChild(new TextWidget(null, " VerticalLayout:"d)); //  auto vlayout = new VerticalLayout(); //     vlayout.addChild(new RadioButton("radio1", "Radio Button 1"d)); vlayout.addChild(new RadioButton("radio2", "Radio Button 2"d)); vlayout.addChild(new RadioButton("radio3", "Radio Button 3"d)); mainWidget.addChild(vlayout); mainWidget.addChild(new TextWidget(null, " TableLayout -   2 :"d)); //  auto tlayout = new TableLayout(); //  /  tlayout.colCount = 2; tlayout.addChild(new TextWidget(null, " "d)); tlayout.addChild(new EditLine("edit1", "-   "d)); tlayout.addChild(new TextWidget(null, "ComboBox"d)); tlayout.addChild((new ComboBox("combo1", [" 1"d, " 2"d, " 3"d])).selectedItemIndex(0)); tlayout.addChild(new TextWidget(null, " RadioButton"d)); //  Layout    Layout: auto radiogroup = new VerticalLayout(); radiogroup.addChild(new RadioButton("rb1", " 1"d)); radiogroup.addChild(new RadioButton("rb2", " 2"d)); radiogroup.addChild(new RadioButton("rb3", " 3"d)); tlayout.addChild(radiogroup); tlayout.addChild(new TextWidget(null, " ImageTextButton"d)); tlayout.addChild(new ImageTextButton("btn_ok", "dialog-ok-apply", " "d)); mainWidget.addChild(tlayout); //          window.mainWidget = mainWidget; //   window.show(); //   return Platform.instance.enterMessageLoop(); } 

ウィジェットからの信号処理（イベント）

  mainWidget.addChild(new TextWidget(null, "  :"d)); auto vlayout = new VerticalLayout(); // addChild()   ,         , //       . vlayout.addChild(new RadioButton("radio1", ""d)).checked(true).onClickListener = delegate(Widget src) { platform.instance.uiTheme = "theme_default"; return true; }; vlayout.addChild(new RadioButton("radio2", ""d)).onClickListener = delegate(Widget src) { platform.instance.uiTheme = "theme_dark"; return true; }; mainWidget.addChild(vlayout); 

 /// interface - slot for onClick interface OnClickHandler { bool onClick(Widget source); } //..... class Widget { //... Signal!OnClickHandler onClickListener; //... } 

  auto button1 = new Button("btn1", " 1"d); button1.onClickListener = delegate(Widget src) { window.showMessageBox(UIString(" onClick"d), UIString("\ndelegate"d)); return true; }; 

  class MyOnClickHandler1 { bool onButtonClick(Widget src) { src.window.showMessageBox(UIString(" onClick"d), UIString(" MyOnClickHandler1.onClick\n   id="d ~ to!dstring(src.id))); return true; } } auto memberFunctionHandler = new MyOnClickHandler1(); auto button2 = new Button("btn2", " 2"d); button2.onClickListener = &memberFunctionHandler.onButtonClick; hlayout.addChild(button2); 

  //   onClick - ,    class MyOnClickHandler2 : OnClickHandler { override bool onClick(Widget src) { src.window.showMessageBox(UIString(" onClick"d), UIString(" MyOnClickHandler2.onClick\n   id="d ~ to!dstring(src.id))); return true; } } auto interfaceHandler = new MyOnClickHandler2(); auto button4 = new Button("btn4", "  4"d); button2.onClickListener = interfaceHandler; //   onClick     OnClickHandler 

• onCheckChangeListener-チェック状態が変更されます（たとえば、CheckBox、RadioButton）
• onFocusChangeListener-このウィジェットのフォーカス状態が変更されました
• onKeyListener-キーボードからのイベントの傍受
• onMouseListener-マウスイベントのインターセプト

一般的に使用されるウィジェットのプロパティ

• マージン-隣接するウィジェットまたはコンテナの境界線からインデントします（ウィジェットの背景はマージンによってインデントされます）
• パディング-ウィジェットの境界から内部要素へのインデント
• backgroundColor-背景色（32ビットuint、0xAARRGGBB）
• backgroundImageId-背景画像-リソースID
• textColor-テキストの色（32ビットuint、0xAARRGGBB）
• fontSize-フォントサイズ

  mainWidget.addChild(new TextWidget(null, "  :"d)).styleId("POPUP_MENU"); 

  //      10 ,       15  mainWidget.margins(Rect(10, 10, 10, 10)).padding(Rect(15, 15, 15, 15)); mainWidget.backgroundColor(0xC0FFFF00); //    

  tlayout.backgroundImageId("btn_default"); //    - btn_default.9.png    tlayout.padding(Rect(5, 5, 5, 5)); //     - 5  

  tlayout.backgroundImageId("btn_default"); //    - btn_default.9.png    tlayout.padding(Rect(5, 5, 5, 5)); //     - 5  

 module app; //   dlangui import dlangui; //   main  WinMain    mixin APP_ENTRY_POINT; //     DlangUI -   main    extern (C) int UIAppMain(string[] args) { //     ,   - 800x600 Window window = Platform.instance.createWindow("DlangUI example - HelloWorld", null, WindowFlag.Resizable, 600, 400); //    -  ,      auto mainWidget = new VerticalLayout(); //      10 ,       15  mainWidget.margins(Rect(10, 10, 10, 10)).padding(Rect(15, 15, 15, 15)); mainWidget.backgroundColor(0xC0FFFF00); //    mainWidget.addChild(new TextWidget(null, " HorizontalLayout:"d)); //  auto hlayout = new HorizontalLayout(); //     //   onClick -  auto button1 = new Button("btn1", " 1"d); button1.onClickListener = delegate(Widget src) { window.showMessageBox(UIString(" onClick"d), UIString("\ndelegate"d)); return true; }; hlayout.addChild(button1); //   onClick -   class MyOnClickHandler1 { bool onButtonClick(Widget src) { src.window.showMessageBox(UIString(" onClick"d), UIString(" MyOnClickHandler1.onClick\n   id="d ~ to!dstring(src.id))); return true; } } auto memberFunctionHandler = new MyOnClickHandler1(); auto button2 = new Button("btn2", " 2"d); button2.onClickListener = &memberFunctionHandler.onButtonClick; hlayout.addChild(button2); //            hlayout.addChild(new Button("btn3", " 3"d)).onClickListener = &memberFunctionHandler.onButtonClick; //   onClick - ,    class MyOnClickHandler2 : OnClickHandler { override bool onClick(Widget src) { src.window.showMessageBox(UIString(" onClick"d), UIString(" MyOnClickHandler2.onClick\n   id="d ~ to!dstring(src.id))); return true; } } auto interfaceHandler = new MyOnClickHandler2(); auto button4 = new Button("btn4", "  4"d); button2.onClickListener = interfaceHandler; //   onClick     OnClickHandler hlayout.addChild(button4); mainWidget.addChild(hlayout); mainWidget.addChild(new TextWidget(null, "  :"d)).styleId("POPUP_MENU"); auto vlayout = new VerticalLayout(); vlayout.addChild(new RadioButton("radio1", ""d)).checked(true).onClickListener = delegate(Widget src) { platform.instance.uiTheme = "theme_default"; return true; }; vlayout.addChild(new RadioButton("radio2", ""d)).onClickListener = delegate(Widget src) { platform.instance.uiTheme = "theme_dark"; return true; }; mainWidget.addChild(vlayout); //        ,       mainWidget.addChild(new TextWidget(null, " TableLayout -   2 :"d)).textColor(0xC00000).fontSize(26).alignment(Align.Right); auto tlayout = new TableLayout(); //  /  tlayout.backgroundImageId("btn_default"); //    - btn_default.9.png    tlayout.padding(Rect(5, 5, 5, 5)); //     - 5  tlayout.colCount = 2; tlayout.addChild(new TextWidget(null, " "d)); tlayout.addChild(new EditLine("edit1", "-   "d)); tlayout.addChild(new TextWidget(null, "ComboBox"d)); tlayout.addChild((new ComboBox("combo1", [" 1"d, " 2"d, " 3"d])).selectedItemIndex(0)); tlayout.addChild(new TextWidget(null, " RadioButton"d)); //  Layout    Layout: auto radiogroup = new VerticalLayout(); radiogroup.addChild(new RadioButton("rb1", " 1"d)); radiogroup.addChild(new RadioButton("rb2", " 2"d)); radiogroup.addChild(new RadioButton("rb3", " 3"d)); tlayout.addChild(radiogroup); tlayout.addChild(new TextWidget(null, " ImageTextButton"d)); tlayout.addChild(new ImageTextButton("btn_ok", "dialog-ok-apply", " "d)); mainWidget.addChild(tlayout); //          window.mainWidget = mainWidget; //   window.show(); //   return Platform.instance.enterMessageLoop(); } 

その他の便利なウィジェット

• EditBox-複数行エディター
• TreeWidget-ツリー
• StringGrid-Excelのようなテーブル
• TabWidget-タブ-ページの選択用
• AppFrame-メニュー、ツールバー、ステータスバーを備えたメインウィンドウウィジェットの基本クラス。このようなアプリケーションを書くのに便利です。
• スクロールバー
• ツールバー
• StatusLine
• ScrollWidget-サイズが利用可能なスペースを超える場合、それに埋め込まれたウィジェットのスクロールを実装します
• DockHost、DockWidget-メインウィンドウウィジェットの端にドックウィジェットがあるアプリケーション用（IDEと同様）

参照資料

• GitHubプロジェクトページ
• オンラインドキュメント
• バグトラッカー
• スクリーンショット
• GitHubのDlangIDEプロジェクトページ
• Gitter Chat

継続するには...