实际项目中UI界面中常常会用到UIListView。大多会在CocoStudio中直接加入这个控件。
可是在使用中发现了一些坑和功能缺乏,然后就看了一下底层的逻辑,发现略微改一下底层就能够满足需求,所以以下就针对需求来分析UIListView的底层。同一时候做一些修改。
需求:依据链表中的内容来动态调整listView本身的大小
void ListView::pushBackDefaultItem()
{
if (!_model)
{
return;
}
/* 克隆一份模板,并加入到项的数组里 */
Widget* newItem = _model->clone();
_items->addObject(newItem);
/* 依据listView的基础设置来调整新加项的布局关系 */
remedyLayoutParameter(newItem);
addChild(newItem);
/* 重点:打开刷新开关 */
_refreshViewDirty = true;
}
这里最后一句才是重点。仅仅有刷新了才会真正计算新的显示,之前的修改才真正生效。所以放我们加入一项的时候,当前帧事实上并没有马上刷新。假设这时候获取大小。仅仅会和之前的一样,并没有改变,那么我们要知道,开关_refreshViewDirty是在什么时候起作用了呢,例如以下:
void ListView::sortAllChildren()
{
ScrollView::sortAllChildren();
if (_refreshViewDirty)
{
/* 刷新 */
refreshView();
_refreshViewDirty = false;
}
}
void ListView::refreshView()
{
ccArray* arrayItems = getItems()->data;
int length = arrayItems->num;
for (int i=0; i<length; i++)
{
Widget* item = static_cast<Widget*>(arrayItems->arr[i]);
item->setZOrder(i);
remedyLayoutParameter(item);
}
/* 更新内容大小 */
updateInnerContainerSize();
}
能够看到。最关键的改变大小的函数updateInnerContainerSize():
定义一个变量用来保存真实大小,原因是listView本身计算大小的结果并非以内容为准,而是以最初用户设置的大小,那么真实的大小会被遗弃,所以我们要保存住她:
CCSize _actualInnerSize;
void ListView::updateInnerContainerSize()
{
switch (_direction)
{
case SCROLLVIEW_DIR_VERTICAL:
{
/*...*/
/* 保存真实大小 */
_actualInnerSize = CCSize(finalWidth, finalHeight);
setInnerContainerSize(_actualInnerSize);
break;
}
case SCROLLVIEW_DIR_HORIZONTAL:
{
/*...*/
/* 保存真实大小 */
_actualInnerSize = CCSize(finalWidth, finalHeight);
setInnerContainerSize(_actualInnerSize);
break;
}
default:
break;
}
}
void ScrollView::setInnerContainerSize(const CCSize &size)
{
/* 获取用户设置的大小(没设置就是默认的) */
float innerSizeWidth = _size.width;
float innerSizeHeight = _size.height;
/* 获取原始大小 */
CCSize originalInnerSize = _innerContainer->getSize();
/* 更新后的新的内容大小与设置的大小作比較 */
if (size.width < _size.width)
{
/* 假设新的内容大小比设置的要小,输出提示,并以设置的大小为准,大小不改变 */
CCLOG("Inner width <= scrollview width, it will be force sized!");
}
else
{
/* 假设新的内容大小比设置的要大。则以新内容大小为准 */
innerSizeWidth = size.width;
}
if (size.height < _size.height)
{
CCLOG("Inner height <= scrollview height, it will be force sized!");
}
else
{
innerSizeHeight = size.height;
}
_innerContainer->setSize(CCSize(innerSizeWidth+5, innerSizeHeight+10));
}
在updateInnerContainerSize函数中我们以保存了实际内容大小,须要写一个get函数来获取:
CCSize ListView::getActualInnerSize()
{
/* 重点:马上(当前帧)运行刷新。更新大小 */
refreshView();
return _actualInnerSize;
}
最后实现需求:listView->setSize(getActualInnerSize())
为了可以滚动,要实现两个条件
①:setTouchEnable(true)
②:一定要将UIListView 放入到UILayer中,仅仅有UILayer才会监听UI系列触摸。CCLayer不能够
所以须要创建一个UILayer* layer;layer->addWidget(list);//一定是addWidget。表示以挂件形式加入,addChild不能够。最后再addChild(layer)。
③:向列表中加入控件时,列表会自己主动排好位置,此时位置是不受手动管理的(并且位置通常不正确,中心点在左上角,我们无法改变,做相对偏移等);但有时候我们为了调整位置,仅仅能加入中间层。如UILayout。而UILayout要注意的是,它相当于一个层,坐标计算和层一样。