ぬの部屋(仮)
nu-no-he-ya
  •     123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
       1234
    567891011
    12131415161718
    19202122232425
    26272829   
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728     
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28      
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
    1234567
    891011121314
    15161718192021
    22232425262728
           
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
         12
    3456789
    10111213141516
    17181920212223
    242526272829 
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
        123
    45678910
    11121314151617
    18192021222324
    25262728   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    15161718192021
    293031    
           
         12
    3456789
    10111213141516
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728     
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
          1
    2345678
    9101112131415
    16171819202122
    232425262728 
           
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
  • wxWidgetsで.xrcファイルからデザインを読み込んで適用(4)独自のタグを読み込む

    .xrcファイルはxml形式なので、独自のタグを入れられる。ただしそれを解析する機能がデフォルトではないので、ハンドラを用意する必要がある。

    .xrcファイル

    .xrcファイルにはコントロールwx_my_Buttonという識別子でボタンを配置する。このボタンはC++では標準のボタン(wxButton)として生成する。wxButtonのハンドラを書き換えられないので、wx_my_Buttonのハンドラを作成し、中でwxButtonを作成する。

    <?xml version="1.0" ?>
    <resource version="2.3.0.1">
    
        <!-- トップレベルはコントロールである必要がある。パネルを作成。 -->
        <object class="wxPanel" name="myContainerPanel">
            <bg>#00FF00</bg>
            
            <!-- 名前 myButton を追加 -->
            <object class="wx_my_Button" name="myButton">
              <myoption attr="5">ユーザー定義オプション</myoption>
              <label>ボタン</label>
            </object>
    
        </object>
    </resource>
    

    include

    // wxXmlNode を使うために必要
    #include <wx/xml/xml.h>
    

    任意のデータ構造

    SetClientDataで値のインスタンス(ここではmyoption_dataの変数)へのポインタをvoid*で指定する。

    struct myoption_data {
        int attr;
        wxString str;
    };
    

    ハンドラの作成

    GetParamNodeの使用にはwx/xml/xml.hが必要。

    // .xrcから独自タグを読み込むには、自作ウィジェットをwxXmlResourceが読み込むための
    // ハンドラを作成して登録する必要がある
    class MyButtonXmlHandler : public wxXmlResourceHandler
    {
    public:
        MyButtonXmlHandler() : wxXmlResourceHandler()
        {
            AddWindowStyles();
        }
    
        virtual wxObject* DoCreateResource() override
        {
            XRC_MAKE_INSTANCE(mybutton, wxButton); // 普通のボタンを作成
    
            // プロパティの設定
            mybutton->Create(
                m_parentAsWindow,
                GetID(),
                GetText("label"),
                GetPosition(),
                GetSize(),
                GetStyle(),
                wxDefaultValidator,
                GetName()
            );
     
            // タグ名
            wxString tagname = "myoption";
    
            // データを格納する構造体のインスタンスを作成
            // あとで解放しなければいけない
            myoption_data *pdata = new myoption_data;
    
            // 値を取得
            // GetTextでも取得できるが、GetTextは\nや$を勝手にエスケープしたり置換したりするので
            // 内容をそのまま取得できるGetParamValueを使う
            wxString myopt = GetParamValue(tagname);
            if (!myopt.IsEmpty()) {
                pdata->str = myopt;
            }
    
            // 属性を取得
            wxXmlNode* node = GetParamNode(tagname);
            if (node) {
                wxString attr = node->GetAttribute("attr"/*属性名*/, "0"/*初期値*/);
                pdata->attr = wxAtoi(attr);
            }
    
            mybutton->SetClientData(pdata);// データをコントロールに指定
    

    SetupWindow(mybutton); return mybutton; } // このハンドラが、xrc内に定義された"MyControl"というウィジェットを作成できることを示すために必要 virtual bool CanHandle(wxXmlNode* node) override { // 生成するのはただのボタンだが、wxButtonのハンドラを置換はできないので // 別のクラス名を識別子にする。 return IsOfClass(node, "wx_my_Button"); } // wxCreateObject() ,GetClassInfo() ,ms_classInfo,wxCreateObject()が定義される wxDECLARE_DYNAMIC_CLASS(MyButtonXmlHandler); }; // 自作ウィジェットのハンドラを登録 IMPLEMENT_DYNAMIC_CLASS(MyButtonXmlHandler, wxXmlResourceHandler)

    コントロールの生成と各イベント

    生成されるのは普通のwxButtonなので、生成時にAddHandlerしておくこと以外には特別なことはしない。ただしハンドラ内でnewしたmyoption_dataのポインタは自分で削除しなければいけないので、wxEVT_DESTROYに後始末用関数をバインドする。

    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
    public:
        void PostCreate() {
    
    
            wxXmlResource::Get()->InitAllHandlers();// 初期化
    
            // カスタムコントロールのハンドラを登録
            wxXmlResource::Get()->AddHandler(new MyButtonXmlHandler);
    
            wxXmlResource::Get()->Load(R"(C:\test\myctrl.xrc)"); // ファイル読み込み
            wxXmlResource::Get()->LoadPanel(this, "myContainerPanel"); // GUIの生成
    
            this->Layout(); // レイアウトの更新
    
            wxButton* btn = (wxButton*)FindWindowByName("myButton");
            btn->Bind(wxEVT_BUTTON, &MyFrame::OnClick, this); // ボタンのクリックイベント
            btn->Bind(wxEVT_DESTROY, &MyFrame::OnBtnDestroy, this); // ユーザー定義のデータを破棄するための処理を追加
    
        }
    
        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        {       
            // CallAfter : 現在処理中のイベントが終わったらPostCreateを実行
            // コンストラクタはウィンドウ生成イベント扱い
            CallAfter(&MyFrame::PostCreate);
        }
    
    
        // ボタンのクリックイベント
        void OnClick(wxCommandEvent& event) {
    
            wxButton* btn = (wxButton*)event.GetEventObject();
            myoption_data* data = (myoption_data*)btn->GetClientData();
    
            wxString text = wxString::Format("%s %d", data->str, data->attr);
    
            wxMessageBox(text);
        }
    

        // ユーザー定義のデータを持つボタンの破棄イベント
        void OnBtnDestroy(wxWindowDestroyEvent& event) {
            
            wxButton* btn = (wxButton*)event.GetEventObject();
            myoption_data* data = (myoption_data*)btn->GetClientData();
            delete data;
    
        }
    
    };
    

    wxWidgetsで.xrcファイルからデザインを読み込んで適用(3)カスタムコントロールを読み込み

    wxWidgetsでは、wxWindowなどを継承してカスタムコントロールを作れる。それを.xrcファイルに定義した場合、.xrcを読み込む wxXmlResource がカスタムコントロールを知らないため、専用のハンドラを定義しなければいけない。

    CMyControl カスタムコントロールのクラス

    以下のようなカスタムコントロール CMyControl を定義する

    // ボタンとテキストを持つコントロールをパネルで作成
    class CMyControl : public wxWindow
    {
    
    public:
    
        // 今回はMyControlXmlHandler側でXRC_MAKE_INSTANCEでインスタンス生成をする
        // MyControlXmlHandlerはデフォルトコンストラクタを呼び出すので定義する
        CMyControl() :wxWindow() {
        }
    
        // デフォルトコンストラクタでは最小限の初期化しか行わないので
        // 初期化用のCreate関数を定義する必要が出てくる
        bool Create(wxWindow* parent, wxWindowID id, const wxPoint& pos, const wxSize& size, long style, const wxString& name) {
            if (!wxWindow::Create(parent, id, pos, size, style, name)) {
                return false;
            }
    
            my_create();
    
            return true;
        }
    
        // parentを指定するコンストラクタ
        CMyControl(wxWindow* parent) :wxWindow(parent, wxID_ANY) {
    
            my_create();
        }
    
        // ウィジェットの初期化関数
        void my_create() {
    
            // ボタンの作成
            wxButton* myButton = new wxButton(this, wxID_ANY, "ボタン", wxPoint(10, 10), wxSize(150, 50));
    		// テキストの作成
            wxTextCtrl* myText = new wxTextCtrl(this, wxID_ANY, "テキスト", wxPoint(10, 70), wxSize(150, 50));
    
            this->SetBackgroundColour(wxColour(255, 0, 0));
    
        }
    
    };
    

    myctrl.xrc

    以下のように.xrcファイルを定義する

    <?xml version="1.0" ?>
    <resource version="2.3.0.1">
    
        <!-- トップレベルはコントロールである必要がある。パネルを作成。 -->
        <object class="wxPanel" name="myContainerPanel">
            <bg>#00FF00</bg>
            
            <!-- レイアウト用のサイザーを作成 -->
            <object class="wxBoxSizer" name="myBoxSizer">
                <orient>wxVERTICAL</orient> <!-- レイアウト方法の指定 -->
                <!-- コントロールは sizeritem に入れる -->
                <object class="sizeritem">
                    <!-- 周囲に15pxの余白を入れる -->
                    <flag>wxALL | wxEXPAND</flag>
                    <border>15</border>
                    
                    <!-- このコントロールはサイザーのサイズ変更で大きさが変わる -->
                    <option>1</option>
    
                    <!-- カスタムコントロールを追加 -->
                    <object class="MyControl" name="nameMyControl" />
    
                </object>
    
            </object>
        </object>
    </resource>
    

    CMyControl 用のハンドラを作成

    // .xrcから読み込むには、自作ウィジェットをwxXmlResourceが読み込むための
    // ハンドラを作成して登録する必要がある
    class MyControlXmlHandler : public wxXmlResourceHandler
    {
    public:
        MyControlXmlHandler() : wxXmlResourceHandler()
        {
            XRC_ADD_STYLE(wxTAB_TRAVERSAL);
            XRC_ADD_STYLE(wxNO_BORDER);
            XRC_ADD_STYLE(wxDOUBLE_BORDER);
            AddWindowStyles();
        }
    
    
        // これが必要
        // wxXmlResource::LoadObject() が呼び出されたときに呼び出される関数
        virtual wxObject* DoCreateResource() override
        {
            // 概ねやっていることは以下と同じ:
            // MyControl* control = new MyControl; 
            // 注意として、このマクロはMyControlのデフォルトコンストラクタを呼び出すので
            // 引数なしのコンストラクタが必要
            // 別にXRC_MAKE_INSTANCEを使わなくても、普通にnewしてもいい。
            XRC_MAKE_INSTANCE(control, CMyControl);
    
            // デフォルトコンストラクタでは最小限の初期化しかされないので
            // Create()を呼び出して、実際の初期化を行う
            // 従ってMyControl::Create()を定義しておく
            control->Create(
                m_parentAsWindow, // 親ウィンドウ
                GetID(),
                GetPosition(),
                GetSize(),
                GetStyle(),
                GetName()
            );
    
    
            SetupWindow(control);
    
            return control;
        }
        
        
        // このハンドラが、xrc内に定義された"MyControl"というウィジェットを作成できることを示すために必要
        virtual bool CanHandle(wxXmlNode* node) override
        {
            return IsOfClass(node, "MyControl");
        }
        
        
        // wxCreateObject() ,GetClassInfo() ,ms_classInfo,wxCreateObject()が定義される
        wxDECLARE_DYNAMIC_CLASS(MyControlXmlHandler);
    
    };
    
    // 自作ウィジェットのハンドラを登録
    IMPLEMENT_DYNAMIC_CLASS(MyControlXmlHandler, wxXmlResourceHandler)
    

    .xrcの読み込み

    読み込むときは、AddHandlerで、作成したハンドラのインスタンスをwxXmlResourceに渡す。

    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
    public:
        void PostCreate() {
    
    
            wxXmlResource::Get()->InitAllHandlers();// 初期化
    
            // カスタムコントロールのハンドラを登録
            wxXmlResource::Get()->AddHandler(new MyControlXmlHandler);
    
            wxXmlResource::Get()->Load(R"(C:\test\myctrl.xrc)"); // ファイル読み込み
            wxXmlResource::Get()->LoadPanel(this, "myContainerPanel"); // GUIの生成
    
            this->Layout(); // レイアウトの更新
    
        }
    
        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        {       
            // CallAfter : 現在処理中のイベントが終わったらPostCreateを実行
            // コンストラクタはウィンドウ生成イベント扱い
            CallAfter(&MyFrame::PostCreate);
        }
    
    };
    

    wxWidgetsで.xrcファイルからデザインを読み込んで適用(2) イベントのBindと値の取得

    コード

    layout.xrc

    <?xml version="1.0" ?>
    <resource version="2.3.0.1">
    
        <!-- トップレベルはコントロールである必要がある。パネルを作成。 -->
        <object class="wxPanel" name="myMainPanel">
            <!-- レイアウト用のサイザーを作成 -->
            <object class="wxBoxSizer" name="myBoxSizer">
                <orient>wxVERTICAL</orient> <!-- レイアウト方法の指定 -->
                <!-- コントロールは sizeritem に入れる -->
                <object class="sizeritem">
                    <!-- 左側と上側に15pxの余白を入れる -->
                    <flag>wxLEFT|wxTOP</flag>
                    <border>15</border>
                    
                    <!-- このコントロールはサイザーのサイズ変更で大きさが変わらない -->
                    <option>0</option>
    
                    <!-- 名前 myButton を追加 -->
                    <object class="wxButton" name="myButton">
                        <label>ボタン</label>
                        <size>100,30</size>
                    </object>
                </object>
    
                <!-- コントロールは sizeritem に入れる -->
                <object class="sizeritem">
                
                    <!-- 上下左右の余白は15px -->
                    <flag>wxALL|wxEXPAND</flag>
                    <border>15</border>
    
                    <!-- このコントロールはサイザーのサイズ変更で大きさが変わる -->
                    <option>1</option>
    
                    <object class="wxTextCtrl" name="myText">
                        <value>テキスト</value>
                    </object>
    
                </object>
            </object>
        </object>
    </resource>
    

    C++側

    // https://docs.wxwidgets.org/3.0/overview_helloworld.html
    
    // プリプロセッサに以下二つを追加
    // __WXMSW__
    // WXUSINGDLL
    
    // サブシステムをWindowsに設定(WinMainで呼び出すので)
    // Windows (/SUBSYSTEM:WINDOWS)
    
    #ifndef WX_PRECOMP
    #include <wx/wx.h>
    #endif
    
    #include <wx/gdicmn.h> // wxPointに必要
    #include <wx/frame.h>  // wxFrameに必要
    
    
    #pragma comment(lib,"wxbase32u.lib")
    #pragma comment(lib,"wxbase32u_net.lib")
    #pragma comment(lib,"wxbase32u_xml.lib")
    #pragma comment(lib,"wxmsw32u_adv.lib")
    #pragma comment(lib,"wxmsw32u_aui.lib")
    #pragma comment(lib,"wxmsw32u_core.lib")
    #pragma comment(lib,"wxmsw32u_gl.lib")
    #pragma comment(lib,"wxmsw32u_html.lib")
    #pragma comment(lib,"wxmsw32u_media.lib")
    #pragma comment(lib,"wxmsw32u_propgrid.lib")
    #pragma comment(lib,"wxmsw32u_qa.lib")
    #pragma comment(lib,"wxmsw32u_ribbon.lib")
    #pragma comment(lib,"wxmsw32u_richtext.lib")
    #pragma comment(lib,"wxmsw32u_stc.lib")
    #pragma comment(lib,"wxmsw32u_webview.lib")
    #pragma comment(lib,"wxmsw32u_xrc.lib")
    
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    #include <wx/xrc/xmlres.h>
    
    
    #include <string>
    
    
    
    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
    public:
    
        void PostCreate() {
            wxXmlResource::Get()->InitAllHandlers();// 初期化
            wxXmlResource::Get()->Load(R"(C:\test\layout.xrc)"); // ファイル読み込み
            
            wxXmlResource::Get()->LoadPanel(this, "myMainPanel"); // GUIの生成
    
            this->Layout(); // レイアウトの更新
    
            // ボタンの取得
            wxButton* myButton = XRCCTRL(*this, "myButton", wxButton);
    
            // ボタンのクリックイベントに対するイベントハンドラを接続
            myButton->Bind(wxEVT_BUTTON, &MyFrame::OnMyButtonClick, this);
    
        }
    

        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        
        {
            // CallAfter : 現在処理中のイベントが終わったらPostCreateを実行
            // コンストラクタはウィンドウ生成イベント扱い
            CallAfter(&MyFrame::PostCreate);
    
        }
    

        // ボタンがクリックされたときのイベントハンドラ
        void OnMyButtonClick(wxCommandEvent& event)
        {
            // テキストボックスの取得
            wxTextCtrl* textctrl = XRCCTRL(*this, "myText", wxTextCtrl);
    
            // テキストボックスの内容を取得
            wxString str = textctrl->GetValue();
    
            // ボタンがクリックされたときの処理
            wxMessageBox(str);
        }
    
    private:
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // wxWidgetsのアプリケーション作成
    class MyApp : public wxApp {
    public:
    
        virtual bool OnInit() {
            MyFrame* frame = new MyFrame("Hello World", wxPoint(50, 50), wxSize(450, 340));
            frame->Show(true);
    
            return true;
        }
    
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // WinMainをマクロで定義
    wxIMPLEMENT_APP(MyApp);
    

    実行例

    XRCCTRLマクロについて

    XRCCTRLの実体はFindWindowをdynamic_castしたもので、実際はもっと複雑だがざっくりいうと以下のようなことをやっている。

    wxButton* myButton = dynamic_cast<wxButton*>(this->FindWindow("myButton"));
    

    wxWidgetsで.xrcファイルからデザインを読み込んで適用(1) xrcファイルからGUI作成

    wxWidgetsで画面デザインを定義する.xrcファイルを読み込んでGUIを作成する。

    例1 基本的な書き方

    layout.xrc

    <?xml version="1.0" ?>
    <resource version="2.3.0.1">
    
        <!-- トップレベルはコントロールである必要がある。パネルを作成。 -->
        <object class="wxPanel" name="myMainPanel">
     
        
            <!-- レイアウト用のサイザーを作成 -->
            <object class="wxBoxSizer" name="myBoxSizer">
            
                <orient>wxVERTICAL</orient> <!-- レイアウト方法の指定 -->
                
    
                <!-- コントロールは sizeritem に入れる -->
                <object class="sizeritem">
                
                    <!-- 左側と上側に15pxの余白を入れる -->
                    <flag>wxLEFT|wxTOP</flag>
                    <border>15</border>
                    
                    <!-- このコントロールはサイザーのサイズ変更で大きさが変わらない -->
                    <option>0</option>
    
    
                    <!-- 名前 myButton を追加 -->
                    <object class="wxButton" name="myButton">
                        <label>ボタン</label>
                        <size>100,30</size>
                    </object>
    
                </object>
    
          
                <!-- コントロールは sizeritem に入れる -->
                <object class="sizeritem">
                
                    <!-- 上下左右の余白は15px -->
                    <flag>wxALL|wxEXPAND</flag>
                    <border>15</border>
    
                    <!-- このコントロールはサイザーのサイズ変更で大きさが変わる -->
                    <option>1</option>
    
                    <object class="wxTextCtrl" name="mytext1">
                        <label>ボタン</label>
                        <size>100,30</size> <!-- サイザーが有効なのでサイズは無視される -->
                    </object>
    
                </object>
    
            </object>
    
        </object>
    </resource>
    

    サンプルコード

    // https://docs.wxwidgets.org/3.0/overview_helloworld.html
    
    // プリプロセッサに以下二つを追加
    // __WXMSW__
    // WXUSINGDLL
    
    // サブシステムをWindowsに設定(WinMainで呼び出すので)
    // Windows (/SUBSYSTEM:WINDOWS)
    
    #ifndef WX_PRECOMP
    #include <wx/wx.h>
    #endif
    
    #include <wx/gdicmn.h> // wxPointに必要
    #include <wx/frame.h>  // wxFrameに必要
    
    
    #pragma comment(lib,"wxbase32u.lib")
    #pragma comment(lib,"wxbase32u_net.lib")
    #pragma comment(lib,"wxbase32u_xml.lib")
    #pragma comment(lib,"wxmsw32u_adv.lib")
    #pragma comment(lib,"wxmsw32u_aui.lib")
    #pragma comment(lib,"wxmsw32u_core.lib")
    #pragma comment(lib,"wxmsw32u_gl.lib")
    #pragma comment(lib,"wxmsw32u_html.lib")
    #pragma comment(lib,"wxmsw32u_media.lib")
    #pragma comment(lib,"wxmsw32u_propgrid.lib")
    #pragma comment(lib,"wxmsw32u_qa.lib")
    #pragma comment(lib,"wxmsw32u_ribbon.lib")
    #pragma comment(lib,"wxmsw32u_richtext.lib")
    #pragma comment(lib,"wxmsw32u_stc.lib")
    #pragma comment(lib,"wxmsw32u_webview.lib")
    #pragma comment(lib,"wxmsw32u_xrc.lib")
    
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    #include <wx/xrc/xmlres.h>
    
    
    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
    public:
     
        void PostCreate() {
    
            wxXmlResource::Get()->InitAllHandlers();// 初期化
            wxXmlResource::Get()->Load(R"(C:\test\layout.xrc)"); // ファイル読み込み
    
            wxXmlResource::Get()->LoadPanel(this, "myMainPanel"); // GUIの作成
    
            this->Layout(); // レイアウトの更新
        }
    

    MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size) : wxFrame(NULL, wxID_ANY, title, pos, size) { // CallAfter : 現在処理中のイベントが終わったらPostCreateを実行 // コンストラクタはウィンドウ生成イベント扱い CallAfter(&MyFrame::PostCreate); } private: }; ///////////////////////////////////// ///////////////////////////////////// ///////////////////////////////////// // wxWidgetsのアプリケーション作成 class MyApp : public wxApp { public: virtual bool OnInit() { MyFrame* frame = new MyFrame("Hello World", wxPoint(50, 50), wxSize(450, 340)); frame->Show(true); return true; } }; ///////////////////////////////////// ///////////////////////////////////// ///////////////////////////////////// // WinMainをマクロで定義 wxIMPLEMENT_APP(MyApp);

    実行例

    例2 コントロールを単体で読み込む場合

    パネルにはLoadPanelがあるが、すべてのコントロールにLoad***が用意されているわけではない。LoadObject関数を使って、部品名とその部品のクラスを指定して読み込む。

    button.xrc

    <?xml version="1.0" ?>
    <resource version="2.3.0.1">
    
      <!-- 名前 myButton を追加 -->
      <object class="wxButton" name="myButton">
          <label>ボタン</label>
          <size>300,30</size>
          
      </object>
    
    </resource>
    

    読み込み部分コード

        void PostCreate() {
    
            wxXmlResource::Get()->InitAllHandlers();// 初期化
            wxXmlResource::Get()->Load(R"(C:\test\button.xrc)"); // ファイル読み込み
            wxWindow* btn = (wxWindow*)wxXmlResource::Get()->LoadObject(this, "myButton"/*識別子*/, "wxButton"/*クラス*/);
    
            // boxsizerの追加
            wxBoxSizer* sizer = new wxBoxSizer(wxVERTICAL);
            this->SetSizer(sizer);
    
    
            sizer->Add(btn, 0, wxALL, 10);
    
            this->Layout(); // レイアウトの更新
        }
    

    実行例

    例3 メモリ上の文字列から作成

    原則として、メモリ上のテキストを読み込む方法はない。しかし、wxWidgetsにはメモリ上に仮想的なファイルを作成する機能があるので、これを使って仮想的な.xrcファイルを作れば実現できる。

    仮想ファイルを作るために、fs_mem.h が必要。

    #include <wx/fs_mem.h>
    

    読み込み部分コード

        void PostCreate() {
    
            wxXmlResource::Get()->InitAllHandlers();
    
            wxString layout_xrc =
    
    R"(<?xml version="1.0" ?>
    <resource version="2.3.0.1">
      <object class="wxPanel" name="myPanel">
        <object class="wxBoxSizer">
          <orient>wxVERTICAL</orient>
          <object class="sizeritem">
            <object class="wxTextCtrl" name="text"/>
            <option>0</option>
            <size>100,30</size>
            <flag>wxALL</flag>
            <border>10</border>
          </object>
        </object>
      </object>
    </resource>
    )"
    
    ;
    
            wxFileSystem::AddHandler(new wxMemoryFSHandler);
            wxMemoryFSHandler::AddFile("myxrc", layout_xrc.GetData().AsWChar(), layout_xrc.size()*2);
            wxXmlResource::Get()->Load("memory:myxrc");
            wxWindow* mysizer = wxXmlResource::Get()->LoadPanel(this, "myPanel");
            this->Layout(); // レイアウトの更新
    
        }
    

    実行例

    VC++で生成した.exeファイル内のタイムスタンプ部分を確認して無理やり書き換えてみた。

    諸事情により簡易的でよいので.exeファイルの解析をしたくなった。.exeファイルをバイナリエディタで見てみて、全く同じプロジェクトを二回以上ビルドした結果が完全一致しない。理由の一つがタイムスタンプなので、これをいじってみる。

    1.サンプルプログラムの構成の設定

    VC++でコンソールアプリケーションを作成する。この時、余計なものが埋め込まれるとそれだけビルド時の変化が大きくなる可能性があるので、わかる範囲で不要なオプションを取り除く。

    ・.pdbファイルを出力しない

     プロジェクトのプロパティ → リンカー → デバッグ → デバッグ情報の生成 → いいえ

    ・マニフェストを埋め込まない
     プロジェクトのプロパティ → リンカー → マニフェスト ファイル → マニフェストの生成 → いいえ

    ・ASLRをしない(Address Space Layout Randomization) 
    ASLRはexe内のデータの位置をランダムにするクラッキング対策のオプションで、多分悪影響を与えるので切っておく。/DYNAMICBASE:NOを設定。
     プロジェクトのプロパティ → リンカー → 詳細設定 → ランダム化されたベースアドレス → いいえ

    2.サンプルプログラムを二回ビルド

    まずビルドし、上書きされないように.exeファイルの名前を変える。それからもう一度ビルドする。

    右クリック→プロパティ→詳細 で更新日時を確認。

    実際にはここの表示を変えるわけではないのだが、バイナリ中の値を解析してこの日付とおおむね同じものが出てくれば正解だとわかるので参考にする。

    3.二つのバイナリを比較し、違う場所を特定

    WinMergeで二つの.exeをバイナリ比較する。手元のバージョンでは、CompareボタンのプルダウンにBinary比較がある。

    一部違う場所が出てくるので、その右4バイトに着目する。時間を置かずにビルドすると、数秒しか違わないはずなので、違いはせいぜい下1バイトになる可能性が高い。intelのCPUはリトルエンディアンなので、バイトの並び順が逆になっている。従って変化している場所を含めて右に4バイトがタイムスタンプとなる。

    4.タイムスタンプの内容を確認

    上記で得られた値 0x65abe167 が実際にビルド時刻であることを確認するため、以下のプログラムを書いて確認する。

    #include <ctime>
    #include <string>
    #include <iostream>
    
    #pragma warning(disable:4996)
    
    // タイムスタンプから時刻表示を作成
    std::string TimestampToDate(time_t timestamp) {
        struct tm* tm = localtime(&timestamp);// 整数値 timestamp を tm 構造体に変換
        char str[50];
        strftime(str, sizeof(str), "%Y/%m/%d %H:%M:%S", tm);// tmを文字列化
        return std::string(str);
    }
    
    int main() {
    
        // タイムスタンプ(16進数指定)
        // バイナリに埋め込まれている値はリトルエンディアンなので
        // バイナリエディタ上の表示とバイト単位で逆順にして入力する
        time_t timestamp = 0x65abe167; 
    
        std::cout << TimestampToDate(timestamp) << std::endl;
      
        return 0;
    }
    

    結果

    2024/01/21 00:06:15

    5.タイムスタンプを書き換える

    確かにファイルのプロパティ上の表示と一致する内容を得られたので、この数値がタイムスタンプであることは理解できた。今度はこれを書き換えてみる。

    まず、適当な日付をタイムスタンプに変換するため、以下のプログラムを書いて走らせる。

    #include <ctime>
    #include <string>
    #include <iostream>
    
    #pragma warning(disable:4996)
    
    // 時刻からタイムスタンプを作成
    time_t DateToTimestamp(const std::string date) {
    
        struct tm tm = {};
    
        int year, month, day;
        int hour, minute, second;
        sscanf(date.c_str(), "%d/%d/%d %d:%d:%d",
            &year, &month, &day,
            &hour, &minute, &second
        );
    
        tm.tm_year = year - 1900;
        tm.tm_mon = month - 1;
        tm.tm_mday = day;
        tm.tm_hour = hour;
        tm.tm_min = minute;
        tm.tm_sec = second;
    
        return mktime(&tm);
    }
    
    
    int main() {
    
        std::string date_str = "2022/01/01 5:25:30"; // 適当な日付
        unsigned int timestamp = DateToTimestamp(date_str);
        printf("%x \n", timestamp);
    
    }
    

    結果

    61cf673a

    こうして得られたタイムスタンプを、バイナリエディタで書き込む。書き込みにはStirlingを使っている。入力時、リトルエンディアンなのでバイト単位で逆順に指定する。

    タイムスタンプはビルド時の色々なステップで入れられるらしいので、同じ値を見つけたらすべて書き換える。

    6.確認

    先ほどはファイルのプロパティから確認したが、この日付はファイルのプロパティには実は表示されないので、PEヘッダを読むツールで確認する。探したところPEviewが適している。

    以下からPEview version 0.9.9 ( .zip 31KB )をダウンロードする。

    http://wjradburn.com/software/

    wxWebView上で実行したTinyMCEの結果を取得する

    wxWebView上でTinyMCEを動かし、その編集内容をC++側に取得する。

    これを応用すればHTMLエディタ的なものが作れる。

    my_test.html

    <!DOCTYPE html>
    <html>
    <head>
      <script src="js/tinymce/tinymce.min.js"></script>
      <script>
        tinymce.init({ selector: 'textarea' });
      </script>
    
      <script>
    
        // TinyMCEから入力内容を取得する関数
        function MyGetContent(){
          var myContent = tinymce.get("myTinyMCEarea").getContent();
          return myContent;
        }
    
      </script>
    
    
    </head>
    <body>
    
      <!-- TinyMCE本体 -->
      <textarea id="myTinyMCEarea">my text</textarea>
    
    </body>
    
    </html>
    

    C++ wxWidgets側

    wxWebView::RunScriptを使用すれば、読み込んでいるページのJavaScriptを実行し、結果を取得できる。これを応用し、my_test.html側にMyGetContent()関数を作成してから、RunScriptをして、取得した結果をメッセージボックスで表示する。

    // https://docs.wxwidgets.org/3.0/overview_helloworld.html
    
    // プリプロセッサに以下二つを追加
    // __WXMSW__
    // WXUSINGDLL
    
    // サブシステムをWindowsに設定(WinMainで呼び出すので)
    // Windows (/SUBSYSTEM:WINDOWS)
    
    #ifndef WX_PRECOMP
    #include <wx/wx.h>
    #endif
    
    #include <wx/gdicmn.h> // wxPointに必要
    #include <wx/frame.h>  // wxFrameに必要
    
    
    #pragma comment(lib,"wxbase32u.lib")
    #pragma comment(lib,"wxbase32u_net.lib")
    #pragma comment(lib,"wxbase32u_xml.lib")
    #pragma comment(lib,"wxmsw32u_adv.lib")
    #pragma comment(lib,"wxmsw32u_aui.lib")
    #pragma comment(lib,"wxmsw32u_core.lib")
    #pragma comment(lib,"wxmsw32u_gl.lib")
    #pragma comment(lib,"wxmsw32u_html.lib")
    #pragma comment(lib,"wxmsw32u_media.lib")
    #pragma comment(lib,"wxmsw32u_propgrid.lib")
    #pragma comment(lib,"wxmsw32u_qa.lib")
    #pragma comment(lib,"wxmsw32u_ribbon.lib")
    #pragma comment(lib,"wxmsw32u_richtext.lib")
    #pragma comment(lib,"wxmsw32u_stc.lib")
    #pragma comment(lib,"wxmsw32u_webview.lib")
    #pragma comment(lib,"wxmsw32u_xrc.lib")
    
    
    // wxWebViewを使うために必要
    #include <wx/webview.h>
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    
    
    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
        wxWebView* webView;
    public:
    
        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        {
            wxBoxSizer* sizer = new wxBoxSizer(wxVERTICAL);
    
            // wxWebView インスタンスの作成
            webView = wxWebView::New(
                this, wxID_ANY, "",
                wxDefaultPosition, 
                wxDefaultSize, 
                wxWebViewBackendEdge,
                0, 
                ""
            );
            webView->LoadURL(R"(C:\test\data\tinymce\my_test.html)");// TinyMCEを使うHTML読み込み
    
    
            // ボタンを作成し、sizerに追加
            wxButton* button = new wxButton(this, wxID_ANY, wxT("Run Script"));
            sizer->Add(webView, 1, wxEXPAND, 0);
            sizer->Add(button, 0, wxALIGN_CENTER | wxALL, 10);
    
            SetSizer(sizer);
    
            // ボタンのイベントをバインド
            button->Bind(wxEVT_BUTTON, &MyFrame::OnButtonClicked, this);
    
        }
        // ボタンクリックイベントのハンドラ
        void OnButtonClicked(wxCommandEvent& event)
        {
            if (webView)
            {
    
                wxString jsCode = wxT(R"(MyGetContent();)");
                wxString ret;
                webView->RunScript(jsCode, &ret);// my_test.html に定義したJavaScriptのfunction呼び出し
    
                wxMessageBox(ret);
    
            }
        }
    private:
    
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // wxWidgetsのアプリケーション作成
    class MyApp : public wxApp {
    public:
    
        virtual bool OnInit() {
            MyFrame* frame = new MyFrame("Hello World", wxPoint(50, 50), wxSize(450, 340));
            frame->Show(true);
            return true;
        }
    
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // WinMainをマクロで定義
    wxIMPLEMENT_APP(MyApp);
    

    TinyMCEを使ってみる

    TinyMCEはブラウザ上で使えるHTMLのWYSIWYGエディタ。

    公式ページ:

    https://www.tiny.cloud/

    1.ダウンロード

    サイトの最下部付近にある GET TinyMCE FREE から、「TinyMCE Open Source Community」 内の 「Download TinyMCE Community」をクリックしてダウンロード開始。

    2.使用方法

    my_test.html

    <!DOCTYPE html>
    <html>
    <head>
      <script src="js/tinymce/tinymce.min.js"></script>
      <script>
        tinymce.init({ selector: 'textarea' });
      </script>
    
    </head>
    <body>
    
      <!-- TinyMCE入力エリア -->
      <textarea>first text</textarea>
    
    </body>
    
    </html>
    

    ファイルの配置配置

    C:\test\data
    │
    └─tinymce
        │  CHANGELOG.md
        │  my_test.html
        │
        └─js
            └─tinymce
                ├─icons
                ├─langs
                ├─models
                ├─plugins
                ├─skins
                └─themes    
        

    ブラウザで動作確認

    my_test.htmlをFirefoxなどのブラウザで開くと、エディタを使用できる。

    3.テキストを取得してみる

    JavaScriptで、入力したテキストを取得する。

    <!DOCTYPE html>
    <html>
    <head>
      <script src="js/tinymce/tinymce.min.js"></script>
      <script>
        tinymce.init({ selector: 'textarea' });
      </script>
    
    
      <script>
        // TinyMCEから入力内容を取得する関数
        function MyGetContent(){
          var myContent = tinymce.get("myTinyMCEarea").getContent();
          return myContent;
        }
        
        
        // ボタンが押された時に実行する関数。
        // TinyMCEからテキストを取得し、MyCheckAreaに表示する。
        function MyButtonClick(){
          document.getElementById("MyCheckArea").innerHTML = MyGetContent();
        }
      </script>
    
    </head>
    <body>
    
      <!-- TinyMCE本体 -->
      <textarea id="myTinyMCEarea">first text</textarea>
    
      <!-- 内容取得確認用ボタン -->
      <button id="showContent"  onclick="MyButtonClick()" >Show Content</button>
      
      <!-- 取得した内容の表示領域 -->
      <div id="MyCheckArea"></div>
    
    </body>
    
    </html>
    

    参考

    公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

    公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

    wxWidgetsのwxWebViewを使ってWebサイトを表示してみる

    wxWebViewを使うとWebサイトを簡単に表示できる。問題はレンダリングエンジンの指定に注意が必要。

    例1 wxWebViewBackendDefault

    サンプルコード

    // https://docs.wxwidgets.org/3.0/overview_helloworld.html
    
    // プリプロセッサに以下二つを追加
    // __WXMSW__
    // WXUSINGDLL
    
    // サブシステムをWindowsに設定(WinMainで呼び出すので)
    // Windows (/SUBSYSTEM:WINDOWS)
    
    #ifndef WX_PRECOMP
    #include <wx/wx.h>
    #endif
    
    #include <wx/gdicmn.h> // wxPointに必要
    #include <wx/frame.h>  // wxFrameに必要
    
    
    #pragma comment(lib,"wxbase32u.lib")
    #pragma comment(lib,"wxbase32u_net.lib")
    #pragma comment(lib,"wxbase32u_xml.lib")
    #pragma comment(lib,"wxmsw32u_adv.lib")
    #pragma comment(lib,"wxmsw32u_aui.lib")
    #pragma comment(lib,"wxmsw32u_core.lib")
    #pragma comment(lib,"wxmsw32u_gl.lib")
    #pragma comment(lib,"wxmsw32u_html.lib")
    #pragma comment(lib,"wxmsw32u_media.lib")
    #pragma comment(lib,"wxmsw32u_propgrid.lib")
    #pragma comment(lib,"wxmsw32u_qa.lib")
    #pragma comment(lib,"wxmsw32u_ribbon.lib")
    #pragma comment(lib,"wxmsw32u_richtext.lib")
    #pragma comment(lib,"wxmsw32u_stc.lib")
    #pragma comment(lib,"wxmsw32u_webview.lib")
    #pragma comment(lib,"wxmsw32u_xrc.lib")
    
    
    // wxWebViewを使うために必要
    #include <wx/webview.h>
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    
    
    // ウィンドウ作成
    class MyFrame : public wxFrame
    {
    public:
        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        {
            // wxWebView インスタンスの作成
            wxWebView* webView = wxWebView::New(
                this, wxID_ANY, "",
                wxDefaultPosition, 
                wxDefaultSize, 
                // レンダリングエンジンの指定
                // wxWebViewBackendWebKit,
                // wxWebViewBackendEdge,
                // wxWebViewBackendIE,
                wxWebViewBackendDefault, 
                0, 
                ""
            );
            webView->LoadURL("https://www.suzulang.com/");
        }
    
    private:
    
        // イベント処理しないときはこれを入れない
        // wxDECLARE_EVENT_TABLE();
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // wxWidgetsのアプリケーション作成
    class MyApp : public wxApp {
    public:
    
        virtual bool OnInit() {
            MyFrame* frame = new MyFrame("Hello World", wxPoint(50, 50), wxSize(450, 340));
            frame->Show(true);
    
            return true;
        }
    
    };
    
    /////////////////////////////////////
    /////////////////////////////////////
    /////////////////////////////////////
    
    // WinMainをマクロで定義
    wxIMPLEMENT_APP(MyApp);
    

    実行例 レイアウトが崩れる

    レイアウトが崩れる理由と対処

    少なくともWindowsでレイアウトが崩れる理由は、wxWebViewBackendDefaultの指定だとIEになってしまうからで(’明示的に指定する場合はwxWebViewBackendIE)、これをEdgeにしなければならない。

    wxWebViewBackendEdgeを指定する。

    ただし、これを指定してエラーになったり、何も表示されない場合は、wxWidgetsをCMakeする際にwxUSE_WEBVIEW_EDGE,wxUSE_WEBVIEW_EDGE_STATICを含めて再ビルドする必要がある。

    なお、どうもWindowsではwxWebViewBackendWebKitは動かないらしい。とはいえEdgeは中身がChromiumなのでwxWebViewBackendEdgeで大抵のページは表示される(に違いない)。

    例2 wxWebViewBackendEdge (変更部分)

        MyFrame(const wxString& title, const wxPoint& pos, const wxSize& size)
            : wxFrame(NULL, wxID_ANY, title, pos, size)
        {
            // wxWebView インスタンスの作成
            wxWebView* webView = wxWebView::New(
                this, wxID_ANY, "",
                wxDefaultPosition, 
                wxDefaultSize, 
                // レンダリングエンジンの指定
                // wxWebViewBackendWebKit,
                wxWebViewBackendEdge,
                // wxWebViewBackendIE,
                //wxWebViewBackendDefault, 
                0, 
                ""
            );
            webView->LoadURL("https://www.suzulang.com/");
        }
    

    実行例

    ローカルファイルを表示

    ファイルパスを指定して、ローカルにあるhtmlを読み込める。

    webView->LoadURL("C:/test/local.html");
    

    文字列データを与えて表示

    LoadURLの代わりにSetPageを使用すれば、メモリ上のHTMLを表示できる。

            //webView->LoadURL("C:/test/local.html");
            webView->SetPage(
                R"(
    <html>
    <head></head>
    <body><p style="font-size:5em;">テスト</p></body>
    </html>
    )" 
                , "");
    

    ANTLR4を使ってHTMLパーサをC++から使う

    ANTLR4を使うと自分のプロジェクトに様々な言語のパーサーを実装できる。

    ANTLR4の実行形式(javaの実行形式)を実行して、「パースしたい言語」のための、「実装したい言語」用のソースコードを生成する。

    今回は、HTMLをパースするためのC++のソースコードを作成する。

    こうして出力したC++のパース用コードは、ANTLR4のライブラリとリンクすることでコンパイルできるようになる。

    ANTLR4をダウンロード

    https://www.antlr.org/download.html

    URLから、Complete ANTLR 4.13.1 java binaries jarから、antlr-4.13.1-complete.jar をダウンロードする。

    C++用のパーサのコードを作成

    -Dlanguage=Cppを指定してC++のコードを出力することを指定。トークン定義ファイルHTMLLexer.g4と、HTMLParser.g4構文解析用のファイル。

    実行はHTMLLexer.g4 → HTMLParser.g4 の順で行う。

    java -jar antlr-4.13.1-complete.jar -Dlanguage=Cpp HTMLLexer.g4

    以下が生成される:

    ・HTMLLexer.cpp
    ・HTMLLexer.h
    ・HTMLLexer.interp
    ・HTMLLexer.tokens

    java -jar antlr-4.13.1-complete.jar -Dlanguage=Cpp HTMLParser.g4

    以下が生成される:

    ・HTMLParser.cpp
    ・HTMLParser.h
    ・HTMLParser.interp
    ・HTMLParser.tokens
    ・HTMLParserBaseListener.cpp
    ・HTMLParserBaseListener.h
    ・HTMLParserListener.cpp
    ・HTMLParserListener.h

    エラーが出た場合

    以下のようなエラーが出る可能性がある(出た)。Java系のエラーなので新しいJavaをインストールして解決する。

    Exception in thread "main" java.lang.UnsupportedClassVersionError: org/antlr/v4/Tool has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0
    at java.lang.ClassLoader.defineClass1(Native Method)
    at java.lang.ClassLoader.defineClass(Unknown Source)
    at java.security.SecureClassLoader.defineClass(Unknown Source)
    at java.net.URLClassLoader.defineClass(Unknown Source)
    at java.net.URLClassLoader.access$100(Unknown Source)
    at java.net.URLClassLoader$1.run(Unknown Source)
    at java.net.URLClassLoader$1.run(Unknown Source)
    at java.security.AccessController.doPrivileged(Native Method)
    at java.net.URLClassLoader.findClass(Unknown Source)
    at java.lang.ClassLoader.loadClass(Unknown Source)
    at sun.misc.Launcher$AppClassLoader.loadClass(Unknown Source)
    at java.lang.ClassLoader.loadClass(Unknown Source)
    at sun.launcher.LauncherHelper.checkAndLoadMain(Unknown Source)

    このエラーは、「実行しようとしているツールはclass file version 55 (=Java 11)で作られているが、システムに入っているclass file version 52 (=Java 8)だ」という意味。

    解決するために、今回は以下からJava 11 をダウンロードする。なおJava 11からJREがなくなったらしい。

    https://www.oracle.com/jp/java/technologies/javase/jdk11-archive-downloads.html

    なおダウンロードにはOracleプロファイルの作成が必要。勘弁してくれ。

    antlr4をコードからCMake

    生成したコードはそれだけでは動かないので、antlr4-devをCMakeする。

    antlr4-devをダウンロード

    以下からantlr4のソースコードをダウンロードし、antlr4-dev をVC++用にCMakeにかける。

    https://github.com/antlr/antlr4

    CMake

    antlr4-dev/runtime/Cpp/ にCMakeLists.txtがある。

    CMAKE_INSTALL_PREFIXだけ好きな場所を指定し、後はそのままConfigure→Generate→Open Project。

    自身のプロジェクトへ導入

    ・インクルードディレクトリに以下を追加

    D:\library\antlr4-install\include\antlr4-runtime

    ・追加のライブラリディレクトリに以下を追加

    D:\library\antlr4-install\lib

    ・C++言語標準を「ISO C++17標準」以上にする

    ・リンクするライブラリ

    antlr4-runtime.lib
    gmock.lib
    gmock_main.lib
    gtest.lib
    gtest_main.lib

    サンプルコード

    サンプルコード

    #include <iostream>
    
    #include "HTMLLexer.h"
    #include "HTMLParser.h"
    #include <antlr4-runtime.h>
    
    #pragma comment(lib,"antlr4-runtime.lib")
    #pragma comment(lib,"gmock.lib")
    #pragma comment(lib,"gmock_main.lib")
    #pragma comment(lib,"gtest.lib")
    #pragma comment(lib,"gtest_main.lib")
    
    
    int main(int, const char**) {
    
        // 入力
        std::ifstream mysrc;
        mysrc.open("D:\\test.txt");
    
        // ANTLR入力ストリームを作成
        antlr4::ANTLRInputStream input(mysrc);
    
        // Lexer、トークンストリームを作成
        HTMLLexer lexer(&input);
        antlr4::CommonTokenStream tokens(&lexer);
    
        // トークンストリームをパーサに渡す
        HTMLParser parser(&tokens);
    
        // HTML用のパーサなので最上位がhtmlDocument
        auto tree = parser.htmlDocument();
    
    
        // ツリーを表示
        std::cout << tree->toStringTree(&parser,true) << std::endl;
    
        return 0;
    }
    

    HTMLデータ

    <html>
      <head>
        <title>test</title>
      </head>
      <body>
        <p>test</p>
      </body>
    </html>
    

    出力

    (htmlDocument
            (htmlElements
                (htmlElement < html >
                    (htmlContent
                        (htmlChardata \n)
                        (htmlElement < head >
                            (htmlContent
                                (htmlElement < title >
                                    (htmlContent
                                        (htmlChardata test)) < / title >)) < / head >)
                        (htmlChardata \n)
                        (htmlElement < body >
                            (htmlContent
                                (htmlChardata \n)
                                (htmlElement < p >
                                    (htmlContent
                                        (htmlChardata test)) < / p >)
                                (htmlChardata \n)) < / body >)
                        (htmlChardata \n)) < / html >)))
    

    参考

    VC++でcrtdbg.hでメモリリークを検出

    #include <iostream>
    
    // メモリリークを検出した位置を表示するためのマクロ
    #define _CRTDBG_MAP_ALLOC
    
    // メモリリークの検出
    #include <crtdbg.h>
    
    // メモリリークしたメモリのnewした場所のファイル名と行数を表示する
    // #define _CRTDBG_MAP_ALLOC で動く機能のはずなのだがなぜか機能しないので自分で定義する
    #define new ::new(_NORMAL_BLOCK, __FILE__, __LINE__)
    
    
    
    class Dummy
    {
    public:
    
    	char* myleak() {
            char* p = new char[3] {0, 0, 0}; // メモリリークしている (19行目)
            return p;
    	}
    
    	void mysafety() {
            int* q = new int[3] {1, 1, 1}; // メモリリークしていない (24行目)
            printf("%d %d %d\n", q[0], q[1], q[2]);
            delete [] q;
    	}
    
        Dummy() {}
        ~Dummy() {}
    };
    

    int main()
    {
        // アプリケーション終了時に_CrtDumpMemoryLeaks()が呼ばれるように指示
        _CrtSetDbgFlag(_CRTDBG_ALLOC_MEM_DF | _CRTDBG_LEAK_CHECK_DF);
        
        Dummy d;
        std::cout << "Hello World!\n";
        char* c = d.myleak();
        d.mysafety();
        
        // 出力内容と出力先
        // https://learn.microsoft.com/ja-jp/cpp/c-runtime-library/reference/crtsetreportmode?view=msvc-170
        // _CRT_WARN          ... 警告、メッセージ、およびすぐに注意する必要のない情報。
        // _CRTDBG_MODE_DEBUG ... デバッガーの出力ウィンドウにメッセージを書き込みます。
        _CrtSetReportMode(_CRT_WARN, _CRTDBG_MODE_DEBUG);
        
        // メモリリークの情報を出力
        // この関数は、呼び出された時点で解放されていないメモリを全て検知する。
        // アプリケーション終了時でのリークを検出したいならここで書かないで
        // _CrtSetDbgFlagでプログラムが終了したときに自動的に呼び出されるように指示したほうがいい。
        // _CrtDumpMemoryLeaks();
        
        return 0;
    }
    

    出力

    _CrtSetReportMode関数で_CRTDBG_MODE_DEBUGを指定しているので、デバッグウィンドウに以下の出力がされる。

    ファイル名 , newした行番号 , newしたメモリサイズ がそれぞれ出力される。

    Detected memory leaks!
    Dumping objects ->
    C:\myproj\ConsoleApplication5\ConsoleApplication5.cpp(19) : {161} normal block at 0x0000029DA8896EA0, 3 bytes long.
     Data: <   > 00 00 00
    Object dump complete.
    プログラム '[26332] ConsoleApplication5.exe' はコード 0 (0x0) で終了しました。

    参考

    癖をまとめてくれているサイト。

    プログラマの友

    http://www7b.biglobe.ne.jp/~robe/pf/pf008.html

    このcrtdbg.hによるメモリリーク検出、プロジェクトの規模が大きくなってくるとかなり気を遣わなければいけないらしい。

    閑古鳥