duilib中的V和H佈局中滾動條問題

原創 damingg 2018-09-03 16:44
首先看一段xml代碼
 <?xml version="1.0" encoding="utf-8"?>
<Window size="300,200" caption="0,0,300,20">
	<HorizontalLayout name="aaaa" bkcolor="#FFEEEEEE" >

		<VerticalLayout name="xxxxxx" float="true" pos="50,20,250,195" hscrollbar="true" vscrollbar="true" sepheight="4" >
		
			<Label name="child1" text="text1" float="false" pos="0,0,300,200" bordercolor="#FFEE00EE" bkcolor="#FF0000EE" textcolor="#FF010101"/>
			<Label name="child2" text="text2" float="false" pos="0,0,200,200" bordercolor="#FFEE00EE" bkcolor="#FF0000EE" textcolor="#FF01FF01"/>

		</VerticalLayout>

	</HorizontalLayout>
</Window>

這是一個窗口，它包含一個豎的佈局，顯示出來初始狀態是這樣的：

在佈局中，2個子控件所需要的長和寬，比佈局本身的大小要大，所以需要2個滾動條來拉動顯示。

我們可以看到橫豎兩個滾動條。

不過，我們拉動滾動條，卻不能完全展示子控件。如下圖：

雖然橫向滾動條拉到了最右邊，但Label控件child1的右邊沒有展示出來。

檢查代碼，發現CVerticalLayoutUI的SetPos方法如下：

	void CVerticalLayoutUI::SetPos(RECT rc)
	{
		...省略若干代碼

		// Process the scrollbar
		ProcessScrollBar(rc, 0, cyNeeded);
	}

在最後面，調用了基類CContainerUI的ProcessScrollBar方法，來設置滾動條信息，ProcessScrollBar函數的第二個參數是設置橫向滾動條信息，第三個參數是豎向滾動條。此時設置橫向的參數爲0，豎向的是cyNeeded。顯然，這裏忽略了橫向的，所以在豎向佈局VerticalLayout中，橫向滾動條不能正常顯示。

在CVerticalLayoutUI::SetPos中，所有涉及到cyNeeded的代碼如下：

int cyNeeded = 0;
		int cyExpand = 0;
		if( nAdjustables > 0 ) cyExpand = MAX(0, (szAvailable.cy - cyFixed) / nAdjustables);
		// Position the elements
		SIZE szRemaining = szAvailable;
		int iPosY = rc.top;
		if( m_pVerticalScrollBar && m_pVerticalScrollBar->IsVisible() ) {
			iPosY -= m_pVerticalScrollBar->GetScrollPos();
		}
		int iPosX = rc.left;
		if( m_pHorizontalScrollBar && m_pHorizontalScrollBar->IsVisible() ) {
			iPosX -= m_pHorizontalScrollBar->GetScrollPos();
		}
		int iAdjustable = 0;
		int cyFixedRemaining = cyFixed;
		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.cy -= rcPadding.top;
			SIZE sz = pControl->EstimateSize(szRemaining);
			if( sz.cy == 0 ) {
				iAdjustable++;
				sz.cy = cyExpand;
				// Distribute remaining to last element (usually round-off left-overs)
				if( iAdjustable == nAdjustables ) {
					sz.cy = MAX(0, szRemaining.cy - rcPadding.bottom - cyFixedRemaining);
				} 
				if( sz.cy < pControl->GetMinHeight() ) sz.cy = pControl->GetMinHeight();
				if( sz.cy > pControl->GetMaxHeight() ) sz.cy = pControl->GetMaxHeight();
			}
			else {
				if( sz.cy < pControl->GetMinHeight() ) sz.cy = pControl->GetMinHeight();
				if( sz.cy > pControl->GetMaxHeight() ) sz.cy = pControl->GetMaxHeight();
				cyFixedRemaining -= sz.cy;
			}

			sz.cx = pControl->GetFixedWidth();
			if( sz.cx == 0 ) sz.cx = szAvailable.cx - rcPadding.left - rcPadding.right;
			if( sz.cx < 0 ) sz.cx = 0;
			if( sz.cx < pControl->GetMinWidth() ) sz.cx = pControl->GetMinWidth();
			if( sz.cx > pControl->GetMaxWidth() ) sz.cx = pControl->GetMaxWidth();

			RECT rcCtrl = { iPosX + rcPadding.left, iPosY + rcPadding.top, iPosX + rcPadding.left + sz.cx, iPosY + sz.cy + rcPadding.top + rcPadding.bottom };
			pControl->SetPos(rcCtrl);

			iPosY += sz.cy + m_iChildPadding + rcPadding.top + rcPadding.bottom;
			cyNeeded += sz.cy + rcPadding.top + rcPadding.bottom;
			szRemaining.cy -= sz.cy + m_iChildPadding + rcPadding.bottom;
		}
		cyNeeded += (nEstimateNum - 1) * m_iChildPadding;
