IconItemRenderer에 이미지를 추가하는 방법은 무엇입니까?

Question

IconItemRenderer을 확장하여 작업중인 프로젝트에 필요한 사용자 지정 항목 렌더러를 만들었습니다. 이제는 렌더러가 정상적으로 작동합니다. 단, icon 및 decorator 이상의 이미지를 추가하는 방법을 알아낼 수는 없습니다. 3 개의 추가 이미지를 추가해야하며 이미지를 파악할 수 없습니다. 나는 (렌더러가 완전히 AS3로 작성) 노력 해왔다 무엇

는 :

지금까지 내가 말할 수있는

override protected function createChildren():void { 
    super.createChildren(); 
    this.downloadIcon = new BitmapImage(); 
    this.downloadIcon.source = "assets/images/download-160.png"; 
    var down:DisplayObject = this.downloadIcon.createDisplayObject(); 
    this.addChild(down); 
} 

, 그 작동합니다. 해당 소스를 iconDisplay 소스로로드하면 잘로드되므로 소스가 아닙니다. 또한 내가 사용하는 소스 (또는 로컬 대 외부)와 상관 없습니다. 또한 IconItemRenderer 소스의 코드를 사용하지 않으려 고 시도했습니다.

private function assignDisplayObject(bitmapImage:BitmapImage):void 
{ 
    if (bitmapImage) 
    { 
     // try using this display object first 
     if (bitmapImage.setSharedDisplayObject(this)) 
     { 
      bitmapImage.displayObjectSharingMode = DisplayObjectSharingMode.USES_SHARED_OBJECT; 
     } 
     else 
     { 
      // if we can't use this as the display object, then let's see if 
      // the icon already has and owns a display object 
      var ownsDisplayObject:Boolean = (bitmapImage.displayObjectSharingMode != DisplayObjectSharingMode.USES_SHARED_OBJECT); 

      // If the element doesn't have a DisplayObject or it doesn't own 
      // the DisplayObject it currently has, then create a new one 
      var displayObject:DisplayObject = bitmapImage.displayObject; 
      if (!ownsDisplayObject || !displayObject) 
       displayObject = bitmapImage.createDisplayObject(); 

      // Add the display object as a child 
      // Check displayObject for null, some graphic elements 
      // may choose not to create a DisplayObject during this pass. 
      if (displayObject) 
       addChild(displayObject); 

      bitmapImage.displayObjectSharingMode = DisplayObjectSharingMode.OWNS_UNSHARED_OBJECT; 
     } 
    }   
} 

두 가지 방법 중 하나를 사용하여 아무것도 표시되지 않습니다. 누군가 내가 이것을 잘못하고 있다고 설명 할 수 있을까요?

이 전혀 도움이된다면 플렉스 4.10 및 AIR 3.8을 사용.

편집 : Reboog의 요청에 따라, 여기에 전체 아이템 렌더러를 뺀

