我拼命地试图修复我的自定义 iconitemrenderer 列表中的一个奇怪行为:当我将视图更改为内部列表的视图并开始滚动时,列表在几分之一秒内变白(显然完全重绘),但只有视图更改后第一次滚动时。
在 IconItemRenderer 我添加一个复选标记:
<s:IconItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark">
...
override protected function commitProperties():void
{
//create checkbox
if(!checkMarkImage && data.isChecked) {
//create image holder
imageHolder = new Group;
addChild(imageHolder);
//create image
checkMarkImage = new BitmapImage();
checkMarkImage.source = checkBoxSource;
imageHolder.addElement(checkMarkImage);
}
//delete checkmark
else if(checkMarkImage && !data.isChecked) {
removeChild(imageHolder);
imageHolder = null;
checkMarkImage = null;
}
super.commitProperties();
}
override protected function layoutContents(w:Number, h:Number):void
{
super.layoutContents(w, h);
//layout the checkmark
if(checkMarkImage) {
// don't do it like this! (see correct answer)
checkMarkImage.x = w-40;
checkMarkImage.y = 14;
}
}
列表更改处理程序在所选项目上设置标记并将其从旧项目中删除。完成此操作后,它会调用 popView(),但是当您再次访问此视图时,会在视图 addHandler 中创建列表,并且当您开始滚动列表时,其行为如上所述。
//list change
protected function myList_changeHandler(event:IndexChangeEvent):void
{
//is already selected?
var item:Object = myList.selectedItem;
if(!item.isChecked) {
//deselect the other one?
var length:int = myList.dataProvider.length;
var oldItem:Object;
for(var i:int = 0; i < length; i++) {
oldItem = myList.dataProvider.getItemAt(i);
if(oldItem.isChecked) {
oldItem.isChecked = false;
myList.dataProvider.itemUpdated(oldItem);
break;
}
}
//select new one
item.isChecked = true;
myList.dataProvider.itemUpdated(item);
}
//pop view
navigator.popView();
}
我认为问题出在 myList.dataProvider.itemUpdated(oldItem) 中,显然渲染器认为它必须重绘所有内容,但我不知道为什么......为什么只有在再次显示视图之后......?
任何想法,如果它是一个错误或什么?我怎样才能摆脱这种行为,或者我怎样才能正确调试这个?谢谢