ホーム WTL Mobile
HTML
ドキュメント種別 ATL/WTL に関する文書
最終更新日 2009/11/14
PR
 HTMLコントロールは、Webページを表示するコントロールです。

 WTLではHTMLコントロールをCHtmlCtrlT というクラステンプレートでカプセル化しています。 テンプレート引数にはクラスを指定しますが、 そのクラスはCHtmlCtrlTの基底クラスとして使用されます。 atlwince.hヘッダではtypedefによって次のように宣言されています。

// atlwince.h
typedef CHtmlCtrlT<ATL::CWindow> CHtmlCtrl;
			

これは、CHtmlCtrlクラスはCWindowクラスの派生クラスであることを意味します。

 以下に示すのは、CHtmlCtrlクラスを使用する例です。 エディットコントロールにURLを入力して[表示]ボタンをタップすると、 HTMLコントロールにWebページを表示します。 また、Webページの読み込み中はタイトルバーに「読み込み中...」と表示します。


プロジェクトファイル ダウンロード
// stdafx.h
#pragma once

#define WINVER 0x0420
#include <atlbase.h>
#if _ATL_VER == 0x900
#define _SECURE_ATL 1
#endif

#define _WTL_USE_CSTRING
#include <atlapp.h>
extern CAppModule _Module;
#include <atlwin.h>

#include <tpcshell.h>
#include <aygshell.h>
#pragma comment(lib, "aygshell.lib")

#include <atlcrack.h>
#include <atlmisc.h>
#include <atlframe.h>
#include <atlctrls.h>
#define _WTL_CE_NO_ZOOMSCROLL
#define _WTL_CE_NO_FULLSCREEN
#include <atlwince.h>
			

// SampleProjectDialog.h
#pragma once

class CSampleProjectDialog : 
    public CAppStdDialogImpl<CSampleProjectDialog>,
    public CUpdateUI<CSampleProjectDialog>,
    public CMessageFilter, public CIdleHandler
{
public:
    DECLARE_APP_DLG_CLASS(NULL, IDR_MAINFRAME, L"Software\\WTL")

    enum { IDD = IDD_MAINDLG };

    enum { IDC_HTML = 1200 };
    CHtmlCtrl m_html;

    enum { MAX_URLTEXT = 256};
    CEdit m_edit_url;

    CButton m_button_show;

    virtual BOOL PreTranslateMessage(MSG* pMsg){
        return CWindow::IsDialogMessage(pMsg);
    }

    virtual BOOL OnIdle(){
        return FALSE;
    }

    BEGIN_UPDATE_UI_MAP(CSampleProjectDialog)
    END_UPDATE_UI_MAP()

    BEGIN_MSG_MAP(CSampleProjectDialog)
        MSG_WM_INITDIALOG(OnInitDialog)
        MSG_WM_DESTROY(OnDestroy)
        COMMAND_ID_HANDLER_EX(IDC_BUTTON_SHOW, OnButtonShow)
        NOTIFY_CODE_HANDLER_EX(NM_BEFORENAVIGATE, OnBeforeNavigate)
        NOTIFY_CODE_HANDLER_EX(NM_DOCUMENTCOMPLETE, OnDocumentComplete)
        CHAIN_MSG_MAP(CUpdateUI<CSampleProjectDialog>)
        CHAIN_MSG_MAP(CAppStdDialogImpl<CSampleProjectDialog>)
    END_MSG_MAP()

    BOOL OnInitDialog(CWindow wndFocus, LPARAM lInitParam){
        AtlCreateEmptyMenuBar(m_hWnd);

        // コントロール設定
        m_edit_url = GetDlgItem(IDC_EDIT_URL);
        m_button_show = GetDlgItem(IDC_BUTTON_SHOW);

        m_edit_url.SetLimitText(MAX_URLTEXT - 1);

        // HTMLコントロールのサイズを作成
        CRect rcWindow;
        GetWindowRect(rcWindow);
        CRect rcEdit;
        m_edit_url.GetWindowRect(rcEdit);
        CRect rcButton;
        m_button_show.GetWindowRect(rcButton);
        CRect rcHTML;
        rcHTML.top = 10;
        rcHTML.bottom = 
            rcEdit.top - rcWindow.top - ::GetSystemMetrics(SM_CYCAPTION) - 10;
        rcHTML.left = 
            rcEdit.left - rcWindow.left - ::GetSystemMetrics(SM_CXBORDER);
        rcHTML.right = 
            rcButton.right - rcWindow.left - ::GetSystemMetrics(SM_CXBORDER);

        // HTMLコントロールを作成
        m_html.Create(m_hWnd, rcHTML, NULL, 
            WS_CHILD | WS_VISIBLE | WS_BORDER | HS_CONTEXTMENU, 0, IDC_HTML);

        // メッセージループにメッセージフィルタとアイドルハンドラを追加
        CMessageLoop* pLoop = _Module.GetMessageLoop();
        pLoop->AddMessageFilter(this);
        pLoop->AddIdleHandler(this);

        SetMsgHandled(false);

        return TRUE;
    }

    void OnDestroy(){
        // メッセージループからメッセージフィルタとアイドルハンドラを削除
        CMessageLoop* pLoop = _Module.GetMessageLoop();
        pLoop->RemoveMessageFilter(this);
        pLoop->RemoveIdleHandler(this);
    }

    void OnButtonShow(UINT uNotifyCode, int nID, CWindow wndCtl){
        TCHAR szURL[MAX_URLTEXT];
        m_edit_url.GetWindowText(szURL, MAX_URLTEXT);
        m_html.Navigate(szURL);
    }

    LRESULT OnBeforeNavigate(LPNMHDR pnmh){
        SetWindowText(_T("読み込み中..."));
        return 0;
    }

    LRESULT OnDocumentComplete(LPNMHDR pnmh){
        SetWindowText(_T("SampleProject"));
        return 0;
    }
};
			

