Duilib中帶有權重的靈活控件排列實現（一）

2019-11-10 17:28:31

字體：大中小

來源：轉載

供稿：網友

在開發播放器軟件過程中，因為窗口的大小是可變的，為了讓控制欄部分的控件（播放，上一集，下一集，全屏，字幕等）適應窗口的尺寸的變化而顯示隱藏，產品經理會定義一系列的規則，好讓在任何時候都最核心的功能提供給用戶使用。先列一下產品經理給予的需求：兩邊往中間縮，保證左側LOGO和右側X最優先顯示。頂部隱藏優先級：搜索欄，換膚，意見反饋，播放記錄，最小化，最大化底部隱藏優先級：全屏，畫質增強，無痕，打開文件，播放順序，音量條在處理這個需求過程中，前人也嘗試了一些方法，比較通過全float絕對布局的方式，自己通過管理類來完全訂制。而我個人還是希望通過而優雅的相對布局，并利用Container自身的排布算法來實現。經過幾天的探索，大致實現上這種效果，在此分享一下思路與實現。在分析此需求時，我希望引來類似于第3維的權重（weight）概念，即當父容器所提供的位置不足于將所有子控件擺放顯示完全時，就按照重要性自低到高依次隱藏，將該控件的顯示騰出來提供給更為重要的控件來擺放，簡單推演一下，應該是可行的，按照這樣簡單的規則，可以比較輕松地解決這個需求，并且代碼維護起來相對簡單。只需要一個能夠按照子控件的weight值來排列的父容器，命名為CWeightHorizontalLayoutUI。OK，讓我們來實現這個父容器，首先我介紹一下 CHorizontalLayoutUI::SetPos的方法。其實就是兩次for循環，前一次來試算，將沒有設置寬度的控件記錄下來，將剩余的空間求個平均數，設置給自適應的控件，而設置了寬度的控件則按設置的值排布。

    void CWeightHorizontalLayoutUI::SetPos(RECT rc)    {        CControlUI::SetPos(rc);        rc = m_rcItem;        std::map<CControlUI*, int /*width*/> mapAjust;        // Adjust for inset        rc.left     += m_rcInset.left;        rc.top      += m_rcInset.top;        rc.right    -= m_rcInset.right;        rc.bottom   -= m_rcInset.bottom;        if (m_items.GetSize() == 0) {            PRocessScrollBar(rc, 0, 0);            return;        }        if (!m_bScrollFloat && m_pVerticalScrollBar && m_pVerticalScrollBar->IsVisible())             rc.right -= m_pVerticalScrollBar->GetFixedWidth();        if (!m_bScrollFloat && m_pHorizontalScrollBar && m_pHorizontalScrollBar->IsVisible())             rc.bottom -= m_pHorizontalScrollBar->GetFixedHeight();        ResetWeightDisplayControlState(); //  讀取當前子控件的權重        m_mapWeight.clear();        for (int i = 0; i < m_items.GetSize(); i++) {            DuiLib::CControlUI* pControl = static_cast<DuiLib::CControlUI*>(m_items[i]);            if (pControl == nullptr) continue;            CStdString strweight = pControl->GetCustomAttribute(L"weight");            int nweight = _ttoi(strweight.GetData());            m_mapWeight[i] = nweight;        }        m_mapWeightCache = m_mapWeight;        // 查找最小權重控件          auto HideMinWeigth = [&](int index) -> bool {            CControlUI* pControl = static_cast<CControlUI*>(m_items[index]);            if (pControl && pControl->IsVisible()) {                pControl->SetInternVisible(false);                m_arrWeightHideControl.push_back(pControl);                return true;            }            return false;        };        // Determine the width of elements that are sizeable        SIZE szAvailable = { rc.right - rc.left, rc.bottom - rc.top };        if (m_pHorizontalScrollBar && m_pHorizontalScrollBar->IsVisible())            szAvailable.cx += m_pHorizontalScrollBar->GetScrollRange();        int nAdjustables = 0;        int cxFixed = 0;        int nEstimateNum = 0;        int cxExpand = 0;        std::pair<int, int> min_weight; // first:control index, second:weight        std::map<CControlUI*, int /*width*/> m_mapEstimateWidth;  // 試算時控件的預設寬度        std::map<CControlUI*, int /*width*/> m_mapBookWidth;        do {            // 查找出當前權重值最小，并且顯示著的控件            min_weight = std::make_pair(999, 999);            std::for_each(m_mapWeight.begin(), m_mapWeight.end(), [&](std::pair<int, int> item)-> void {                CControlUI* pControl = static_cast<CControlUI*>(m_items[item.first]);                if (item.second <= min_weight.second && pControl->IsVisible())                    min_weight = item;            });            // 已經找到后從map中移除，以避免下次查找的還是這個控件            auto min_it = std::find_if(m_mapWeight.begin(), m_mapWeight.end(), [min_weight](std::pair<int, int> item)-> bool {                return (item.first == min_weight.first && item.second == item.second);            });            if (min_it != m_mapWeight.end()) m_mapWeight.erase(min_it);            // 試算中            nAdjustables = 0;            cxFixed = 0;            nEstimateNum = 0;            for (int it1 = 0; it1 < m_items.GetSize(); it1++) {                CControlUI* pControl = static_cast<CControlUI*>(m_items[it1]);                if (pControl->IsFloat()) continue;                if (!pControl->IsVisible()) continue;                SIZE sz = pControl->EstimateSize(szAvailable);                if (sz.cx == 0) {                                                         nAdjustables++;                }                else {                    if (sz.cx < pControl->GetMinWidth()) sz.cx = pControl->GetMinWidth();                    if (sz.cx > pControl->GetMaxWidth()) sz.cx = pControl->GetMaxWidth();                }                m_mapEstimateWidth[pControl] = sz.cx;                cxFixed += sz.cx + pControl->GetPadding().left + pControl->GetPadding().right;                nEstimateNum++;            }            cxFixed += (nEstimateNum - 1) * m_iChildPadding;            cxExpand = 0;            if (nAdjustables > 0) cxExpand = max(0, (szAvailable.cx - cxFixed) / nAdjustables);// 此處下節解釋            // 如果小于空間不夠，先嘗試從低到高縮減帶有adjust屬性的控件            if (szAvailable.cx - cxFixed < 0) {                std::vector<std::pair<CControlUI*, int>> adj_ctrls;                for (int it1 = 0; it1 < m_items.GetSize(); it1++) {                    CControlUI* pControl = static_cast<CControlUI*>(m_items[it1]);                    if (pControl->IsFloat()) continue;                    //if (!pControl->IsVisible()) continue;                    if (pControl->GetCustomAttribute(L"adjustwidth") == NULL ||                        _tcscmp(pControl->GetCustomAttribute(L"adjustwidth"), L"true")) continue;                    adj_ctrls.push_back(std::make_pair(pControl, m_mapWeightCache[it1]));                }                // 自小到大按權重，先嘗試最小權重                std::sort(adj_ctrls.begin(), adj_ctrls.end(), [&](std::pair<CControlUI*, int> lhs,                    std::pair<CControlUI*, int> rhs) -> bool {                    return lhs.second < rhs.second;                });                             for (auto it = adj_ctrls.begin(); it != adj_ctrls.end(); it++) {                    auto ctrl = it->first;                    if (m_mapEstimateWidth[ctrl] > ctrl->GetMinWidth()) {                        int sub_width = min(abs(szAvailable.cx - cxFixed), m_mapEstimateWidth[ctrl] - ctrl->GetMinWidth());                        m_mapEstimateWidth[ctrl] = m_mapEstimateWidth[ctrl] - sub_width;    // 新的試算寬度                         m_mapBookWidth[ctrl] = m_mapEstimateWidth[ctrl];                        cxFixed -= sub_width;                        if (szAvailable.cx - cxFixed >= 0) break; // 已經滿足排列空間                    }                                    }            }            // 空間不夠,從權重最小的依次隱藏        } while (szAvailable.cx - cxFixed < 0 && HideMinWeigth(min_weight.first));        // Position the elements        SIZE szRemaining = szAvailable;        int iposX = rc.left;        if (m_pHorizontalScrollBar && m_pHorizontalScrollBar->IsVisible()) {            iPosX -= m_pHorizontalScrollBar->GetScrollPos();        }        int iAdjustable = 0;        int cxFixedRemaining = cxFixed;        for (int it2 = 0; it2 < m_items.GetSize(); it2++) {            CControlUI* pControl = static_cast<CControlUI*>(m_items[it2]);            if (!pControl->IsVisible()) continue;            if (pControl->IsFloat()) {                SetFloatPos(it2);                continue;            }            RECT rcPadding = pControl->GetPadding();            szRemaining.cx -= rcPadding.left;            SIZE sz = pControl->EstimateSize(szRemaining);            if (sz.cx == 0) {                iAdjustable++;                sz.cx = cxExpand;                //最后一個自適應尺寸大小無需另行計算                //if( iAdjustable == nAdjustables ) {                //	sz.cx = MAX(0, szRemaining.cx -cxFixedRemaining);                //}                if (sz.cx < pControl->GetMinWidth()) sz.cx = pControl->GetMinWidth();                if (sz.cx > pControl->GetMaxWidth()) sz.cx = pControl->GetMaxWidth();            }            else {                if (sz.cx < pControl->GetMinWidth()) sz.cx = pControl->GetMinWidth();                if (sz.cx > pControl->GetMaxWidth()) sz.cx = pControl->GetMaxWidth();            }            sz.cy = pControl->GetFixedHeight();            if (sz.cy == 0) sz.cy = rc.bottom - rc.top - rcPadding.top - rcPadding.bottom;            if (sz.cy < 0) sz.cy = 0;            if (sz.cy < pControl->GetMinHeight()) sz.cy = pControl->GetMinHeight();            if (sz.cy > pControl->GetMaxHeight()) sz.cy = pControl->GetMaxHeight();            //padding不算控件寬度//2012/09/12            //RECT rcCtrl = { iPosX + rcPadding.left, rc.top + rcPadding.top, iPosX + sz.cx + rcPadding.left + rcPadding.right, rc.top + rcPadding.top + sz.cy};            if (m_mapBookWidth.find(pControl) != m_mapBookWidth.end() &&                m_mapBookWidth[pControl] != sz.cx) {                sz.cx = m_mapBookWidth[pControl];            }            RECT rcCtrl = { iPosX + rcPadding.left, rc.top + rcPadding.top, min(iPosX + sz.cx + rcPadding.left, rc.right) , rc.top + rcPadding.top + sz.cy };            pControl->SetPos(rcCtrl);            iPosX += sz.cx + m_iChildPadding + rcPadding.left + rcPadding.right;            szRemaining.cx -= sz.cx + m_iChildPadding + rcPadding.right;            if (m_bWholeDisplay && rcCtrl.right > rc.left + szAvailable.cx)                m_arrWholeDisplayControl.push_back(pControl);        }        // Process the scrollbar        ProcessScrollBar(rc, 0, 0);    }以上代碼主要是在試算過程中，在剩余的空間寬度不足時隱藏一下最小的權重控件，再次試算一遍需要留心的是當Hide時不能夠直接調用子控件的SetVisible接口，這樣會改變控件的基礎狀態，而應使用SetInternVisible，并且在再次SetPos時，清除這樣的記錄，并將狀態重置，這樣，不影響再次的試算過程。基本以上實現了控制欄的自定義隱藏順序。而我們只需要在xml文件中配置一下各個控件的權重即可。實現效果：