duilib List控件，横向滚动时列表项不移动或者显示错位的bug的修复

最新推荐文章于 2023-05-09 17:37:51 发布
最新推荐文章于 2023-05-09 17:37:51 发布
阅读量204 收藏 1
点赞数
文章标签： runtime
原文链接：http://www.cnblogs.com/redrainblog/p/4209717.html
版权

转载请说明出处，谢谢~~：http://blog.csdn.net/zhuhongshu/article/details/42264673


        关于这个bug的修复我之前写过一篇博客，连接为：http://blog.csdn.net/zhuhongshu/article/details/40622705


        本以为已经修复好，但是后来有网友私聊我，反映到还存在bug。原本已经解决的bug如下：

        1.当List出现滚动条后，拖动滚动条，这时ListContainElementUI控件内部的子控件跟随Header自动调节位置会有差错，明显看到偏移不正确

        2.当List出现滚动条后，拖动滚动条到任意位置让ListContainElementUI控件内部的子控件位移，然后最小化窗体再恢复。发现本应该发生偏移的子控件这时却跑到了原位。


        新的bug是：当List出现滚动条后，拖动滚动条到任意位置让ListContainElementUI控件内部的子控件位移，然后最大化窗体，就发现列表项的偏移不正确，再次恢复后的列表项位置也有问题。


        尝试从ListContainElementUI控件的SetPos函数解决问题，发现总是无法十全十美，没办法既顾及到最小化又顾及最大化，同时还要计算偏移。尝试修复几个小时都不成功。


        回头想想，前面的三个问题的根源都在于，List容器先重新计算列表项的位置，再去计算表头的位置。而列表项要根据表头的位置去自适应。之前的做法一直是在列表项调整位置时去尝试计算表头的位置，而这样做的致命缺点就是，当最小化和最大化后表头的位置会有突然的变化而知道计算失误。


       换个思路，只要让列表先计算表头的位置，再去计算列表项的位置，自然就没问题了。······，感觉以前的思路好傻。


       通过这个思路可以简单有效的修复所有bug，之前的文章的修复过程全部作废，bug的修复过程如下：


修复过程：


       一、List控件的SetPos函数源码如下：


void CListUI::SetPos(RECT rc)
{
	CVerticalLayoutUI::SetPos(rc);

    if( m_pHeader == NULL ) return;
    // Determine general list information and the size of header columns
    m_ListInfo.nColumns = MIN(m_pHeader->GetCount(), UILIST_MAX_COLUMNS);
    // The header/columns may or may not be visible at runtime. In either case
    // we should determine the correct dimensions...

    if( !m_pHeader->IsVisible() ) {
        for( int it = 0; it < m_pHeader->GetCount(); it++ ) {
            static_cast<CControlUI*>(m_pHeader->GetItemAt(it))->SetInternVisible(true);
        }
        m_pHeader->SetPos(CDuiRect(rc.left, 0, rc.right, 0));
    }
    int iOffset = m_pList->GetScrollPos().cx;
    for( int i = 0; i < m_ListInfo.nColumns; i++ ) {
        CControlUI* pControl = static_cast<CControlUI*>(m_pHeader->GetItemAt(i));
        if( !pControl->IsVisible() ) continue;
        if( pControl->IsFloat() ) continue;

        RECT rcPos = pControl->GetPos();
        if( iOffset > 0 ) {
            rcPos.left -= iOffset;
            rcPos.right -= iOffset;
            pControl->SetPos(rcPos);
        }
        m_ListInfo.rcColumn[i] = pControl->GetPos();
    }
    if( !m_pHeader->IsVisible() ) {
        for( int it = 0; it < m_pHeader->GetCount(); it++ ) {
            static_cast<CControlUI*>(m_pHeader->GetItemAt(it))->SetInternVisible(false);
        }
    }

}

       代码里首先调用父类的SetPos函数，在父类的SetPos里面会初始化表头和列表项的位置，然后可以看到List的SetPos根据滚动条的位置重新调整了表头的位置。


       首先要在函数的最后加入这句代码来重新计算列表项的位置：


	m_pList->SetPos(m_pList->GetPos());

       二、当横向滚动条控件移动时，会通知父控件已经移动来让父控件做出响应。也就是列表滚动条控件会调用List的SetScrollPos函数，而List控件的SetScrollPos函数会调用CListBodyUI控件的 SetScrollPos函数，CListBodyUI控件是所有列表项的容器。在CListBodyUI控件的SetScrollPos函数里，先计算了列表项的位置，后计算表头的位置。所以修改对应代码的位置就可以了，修改后的代码如下： 