// SampleProject.cpp
#include "stdafx.h"
#include "resourceppc.h"
#include "SampleProjectDialog.h"

CAppModule _Module;

int WINAPI _tWinMain(HINSTANCE hInstance,
    HINSTANCE /*hPrevInstance*/, LPTSTR lpstrCmdLine, int nCmdShow)
{
    HRESULT hRes =
        CSampleProjectDialog::ActivatePreviousInstance(hInstance, lpstrCmdLine);

    if(FAILED(hRes) || S_FALSE == hRes){
        return hRes;
    }

    InitHTMLControl(hInstance);

    hRes = ::CoInitializeEx(NULL, COINIT_MULTITHREADED);
    ATLASSERT(SUCCEEDED(hRes));

    AtlInitCommonControls(ICC_DATE_CLASSES);
    SHInitExtraControls();

    hRes = _Module.Init(NULL, hInstance);
    ATLASSERT(SUCCEEDED(hRes));

    int nRet = CSampleProjectDialog::AppRun(lpstrCmdLine, nCmdShow);

    _Module.Term();
    ::CoUninitialize();

    return nRet;
}
			

 まず、リソースを作成します。ダイアログにエディットコントロールとボタンコントロールを配置し、 それぞれの[ID]と[Caption]を次のように設定します。

コントロール名 ID Caption
エディット IDC_EDIT_URL -
ボタン IDC_BUTTON_SHOW 表示

 CSampleProjectDialogクラスでは、HTMLコントロール用にID(IDC_HTML)を定義し、 CHtmlCtrlクラスのインスタンスをメンバ変数として宣言します。 また、エディットコントロールの最大入力文字数を表すMAX_URLTEXTをenumによって定義し、 エディットコントロール用にCEditクラスのインスタンスをメンバ変数として宣言します。 さらに、ボタンコントロール用にCButtonクラスのインスタンスもメンバ変数として宣言します。

 次に、WM_INITDIALOGメッセージハンドラでは、 HTMLコントロールのサイズを計算してHTMLコントロールを作成します。 HTMLコントロールを作成するためにはCreate()を使用しますが、 引数の種類はCWindowImpl::Create()と同じです。

 次に、リソースIDがIDC_BUTTON_SHOWのコンボボックスコントロール用WM_COMMANDメッセージハンドラとしてOnButtonShow()を追加します。 このハンドラ関数ではエディットコントロールからURLを取得し、 Navigate()を呼び出してHTMLコントロールにWebページを表示します。

 次に、通知コードがNM_BEFORENAVIGATENM_DOCUMENTCOMPLETEのHTMLコントロール用WM_NOTIFYメッセージハンドラとしてそれぞれOnBeforeNavigate()OnDocumentComplete()を追加します。 これらのハンドラ関数ではタイトルバーに文字列を設定します。

 最後に_tWinMain()で、InitHTMLControl()を呼び出します。