public class VideoItemRenderer extends IconItemRenderer 
{ 
private static const OUTER_PADDING:uint = 15; 
private static const INNER_PADDING:uint = 10; 

private var description:StyleableTextField; 
private var progressBar:ProgressBar; 
private var downloadContainer:Group; 
private var deleteIcon:VideoDeleteIcon; 
private var downloadIcon:Image; 

public function VideoItemRenderer() 
{ 
    super(); 

    this.addEventListener(FlexEvent.DATA_CHANGE, this.dataChangeHandler); 
    this.minHeight = 106; 
    this.iconFunction = this.iconSelectFunction; 
    this.iconHeight = 76; 
    this.iconWidth = 107; 
} 

private function iconSelectFunction(item:Object):Object { 
    return "assets/images/background-160.png"; 
} 

override protected function createChildren():void { 
    super.createChildren(); 

    this.labelDisplay.wordWrap = true; 
    this.labelDisplay.multiline = true; 

    this.description = StyleableTextField(createInFontContext(StyleableTextField)); 
    this.description.styleName = this; 
    this.description.editable = false; 
    this.description.selectable = false; 
    this.description.multiline = true; 
    this.description.wordWrap = true; 
    this.description.setStyle("fontFamily", "josefin"); 
    this.description.setStyle("fontWeight", "bold"); 
    this.description.text = "Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet."; 
    this.addChild(this.description); 

    this.deleteIcon = new VideoDeleteIcon(); 
    this.deleteIcon.addEventListener(MouseEvent.CLICK, this.deleteClickHandler); 
    this.addChild(this.deleteIcon); 

    this.downloadContainer = new Group(); 
    this.addChild(this.downloadContainer); 

    this.progressBar = new ProgressBar(); 
    this.downloadContainer.addChild(this.progressBar); 

    this.downloadIcon = new Image(); 
    this.downloadIcon.source = "assets/images/download-160.png"; 
    this.downloadContainer.addChild(downloadIcon); 
} 

override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void { 
    unscaledWidth = Math.min(this.owner.width, unscaledWidth); 

    graphics.beginFill(0xffffff, .1); 
    graphics.drawRect(0, 0, unscaledWidth, unscaledHeight); 
    graphics.endFill(); 
    opaqueBackground = null; 
} 

override protected function layoutContents(unscaledWidth:Number, unscaledHeight:Number):void { 
    unscaledWidth = Math.min(this.owner.width, unscaledWidth); 
    super.layoutContents(unscaledWidth, unscaledHeight); 

    if (this.iconDisplay) { 
     this.setElementSize(this.iconDisplay, 107, 76); 
     this.setElementPosition(this.iconDisplay, OUTER_PADDING, OUTER_PADDING); 

     this.setElementPosition(this.labelDisplay, this.iconDisplay.x + this.getElementPreferredWidth(this.iconDisplay) + INNER_PADDING, OUTER_PADDING); 
     this.setElementPosition(this.description, this.iconDisplay.x + this.getElementPreferredWidth(this.iconDisplay) + INNER_PADDING, this.labelDisplay.y + this.getElementPreferredHeight(this.labelDisplay) + INNER_PADDING); 
    } 
    else { 
     this.setElementPosition(this.labelDisplay, OUTER_PADDING, OUTER_PADDING); 
     this.setElementPosition(this.description, OUTER_PADDING, this.labelDisplay.y + this.getElementPreferredHeight(this.labelDisplay) + INNER_PADDING); 
    } 
    this.setElementSize(this.labelDisplay, unscaledWidth - this.labelDisplay.x - OUTER_PADDING, this.getElementPreferredHeight(this.labelDisplay)); 
    this.setElementSize(this.description, unscaledWidth - this.description.x - OUTER_PADDING, this.getElementPreferredHeight(this.description)); 
    this.setElementPosition(this.deleteIcon, unscaledWidth - this.getElementPreferredWidth(this.deleteIcon), 0); 

    var descriptionHeight:Number = this.description.y + this.getElementPreferredHeight(this.description); 
    var iconHeight:Number = this.iconDisplay ? this.iconDisplay.y + this.getElementPreferredHeight(this.iconDisplay) : 0; 

    //this.setElementSize(this.progressBar, this.description.width, 5); 
    this.progressBar.width = this.description.width; 
    this.setElementPosition(this.downloadContainer, 0,Math.max(descriptionHeight, iconHeight) + OUTER_PADDING); 
    this.setElementPosition(this.progressBar, this.description.x, (this.getElementPreferredHeight(this.downloadContainer) - this.getElementPreferredHeight(this.progressBar))/2); 

    var downloadHeight:Number = this.getElementPreferredHeight(this.downloadContainer) + this.downloadContainer.y; 
    this.height = downloadHeight + OUTER_PADDING; 
} 

private function dataChangeHandler(e:FlexEvent):void { 
    if (this.data) { 
     this.label = this.data.label.toUpperCase(); 
    } 
} 
} 

Answer 1

좋아 수입, 그래서 무슨 일이 있었는지 알아낼 수 있었다.

원래 Sprite (내 실수로 정직한 실수 였지만 지난 주 AS3 프로젝트 완료) downloadContainer에 이미지를 추가하려고했습니다. downloadContainer.addChild(Image)를 사용하여 IconItemRenderer이 BitmapImage#createDisplayObject()을 사용하여 생성 된 DisplayObject를 추가하는 이유입니다 가능한 것으로 나타나지 않는 것 같습니다.

컨테이너를 그룹으로 전환하고 addElement를 사용하고 을 확장하여 스프라이트 대신 UIComponent을 확장하면 모든 것이 원래 있어야한다고 생각 했으므로 모든 것이 작동했습니다.

그래서 이것을 사용 :

var container:Group = new Group(); 
addChild(container); 
var image:Image = new Image(); 
image.source = "blah.png"; 
container.addElement(image); 

성공적으로 이미지를 추가 할 것이다.