在for循環裏，會統計所有非float子控件的高度

在  cyNeeded += sz.cy + rcPadding.top + rcPadding.bottom;  裏，sz.cy是1個子控件的高度，而rcPadding = pControl->GetPadding(); 是控件的padding屬性，也就是外邊距。

最後yNeeded += (nEstimateNum - 1) * m_iChildPadding;  m_iChildPadding是佈局的childpadding屬性，也就是子控件之間的額外距離。

我們可以仿照cyNeeded的計算方式，來算出cxNeeded。因爲是豎向佈局，所以 cyNeeded += sz.cy 這裏是累加，但是橫向值，應該取最寬的控件的值，

所以for循環中的代碼應該是這樣：

int tmp = sz.cx + rcPadding.left + rcPadding.right;
cxNeeded = (tmp > cxNeeded) ? tmp: cxNeeded;

最後cxNeeded += (nEstimateNum - 1) * m_iChildPadding;

    此時通過對代碼的瞭解，可以得知：佈局在計算容量面積時，只計算非float類型的子控件，忽略了float類型的子控件。

算出了佈局的寬度後，就應用起來

修改原來的代碼爲：ProcessScrollBar(rc, cxNeeded, cyNeeded);


改完後，發現問題依然。於是，檢查了下ProcessScrollBar的代碼，如下

	void CContainerUI::ProcessScrollBar(RECT rc, int cxRequired, int cyRequired)
	{
		if( m_pHorizontalScrollBar != NULL && m_pHorizontalScrollBar->IsVisible() ) {
			RECT rcScrollBarPos = { rc.left, rc.bottom, rc.right, rc.bottom + m_pHorizontalScrollBar->GetFixedHeight()};
			m_pHorizontalScrollBar->SetPos(rcScrollBarPos);
		}

		if( m_pVerticalScrollBar == NULL ) return;

		if( cyRequired > rc.bottom - rc.top && !m_pVerticalScrollBar->IsVisible() ) {
			m_pVerticalScrollBar->SetVisible(true);
			m_pVerticalScrollBar->SetScrollRange(cyRequired - (rc.bottom - rc.top));
			m_pVerticalScrollBar->SetScrollPos(0);
			m_bScrollProcess = true;
			SetPos(m_rcItem);
			m_bScrollProcess = false;
			return;
		}
		// No scrollbar required
		if( !m_pVerticalScrollBar->IsVisible() ) return;

		// Scroll not needed anymore?
		int cyScroll = cyRequired - (rc.bottom - rc.top);
		if( cyScroll <= 0 && !m_bScrollProcess) {
			m_pVerticalScrollBar->SetVisible(false);
			m_pVerticalScrollBar->SetScrollPos(0);
			m_pVerticalScrollBar->SetScrollRange(0);
			SetPos(m_rcItem);
		}
		else
		{
			RECT rcScrollBarPos = { rc.right, rc.top, rc.right + m_pVerticalScrollBar->GetFixedWidth(), rc.bottom };
			m_pVerticalScrollBar->SetPos(rcScrollBarPos);

			if( m_pVerticalScrollBar->GetScrollRange() != cyScroll ) {
				int iScrollPos = m_pVerticalScrollBar->GetScrollPos();
				m_pVerticalScrollBar->SetScrollRange(::abs(cyScroll));
				if( m_pVerticalScrollBar->GetScrollRange() == 0 ) {
					m_pVerticalScrollBar->SetVisible(false);
					m_pVerticalScrollBar->SetScrollPos(0);
				}
				if( iScrollPos > m_pVerticalScrollBar->GetScrollPos() ) {
					SetPos(m_rcItem);
				}
			}
		}
	}
很明顯，cxRequired根本沒有用到。

對於橫向滾動條，只使用了這3行代碼：

		if( m_pHorizontalScrollBar != NULL && m_pHorizontalScrollBar->IsVisible() ) {
			RECT rcScrollBarPos = { rc.left, rc.bottom, rc.right, rc.bottom + m_pHorizontalScrollBar->GetFixedHeight()};
			m_pHorizontalScrollBar->SetPos(rcScrollBarPos);
		}
