DuiLib学习笔记（二） 扩展CScrollbar属性

DuiLib学习笔记（二） 扩展CScrollbar属性

Duilib的滚动条滑块默认最小值为滚动条的高度（HScrollbar）或者宽度（VScrollbar）。并且这个值默认为16。当采用系统样式的滚动条，或者 Troy的源码（https://github.com/qdtroy/DuiLib_Ultimate）自带的样式时，是没有问题的，因为这两种样式默认高（宽）度都是16，当滑块最小时，也有16*16，背景图片（九宫格式）不会出拉伸BUG。但是，当自定义背景图片时，如果图片本身大小超过16*16，则会出现重影,本图中滚动条宽度设置为12，滑块背景图片为40*12。corner=”0,6,0,24”。或者滑块变得很小，本图中滚动条宽度设置为12，滑块背景图片为40*12。corner=”0,6,0,6”。

查看源码可以发现

m_rcThumb.top = rc.top;
                m_rcThumb.bottom = rc.top + m_cxyFixed.cy;
                if( m_nRange > 0 ) {
                    int cxThumb = cx * (rc.right - rc.left) / (m_nRange + rc.right - rc.left);
                    if( cxThumb < m_cxyFixed.cy ) cxThumb = m_cxyFixed.cy;

                    m_rcThumb.left = m_nScrollPos * (cx - cxThumb) / m_nRange + m_rcButton1.right;
                    m_rcThumb.right = m_rcThumb.left + cxThumb;
                    if( m_rcThumb.right > m_rcButton2.left ) {
                        m_rcThumb.left = m_rcButton2.left - cxThumb;
                        m_rcThumb.right = m_rcButton2.left;
                    }
                }
                else {
                    m_rcThumb.left = m_rcButton1.right;
                    m_rcThumb.right = m_rcButton2.left;
                }

,当滑块变得很小时，源码只是简单的设置滑块的宽度为m_cxyFixed.cy，即滚动条高度（HScrollbar）。因此，我们可以给它加一个属性ThumbMinSize，即设置一个滑块最小值，来替换m_cxyFixed.cy。

具体代码如下：

头文件UIScrollbar.h

protected:
int m_nThumbMinSize;

public:
int GetThumbMinSize();
void SetThumbMinSize();

实现文件UIScrollbar.cpp

//构造函数里面初始化m_nThumbMinSize值为DEFAULT_SCROLLBAR_SIZE ，即16

CScrollBarUI::CScrollBarUI():……{　　m_nThumbMinSize = DEFAULT_SCROLLBAR_SIZE;}

void CScrollBarUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
{
    .......   //源码
    else if (_tcsicmp(pstrName, _T("thumbminsize")) == 0) SetThumbMinSize(_ttoi(pstrValue));
}

int CScrollBarUI::GetThumbMinSize()
{
    return m_nThumbMinSize;
}

void CScrollBarUI::SetThumbMinSize(int nSize)
{
    m_nThumbMinSize = nSize;
    Invalidate();
}

void CScrollBarUI::SetPos(RECT rc, bool bNeedInvalidate)
{
    ……    //源码
    m_rcThumb.top = rc.top;
    m_rcThumb.bottom = rc.top + m_cxyFixed.cy;
    if( m_nRange > 0 ) {
        int cxThumb = cx * (rc.right - rc.left) / (m_nRange + rc.right - rc.left);
        /*这儿有改动，源码设置的滑块最小值为 滚动条的高度(HScrollbar)*/
        if (cxThumb < m_nThumbMinSize)
        {
            if (m_nThumbMinSize < m_cxyFixed.cy)
            {
                cxThumb = m_cxyFixed.cy;
            }
            else
                cxThumb = m_nThumbMinSize;
        }

        m_rcThumb.left = m_nScrollPos * (cx - cxThumb) / m_nRange + m_rcButton1.right;
        m_rcThumb.right = m_rcThumb.left + cxThumb;
        if( m_rcThumb.right > m_rcButton2.left ) {
            m_rcThumb.left = m_rcButton2.left - cxThumb;
            m_rcThumb.right = m_rcButton2.left;
        }
    }
    ……    //源码

    //另外，下面的竖向滚动条也一样
}

完美实现！！！