WxSizer

lastmod 2018-08-17created 2015-03-1110 edits

Proportion

Add()등에 proportion이라는 인자가 존재한다.

아래는 Proportion에 관한 인자 설명이다.

Although the meaning of this parameter is undefined in wxSizer, it is used in wxBoxSizer to indicate if a child of a sizer can change its size in the main orientation of the wxBoxSizer - where 0 stands for not changeable and a value of more than zero is interpreted relative to the value of other children of the same wxBoxSizer. For example, you might have a horizontal wxBoxSizer with three children, two of which are supposed to change their size with the sizer. Then the two stretchable windows would get a value of 1 each to make them grow and shrink equally with the sizer's horizontal dimension.

요약하면 아래와 같다.

wxSizer에서는 사용하지 않는 값이다.
wxBoxSizer에서 사용되는 값이다.
wxBoxSizer의 자식들이 차지하는 공간의 비율이다.
이 값이 0일 경우 변경하지 않는다(stands for not changeable).
0보다 클 경우 자식들의 비율(Proportion)에 맞춰, 해석된다.

즉, Android LinearLayout의 weight과 비슷한 역할을 한다. 그리고 wxBoxSizer는 LinearLayout역할을 한다.

FLAG

플래그값에 대하여 wxSizerFlags에 정리한다.

ALIGN CENTER

중앙 정렬에 관련된 내용은 wxSizerFlags#ALIGN_CENTER를 참조하면 된다.

Media Controller Sizer Sample

아래는 미디어 컨트롤을 위한 위젯 배치 샘플이다:

MediaControlPanel::MediaControlPanel(wxWindow * parent
        , wxWindowID id, wxPoint const & pos, wxSize const & size)
        : wxPanel(parent, id, pos, size)
{
    wxBoxSizer * sizer = new wxBoxSizer(wxHORIZONTAL);
    {
        int const kButtonProportion = 0;
        int const kProgressProportion = 1;
        int const kBorder = wxSizerFlags::GetDefaultBorder();

        R r;
        wxBitmap play(r.icon().get("media-playback-start-5.png"), wxBITMAP_TYPE_PNG);
        wxBitmap stop(r.icon().get("media-playback-stop-5.png"), wxBITMAP_TYPE_PNG);
        wxBitmap prev(r.icon().get("media-skip-backward-5.png"), wxBITMAP_TYPE_PNG);
        wxBitmap next(r.icon().get("media-skip-forward-5.png"), wxBITMAP_TYPE_PNG);

        _play_button = new wxBitmapButton(this, ID_MEDIA_CONTROL_PANEL__PLAY_BUTTON, play);
        _stop_button = new wxBitmapButton(this, ID_MEDIA_CONTROL_PANEL__STOP_BUTTON, stop);
        _prev_button = new wxBitmapButton(this, ID_MEDIA_CONTROL_PANEL__PREV_BUTTON, prev);
        _next_button = new wxBitmapButton(this, ID_MEDIA_CONTROL_PANEL__NEXT_BUTTON, next);

        int const kProgressMin = 0;
        int const kProgressMax = 100;

        _video_progress = new wxSlider(this, ID_MEDIA_CONTROL_PANEL__VIDEO_PROGRESS
                , kProgressMin, kProgressMin, kProgressMax, wxDefaultPosition, wxDefaultSize
                , wxSL_BOTH | wxSL_MIN_MAX_LABELS);

        wxSizerFlags flags = wxSizerFlags().Proportion(kButtonProportion).Align(wxALIGN_LEFT)
                .Border(wxUP | wxDOWN | wxRIGHT, kBorder);
        sizer->Add(_play_button, kButtonProportion, wxALIGN_LEFT | wxALL, kBorder);
        sizer->Add(_stop_button, flags);
        sizer->Add(_prev_button, flags);
        sizer->Add(_next_button, flags);
        sizer->Add(_video_progress, flags.Proportion(kProgressProportion));
    }
    SetSizer(sizer);
    Center();
}

ImageListView

아래는 이미지 리스트뷰를 위한 위젯 배치 샘플이다:

MainFrame::MainFrame(wxString const & title
        , wxWindowID id, wxPoint const & pos, wxSize const & size, long style)
            : wxFrame(nullptr, id, title, pos, size, style)
{
    createMenu();

    int const kBorder = 5;

    wxBoxSizer * control_sizer = new wxBoxSizer(wxVERTICAL);
    wxBoxSizer * button_sizer = new wxBoxSizer(wxHORIZONTAL);
    {
        _list = new wxListCtrl(this, ID_MAINFRAME__IMAGE_LISTCTRL);
        control_sizer->Add(_list, 1, wxEXPAND, kBorder);

        wxButton * refresh = new wxButton(this, ID_MAINFRAME__REFRESH_BUTTON, wxT("Refresh"));
        wxButton * exit = new wxButton(this, ID_MAINFRAME__EXIT_BUTTON, wxT("Exit"));
        button_sizer->Add(refresh);
        button_sizer->Add(exit);
    }
    control_sizer->Add(button_sizer, 0, wxALIGN_RIGHT | wxALL, kBorder);
    SetSizer(control_sizer);

    refresh();
    Centre();
}

Favorite site

sitemap