於是，我們需要仿照設置豎向滾動條的方式，來設置橫向滾動條： 

void CContainerUI::ProcessScrollBar(RECT rc, int cxRequired, int cyRequired)
{
	while(m_pHorizontalScrollBar)
	{
		if (cxRequired > rc.right - rc.left && !m_pHorizontalScrollBar->IsVisible())
		{
			m_pHorizontalScrollBar->SetVisible(true);
			m_pHorizontalScrollBar->SetScrollRange(cxRequired - (rc.right - rc.left));
			m_pHorizontalScrollBar->SetScrollPos(0);
			m_bScrollProcess = true;
			SetPos(m_rcItem);
			m_bScrollProcess = false;
			break;
		}

		if( !m_pHorizontalScrollBar->IsVisible() ) break;

		int cxScroll = cxRequired - (rc.right - rc.left);
		if (cxScroll <= 0 && !m_bScrollProcess)
		{
			m_pHorizontalScrollBar->SetVisible(false);
			m_pHorizontalScrollBar->SetScrollPos(0);
			m_pHorizontalScrollBar->SetScrollRange(0);
			SetPos(m_rcItem);
		}
		else
		{
			RECT rcScrollBarPos = { rc.left, rc.bottom, rc.right, rc.bottom + m_pHorizontalScrollBar->GetFixedHeight() };
			m_pHorizontalScrollBar->SetPos(rcScrollBarPos);

			if( m_pHorizontalScrollBar->GetScrollRange() != cxScroll ) {
				int iScrollPos = m_pHorizontalScrollBar->GetScrollPos();
				m_pHorizontalScrollBar->SetScrollRange(::abs(cxScroll));
				if( m_pHorizontalScrollBar->GetScrollRange() == 0 ) {
					m_pHorizontalScrollBar->SetVisible(false);
					m_pHorizontalScrollBar->SetScrollPos(0);
				}
				if( iScrollPos > m_pHorizontalScrollBar->GetScrollPos() ) {
					SetPos(m_rcItem);
				}
			}
		}
		break;
	}

	while(m_pVerticalScrollBar)
	{
		if( cyRequired > rc.bottom - rc.top && !m_pVerticalScrollBar->IsVisible() ) {
			m_pVerticalScrollBar->SetVisible(true);
			m_pVerticalScrollBar->SetScrollRange(cyRequired - (rc.bottom - rc.top));
			m_pVerticalScrollBar->SetScrollPos(0);
			m_bScrollProcess = true;
			SetPos(m_rcItem);
			m_bScrollProcess = false;
			break;
		}
		// No scrollbar required
		if( !m_pVerticalScrollBar->IsVisible() ) break;

		// Scroll not needed anymore?
		int cyScroll = cyRequired - (rc.bottom - rc.top);
		if( cyScroll <= 0 && !m_bScrollProcess) {
			m_pVerticalScrollBar->SetVisible(false);
			m_pVerticalScrollBar->SetScrollPos(0);
			m_pVerticalScrollBar->SetScrollRange(0);
			SetPos(m_rcItem);
		}
		else
		{
			RECT rcScrollBarPos = { rc.right, rc.top, rc.right + m_pVerticalScrollBar->GetFixedWidth(), rc.bottom };
			m_pVerticalScrollBar->SetPos(rcScrollBarPos);

			if( m_pVerticalScrollBar->GetScrollRange() != cyScroll ) {
				int iScrollPos = m_pVerticalScrollBar->GetScrollPos();
				m_pVerticalScrollBar->SetScrollRange(::abs(cyScroll));
				if( m_pVerticalScrollBar->GetScrollRange() == 0 ) {
					m_pVerticalScrollBar->SetVisible(false);
					m_pVerticalScrollBar->SetScrollPos(0);
				}
				if( iScrollPos > m_pVerticalScrollBar->GetScrollPos() ) {
					SetPos(m_rcItem);
				}
			}
		}
		break;
	}
}

看看效果

可以看到控件child1的右邊框。


HorizontalLayout也有同樣的問題，可類似修改。

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

duilib 給List表頭增加百分比控制寬度的功能

轉載請說明原出處，謝謝~~：http://blog.csdn.net/zhuhongshu/article/details/42503147        最近項目裏需要用到包含表頭列表，而窗體大小改變後，每個列表項的寬度不會自動改變，

Redrain 2020-07-07 06:32:47

Duilib實現聊天窗口中發送和接收語音消息、圖片、表情和文件