void CListBodyUI::SetScrollPos(SIZE szPos)
{
    int cx = 0;
    int cy = 0;
    if( m_pVerticalScrollBar && m_pVerticalScrollBar->IsVisible() ) {
        int iLastScrollPos = m_pVerticalScrollBar->GetScrollPos();
        m_pVerticalScrollBar->SetScrollPos(szPos.cy);
        cy = m_pVerticalScrollBar->GetScrollPos() - iLastScrollPos;
    }

    if( m_pHorizontalScrollBar && m_pHorizontalScrollBar->IsVisible() ) {
        int iLastScrollPos = m_pHorizontalScrollBar->GetScrollPos();
        m_pHorizontalScrollBar->SetScrollPos(szPos.cx);
        cx = m_pHorizontalScrollBar->GetScrollPos() - iLastScrollPos;
    }

    if( cx == 0 && cy == 0 ) return;

	if( cx != 0 && m_pOwner ) {
		CListHeaderUI* pHeader = m_pOwner->GetHeader();
		if( pHeader == NULL ) return;
		TListInfoUI* pInfo = m_pOwner->GetListInfo();
		pInfo->nColumns = MIN(pHeader->GetCount(), UILIST_MAX_COLUMNS);

		if( !pHeader->IsVisible() ) {
			for( int it = 0; it < pHeader->GetCount(); it++ ) {
				static_cast<CControlUI*>(pHeader->GetItemAt(it))->SetInternVisible(true);
			}
		}
		for( int i = 0; i < pInfo->nColumns; i++ ) {
			CControlUI* pControl = static_cast<CControlUI*>(pHeader->GetItemAt(i));
			if( !pControl->IsVisible() ) continue;
			if( pControl->IsFloat() ) continue;

			RECT rcPos = pControl->GetPos();
			rcPos.left -= cx;
			rcPos.right -= cx;
			pControl->SetPos(rcPos);
			pInfo->rcColumn[i] = pControl->GetPos();
		}
		if( !pHeader->IsVisible() ) {
			for( int it = 0; it < pHeader->GetCount(); it++ ) {
				static_cast<CControlUI*>(pHeader->GetItemAt(it))->SetInternVisible(false);
			}
		}
	}

    RECT rcPos;
    for( int it2 = 0; it2 < m_items.GetSize(); it2++ ) {
        CControlUI* pControl = static_cast<CControlUI*>(m_items[it2]);
        if( !pControl->IsVisible() ) continue;
        if( pControl->IsFloat() ) continue;

        rcPos = pControl->GetPos();
        rcPos.left -= cx;
        rcPos.right -= cx;
        rcPos.top -= cy;
        rcPos.bottom -= cy;
        pControl->SetPos(rcPos);
    }

    Invalidate();


}


       三、当表头的位置计算好后，最后修改ListContainElementUI的SetPos函数去计算他的子控件的位置，代码比以前的版本简单了很多：


void CListContainerElementUI::SetPos(RECT rc)
{	
	CHorizontalLayoutUI::SetPos(rc);
	if( m_pOwner == NULL ) return;		

	CListUI* pList = static_cast<CListUI*>(m_pOwner);
	if (pList == NULL) return;

	CListHeaderUI *pHeader = pList->GetHeader();
	if (pHeader == NULL || !pHeader->IsVisible())
		return;
	
	int nCount = m_items.GetSize();
	for (int i = 0; i < nCount; i++)
	{
		CControlUI *pListItem = static_cast<CControlUI*>(m_items[i]);

		CControlUI *pHeaderItem = pHeader->GetItemAt(i);
		if (pHeaderItem == NULL)
			return;

		RECT rcHeaderItem = pHeaderItem->GetPos();
		if (pListItem != NULL && !(rcHeaderItem.left ==0 && rcHeaderItem.right ==0) )
		{
			RECT rt = pListItem->GetPos();
			rt.left =rcHeaderItem.left;
			rt.right = rcHeaderItem.right;
			pListItem->SetPos(rt);
		}

	}

}


