ホーム WTL Mobile
アップダウン
ドキュメント種別 ATL/WTL に関する文書
最終更新日 2009/10/17
PR
 WTLではコモンコントロールのアップダウン(またはスピンボタン)コントロールをCUpDownCtrlT というクラステンプレートでカプセル化しています。 テンプレート引数にはクラスを指定しますが、 そのクラスはCUpDownCtrlTの基底クラスとして使用されます。 atlctrls.hヘッダではtypedefによって次のように宣言されています。

// atlctrls.h
typedef CUpDownCtrlT<ATL::CWindow>   CUpDownCtrl;
			

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

 WTLのCUpDownCtrlクラスは、MFCのCSpinButtonCtrlクラスと同等の機能を備えています。 以下に示すのは、CUpDownCtrlクラスを使用する例です。 RGBそれぞれのアップダウンコントロールを操作して色を作成します。


プロジェクトファイル ダウンロード
// 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 };

    CUpDownCtrl m_updown_r;   // [R]用
    CUpDownCtrl m_updown_g;   // [G]用
    CUpDownCtrl m_updown_b;   // [B]用

    CRect m_rect;             // 色表示用矩形

    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_PAINT(OnPaint)
        MSG_WM_INITDIALOG(OnInitDialog)
        MSG_WM_DESTROY(OnDestroy)
        COMMAND_HANDLER_EX(IDC_EDIT_R, EN_CHANGE, OnEditChangeR)
        COMMAND_HANDLER_EX(IDC_EDIT_G, EN_CHANGE, OnEditChangeG)
        COMMAND_HANDLER_EX(IDC_EDIT_B, EN_CHANGE, OnEditChangeB)
        CHAIN_MSG_MAP(CUpdateUI<CSampleProjectDialog>)
        CHAIN_MSG_MAP(CAppStdDialogImpl<CSampleProjectDialog>)
    END_MSG_MAP()

    void OnPaint(CDCHandle /*dc*/){
        CPaintDC dc(m_hWnd);

        CBrush brush;
        brush.CreateSolidBrush(RGB(m_updown_r.GetPos(),
            m_updown_g.GetPos(), m_updown_b.GetPos()));

        dc.FillRect(m_rect, brush);
    }

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

        // コントロール設定
        m_updown_r = GetDlgItem(IDC_SPIN_R);
        m_updown_g = GetDlgItem(IDC_SPIN_G);
        m_updown_b = GetDlgItem(IDC_SPIN_B);

        m_updown_r.SetRange(0, 255);
        m_updown_g.SetRange(0, 255);
        m_updown_b.SetRange(0, 255);

        // 色表示用矩形を取得
        CStatic view = GetDlgItem(IDC_STATIC_VIEW);
        view.GetWindowRect(m_rect);
        ScreenToClient(m_rect);

        // メッセージループにメッセージフィルタとアイドルハンドラを追加
        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 CheckAndUpdate(CUpDownCtrl& updown){
        if(updown.m_hWnd != NULL){
            // 範囲チェック
            BOOL bError;
            updown.GetPos(&bError);
            if(bError)
                updown.SetPos(255);
        }
        InvalidateRect(m_rect);
    }

    void OnEditChangeR(UINT uNotifyCode, int nID, CWindow wndCtl){
        CheckAndUpdate(m_updown_r);
    }

    void OnEditChangeG(UINT uNotifyCode, int nID, CWindow wndCtl){
        CheckAndUpdate(m_updown_g);
    }

    void OnEditChangeB(UINT uNotifyCode, int nID, CWindow wndCtl){
        CheckAndUpdate(m_updown_b);
    }
};
			

// 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;
    }

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

    AtlInitCommonControls(ICC_UPDOWN_CLASS);
    SHInitExtraControls();

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

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

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

    return nRet;
}
			

 まず、リソースを作成します。ダイアログにスタティックコントロール、 エディットコントロール、アップダウンコントロールを配置し、 それぞれの[ID]と[Caption]を次のように設定します。 なお、アップダウンコントロールの[プロパティ]では[Alignment]を[Right Align]に設定し、 [Auto Buddy]、[Set Buddy Integer]、[NoThousands]、[Wrap]を[True]に設定します。 さらにエディットコントロールの[プロパティ]では[Number]を[True]に設定し、 色表示用のスタティックコントロールの[プロパティ]では[Visible]を[False]に設定します。

コントロール名 ID Caption 備考
アップダウン IDC_SPIN_R - R用
アップダウン IDC_SPIN_G - G用
アップダウン IDC_SPIN_B - B用
エディット IDC_EDIT_R - R用
エディット IDC_EDIT_G - G用
エディット IDC_EDIT_B - B用
スタティック IDC_STATIC R
スタティック IDC_STATIC G
スタティック IDC_STATIC B
スタティック IDC_STATIC_VIEW スタティック 色表示用

 次に、stdafx.hヘッダでは、CUpDownCtrlクラスとCStaticクラスを使用するためにatlctrls.hヘッダをインクルードします。

 CSampleProjectDialogクラスでは、まず、アップダウンコントロール用にCUpDownCtrlクラスのインスタンスをメンバ変数として宣言します。 これを使うためには、WM_INITDIALOGメッセージハンドラでコントロールのハンドルを代入する必要があります。 また、色表示用の矩形を保持するためのCRectクラスのインスタンスもメンバ変数として宣言します。

 次に、WM_INITDIALOGメッセージハンドラでSetRange() を呼び出してアップダウンコントロールの範囲を設定します。 さらに、色表示用のスタティックコントロール矩形を取得します。

 次に、通知コードがEN_CHANGEのエディットコントロール用WM_COMMANDメッセージハンドラとして OnEditChangeR()OnEditChangeG()OnEditChangeB()を追加します。 これらのハンドラ関数は、[R][G][B]それぞれのエディットコントロールの内容が変更された時 (直接値を入力した時とアップダウンコントロールで値を変更した時)に呼び出されますが、 ここではCheckAndUpdate()という独自の関数を呼び出します。 CheckAndUpdate()ではCUpDownCtrlクラスのメンバ関数である GetPos()で値の範囲が正当であるかどうかチェックしてから色表示用矩形を更新します。

 次に、WM_PAINTメッセージハンドラを追加して、各エディットコントロールの値を元に色を作成し、その色を色表示用の矩形に描画します。

 最後に_tWinMain()で、引数にICC_UPDOWN_CLASSを指定してAtlInitCommonControls()を呼び出します。