Duilib實現聊天窗口中發送和接收語音消息、圖片、表情和文件1.需要的源文件及dll2.實現的效果圖片 1.需要的源文件及dll 資源鏈接. 2.實現的效果圖片

yuer_xiao 2020-07-02 01:12:27

Duilib中創建新的頁面時RichEdit中的滑動條設置，自動移動到底部

m_pChatRecordListBox = (RichEdit*)FindControl(_T("chat_form")); //初始化時加載富文本框控件，忽略 Load(); //加載完畢後直接設置 移動到底部。會出現問題，

yuer_xiao 2020-07-02 01:12:27

Duilib創建窗體且連接SqlServer2012

1、 創建一個c++ win32 程序 2、在stdafx.h加入支持 // TODO: 在此處引用程序需要的其他頭文件 #include <ObjBase.h> #include <UIlib.h> using namespace

LZTFans 2020-06-29 18:03:41

LNK1104: cannot open file 'XXX.map'

Question :  Hi,everone:      I am trying to compile a c++ project with vs2010 and the LINK : fatal error LNK1104: can

嘻嘻宝贝 2020-07-08 00:40:14

如何在vs2005查看內存視圖？

進入調試模式，在視圖(view)選項選擇其他窗口(other window)，打開命令窗口(command window)，輸入memory,即可查

嘻嘻宝贝 2020-07-08 00:40:14

Duilib下編輯框限定字符字數問題

在Duilib下限定字符個數，可以通過配置文件中加入maxchar來設置或者在代碼裏調用SetMaxChar(UINT uMax)函數來進行限定，但是當你調試的時候，發現自己設定的與自己輸入的不一致，按常理說maxchar="10",那就

嘻嘻宝贝 2020-07-08 00:40:14

PostMessage傳參問題

MSDN： BOOL PostMessage( HWND hWnd, // handle to destination window UINT Msg, // message WPARAM wParam,

嘻嘻宝贝 2020-07-08 00:40:03

怎樣把編輯框中的光標移動到編輯框中字符的最後面?

有兩種方法：1. 通過窗口的句柄發送End消息。 if (m_pAcountEdit->IsFocused()) { HWND hwnd = ::GetFocus(); ::SendMessage(hwnd, WM_KEYDOWN, VK

嘻嘻宝贝 2020-07-08 00:40:03

第一章 第三小節在Duilib中的事件委託

  在win32中，非常常見的各類消息，但消息的源頭是各類事件，那在duilib中，是如何實現各種事件以供sdk運行的呢？首先，它定義了一個CDelegateBase基類，如下所示： class UILIB_API CDelega

安敬知 2020-07-06 16:12:52

duilib 動態創建按鈕

最近準備學習新的界面庫，感覺MFC開發起來太麻煩。找到網上一些開源的界面庫，炫彩，DUILIB，感覺寫都蠻好的，由於炫彩是C就不用了，畢竟自己都是用c++開發，懶得自己進行封裝，我就選擇了duilib這個界面庫，非常感謝大牛留下的好東西。

小鱼儿hello-world 2020-07-05 10:05:57

MFC中應用duilib的相關兼容性問題處理

本文致力於解決在MFC中應用duilib的相關兼容性問題。   duilib非常強大，目前已經被各大公司廣泛應用，但基本都是基於win32的；一份與MFC混合使用的DEMO，使得我們這些在老的MFC項目下久經UI之苦的看到了希望。   然

大蓝头 2020-07-03 05:39:51

關於duilib的CTreeViewUI擴展以支持節點拖放的手記

本文主要是記錄下對於CtreeViewUI支持不同節點間的拖放功能的擴展過程，拋磚引玉，希望能讓更多的人來豐富duilib的功能。   由於客戶要求能夠在樹控件中在各個節點間進行節點拖放，此項目是應用duilib來實現的，但找遍了duil

大蓝头 2020-07-03 05:39:41

Duilib學習之仿酷狗開發(1)

由於工作需要學習Duilib界面庫基本用法後發現自己不滿足與現狀就開始瞎折騰，由於手上沒有項目也麼有PS素材就直接從別人博客看到了防酷狗音樂覺得很有意思，所以我這裏就直接把別人源碼拿過來，但是對於一個剛入手的新人來說把一個已經實現完畢的項

By_Zhww 2020-07-02 18:43:30

duilib 各控件響應的消息類型

消息 說明 Sender 宏定義 link   CTextUI、CListTextElementUI DUI_MSGTYPE_LINK menu   CButtonUI、CControlUI

时代在召唤r 2020-07-02 16:36:11