总结：


      有这个修复代码后，以前的文章的修复代码就作废了。

      如果要修改ListContainElementUI的朋友可以根据我上面给出的代码修改，也可以直接下载我自己的Duilib库。

      我的Duilib库代码下载地址：点击打开链接



  Redrain  2014.12.30


转载于:https://www.cnblogs.com/redrainblog/p/4209717.html

a539284554
关注
duilib 基本控件 之 列表控件应用
清流弯弯
03-26 235
因为列表单项中，有自定义的控件HBitmapControl ，所以这里创建列表项时，有个创建回调，专门处理自定义控件。
duilib中CTextUI控件更新文字后不显示最新文字（不刷新显示）的问题排查
最新发布
dvlinker的技术专栏
07-26 81
duilib中CTextUI控件更新文字后不显示最新文字（不刷新显示）的问题排查
duilib List控件，横向滚动时列表项不移动或者移动错位的bug的修复
a539284554的博客
10-30 208
转载请说明出处，谢谢~~ 这篇博客已经作废，只是留作记录，新的bug修复博客地址：http://blog.csdn.net/zhuhongshu/article/details/42264673 之前就在群里挺群友朋友说道，使用List控件，里面加入ListContainElementUI元素，当List出现横向滚动条时，滚动条滑动后元素不跟着...
【Duilib基础控件】滚动条CScrollBarUI设置
beibaoke910的专栏
05-09 1335
2.滚动条长度/显示区域的长度= 显示区域的长度/所有显示内容的长度。1.当要显示的内容不大于显示区域，这时候不需要显示滚动条。二、duilib中的CScrollBarUI。一、关于滚动条的一些说明。
ListView嵌套ListView导致数据展示不全的终极解决方案
千山万水
12-29 4882
最近公司有个设计，在ListView的每一行Item的展示数据中还有一个动态的展示列表，类似下面这个页面是外层ListView的Item里面又套了一个ListView： 刚开始做的时候里面的ListView总是展示不完整（只有一行的高度），里层ListView高度设置为Match_Parent无效，重写里层ListView的onMeasure依然无效。 百度搜了一圈，无非是添加一个那个所谓重
ListView显示最后一条Item不完整问题分析
heiyl的专栏
06-12 872
ListView嵌套ListView中条目最后一条数据显示不全的解决方案。方案1：重新定义listviewpublic class MttListView extends ListVie...
Duilib界面库学习笔记
whatday的专栏
12-29 1万+
1.Duilib的下载编译 由于一些事件google无法访问，托管在其上的项目也无法检出也基本无人更新，因此从第三方代码仓库同步下载代码， 地址如下： 1.https://github.com/CodeBees/duilib-Ex-Debug 2.https://github.com/shaoyuan1943/Duilib_Ext 两个仓库的代码是不同的，但根据更新时间来看，第一
Duilib列表控件ListEx扩展 支持按钮等各种控件
01-24
1. **控件模板**：Duilib允许开发者通过XML文件定义控件的布局和样式，ListEx控件也不例外。在XML模板中，你可以指定每一行或每一列的具体内容，包括按钮的位置、大小、文本、图像等属性。 2. **控件创建与绑定**：...
duilib list控件使用
11-18
List控件在Duilib中是一个核心组件，常用于显示多行、多列的数据，类似Windows资源管理器中的文件列表。本篇文章将详细介绍如何在Duilib中使用List控件，并通过`list.cpp`文件的示例来探讨其主要功能和用法。 首先...
Duilib实现List列表
01-27
由VS20013 + Duilib实现，想对List控件研究的可以一起学习下，UI界面链接地址：https://blog.csdn.net/u012983289/article/details/122718229
DUILIB相对位置修改为锚概念
大星星的专栏
03-13 1117
duilib里面的relativepos设计的感觉不是很好用，采用CAnchorCtrl的模式以及C#窗口设计的模式，我们重新把相对位置的概念定义为“锚”。 如图所示，锚可以设置为相对父窗口：顶部，底部，左侧，右侧，以及它们中间的任意组合： enum { Left = 1, Top = 2, Right = 4, Bottom = 8, LeftTop = Left | To...
duilib进阶教程 -- 改进List控件_优化支持多选拉伸 (2)
程序猿GTC
01-03 9981
上篇博客写完，以为改进List达到了项目要求，可后来发现诱发了其他的问题，如滚动条部分功能失效，还有程序在运行一段时间后进入了无响应状态。 后来在以下三个方向进行了探索： 1 主要改进还是在DrawItemText 函数中，试图解决由此引起的Bug 结果：不能解决掉，但证明duilib是可以实现的，只是思路和方法还没有找对。 DrawItemText 本来的作用是重绘Text...
Duilib中各个类的简单介绍
weixin_34100227的博客
06-01 175
转自　　http://note.sdo.com/u/icez/n/mvO-X~jyVnpFnM01A0000m DirectUI意为直接在父窗口上绘图(Paint on parent dc directly)。即子窗口不以窗口句柄的形式创建(windowless)，只是逻辑上的窗口，绘制在父窗口之上。微软的“DirectUI”技术广泛的应用于Windows XP、Vista、Windows 7，...
duilib list控件扩展
热门推荐
midle110
09-07 1万+
对于简单的list控件已经有前辈分析了自带demo的ListRes全过程，duilib DirectUI库里面的一个简单的例子ListDemo， 他分析了listdemo的来龙去脉，这里我只是将个人理解的list分析一下。 由于自带的listdemo不能满足要求，所以必须个人扩展list，通过尝试 发现 1. 列表头禁止拖动情况 这种情况很简单， 配置xml的时候将 表头宽度 和 元素宽度
duilib自定义控件了解
weixin_45935855的博客
12-11 685
DoEvent函数：控件的核心函数，他是消息处理函数，用来处理Duilib封装过的各个消息，比如鼠标的移入移出、出现的悬停、单击双击、右击、滚轮滑动、获取焦点、设置光标等等。所以如果你的控件需要修改这些行为，必须重写这个函数，具体的处理方法可以参考Duilib现有的控件。 DoPaint函数：控件的核心函数，他是控件的绘制处理函数，当Duilib底层要重新绘制这个控件，或者控件自己调用Invalidata函数强制自己刷新时，这个函数就会被触发，在这个函数里完成了各种状态下的背景前景绘制，背景色绘制，文本绘
DuiLib界面库滚动条拖动注意事项
litx的博客
06-13 2180
DuiLib界面库滚动条拖动
duilib列表项中有个编辑框控件时，滚动条滑出显示区域，编辑框错位
06-07
对于这种情况，建议您在列表项中添加一个容器控件，然后将编辑框控件添加到容器控件中。这样，在滚动列表时，容器控件会随着列表项一起滚动，而不会出现编辑框错位的问题。 具体操作可以参考以下步骤： 1. 在列表项布局文件中添加一个容器控件，例如： ```xml <Control name="item_container" size="200,50" pos="0,0" /> ``` 2. 在代码中获取这个容器控件，并将编辑框控件添加到容器控件中，例如： ```cpp CContainerUI* pItemContainer = static_cast<CContainerUI*>(pList->GetItemAt(i)); CEditUI* pEdit = new CEditUI(); pEdit->SetPos(50, 10); pEdit->SetSize(100, 30); pItemContainer->Add(pEdit); ``` 这样，在滚动列表时，容器控件和编辑框控件都会跟随列表项一起滚动，不会出现滑出显示区域和编辑框错位的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值