Can you please also give me the link to the this "template" in doc??
When I changed the code and made my itemrender to extend UIcomponent...
its giving me error as :
" Type Coercion failed: cannot convert
ms.messengermodule::[EMAIL PROTECTED] to
mx.controls.listClasses.IListItemRenderer."
>
> Thanks
> Ps
>
> On Feb 16, 2008 12:11 AM, Alex Harui <[EMAIL PROTECTED]> wrote:
>
> > Not bad for a first try.
> >
> >
> >
> > I would:
> >
> > 1) extend UIComponent instead of Canvas. You aren't using any of
> > Canvas's features so you'll save on size and performance
> >
> > 2) only call invalidateProperties() in the data setter. Move the code
> > in there to commitProperties instead. That'll probably remove the need for
> > the try/catch block. The way it is coded now, you'll get exceptions if the
> > data setter is run before child objects have been set up in createChildren
> >
> > 3) Move the positioning of your components to updateDisplayList().
> >
> > 4) Calculate measuredWidth/Height in measure(), but you shouldn't set
> > x,y there as you may not actually be sized to your measured size and in
> > general, you'll probably want to react to that in updateDisplayList(). The
> > measure method should compute measuredWidth/Height from the
> > getExplicitOrMeasuredWidth/Height of the child components plus any spacing
> > and gap styles or properties.
> >
> > 5) not bother to set the avatarholder's imagesource in measure(). If
> > these are external images, they won't be measureable in measure() because
> > loading external images is asynchronous.
> >
> >
> >
> > I don't see any particular reason for why your images end up on the
> > wrong row. Maybe there's some problem with AvatarHolder?
> >
> >
> >
> > *The 'template' for this is in our docs. I'm sure our doc team would
> > love to know why the docs weren't clear enough for you.*
> >
> >
> >
> > -Alex
> >
> >
> > ------------------------------
> >
> > *From:* [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED] *On Behalf Of *learner
> > *Sent:* Friday, February 15, 2008 12:52 AM
> > *To:* flexcoders@yahoogroups.com; [EMAIL PROTECTED]
> > *Subject:* [flexcomponents] simple renderer please help..........please
> > review it
> >
> >
> >
> > Hi all,
> > I am doing my constant effort to learn and make a decent item renderer
> > for a list ..
> > I have also attached a code that i have written for it...
> > please please have a look at it and tell me where i am doing wrong and
> > loopholes are...
> >
> > the problem that i am facing is ;
> > in my image holder the images are not shown properly ... meaning
> > sometimes the image from the different row gets displayed in the other row..
> > I guessed that there is a way in which u can cache the bitmap in image
> > holder and things like that.. don't know in details ...
> >
> > can any body please suggest me the proper way to design a renderer for
> > this.. please review the following code...
> >
> > (Would be a great help if any body can design this properly for me...i
> > know its too much too ask.. but that will give me guideline and a sort of
> > template .
> > And I once for all ,will get the authentic way to make renderer...till
> > this time .. for me its just blind chess which has really exhausted me
> > )
> >
> > Thanks
> >
> > my item rendere contains :
> > 1) image..
> > 2) a text comming next to image
> > 3) a text comming below the text in 2)
> >
> > (Code file is attached)
> > package ms.messengermodule
> > {
> > import mx.containers.Canvas;
> > import mx.controls.Image;
> > import mx.controls.Label;
> >
> > public class ContactBox extends Canvas
> > {
> >
> > /*private var memberStatus:Label;*/
> >
> > [Embed(source='style.swf', symbol='memberOnline')]
> > private var onlineIcon:Class;
> >
> > [Embed(source='style.swf', symbol='memberOffline')]
> > private var offlineIcon:Class;
> >
> > [Embed(source='ms/felix/css
> >
> > /assets/felixStyle.swf', symbol='memberBusy')]
> > private var busyIcon:Class;
> >
> > [Embed(source='style.swf', symbol='organizer')]
> > private var organizerIcon:Class;
> >
> > private var memberName:Label;
> >
> > private var memberDescription1:Label;
> > private var memberDescription2:Label;
> > private var memberDescription3:Label;
> >
> > private var avatarHolder:ImageHolder;
> >
> > private var description1:String;
> > private var description2:String;
> > private var description3:String;
> >
> > private var contactObject:ContactObject;
> > private var statusImage:Image;
> > private var statusIcon:Object;
> > private var memberNamestr:String;
> > private var userImage:String;
> >
> > /**
> > * Constructor
> > */
> > function ContactBox() {
> > super();
> > this.horizontalScrollPolicy = "off";
> > this.verticalScrollPolicy = "off";
> >
> > }
> >
> > override public function set data(value:Object):void {
> > try{
> > super.data = value;
> > contactObject = value as ContactObject;
> > description1 = contactObject.extensionObject["E"]; //
> > take the value from some dictinory object
> > memberNamestr = contactObject.name.split(" ")[0];
> > userImage = contactObject.imageUrl; // user image
> > statusIcon = "";
> > getStatusIcon();
> > invalidateProperties();
> > }
> > catch(e:Error){
> > trace(e.message);
> > }
> > }
> >
> >
> >
> > private function getStatusIcon():void {
> > if(contactObject.presence == Constants.Online_Presence){
> > statusIcon = new onlineIcon() ;
> > }
> > if(contactObject.presence == Constants.offline_Presence){
> > statusIcon = new offlineIcon();
> > }
> > if(contactObject.presence == Constants.Busy_Presence){
> > statusIcon = new busyIcon();
> > }
> > }
> >
> >
> >
> > override protected function createChildren():void {
> >
> > avatarHolder = new ImageHolder();
> > addChild(avatarHolder);
> > avatarHolder.height = 38;
> > avatarHolder.width = 38;
> > //avatarHolder.imageSource = "";
> >
> > memberName = new Label();
> > memberName.styleName = "NormalTextBoldSmall"
> > memberName.setStyle("color","0xbababa");
> > memberName.text="";
> > addChild(memberName);
> >
> > memberDescription1 = new Label();
> > memberDescription1.styleName = "NormalText";
> > memberDescription1.setStyle("fontWeight","normal");
> > memberDescription1.text=""
> > addChild(memberDescription1);
> >
> > memberDescription2 = new Label();
> > memberDescription2.styleName = "NormalTextSmall";
> > memberDescription2.text=""
> > addChild(memberDescription2);
> >
> > memberDescription3 = new Label();
> > memberDescription3.styleName = "NormalTextSmall";
> > memberDescription3.text=""
> > addChild(memberDescription3);
> >
> > statusImage = new Image();
> > addChild(statusImage);
> > statusImage.height = 10;
> > statusImage.width = 10;
> > super.createChildren();
> > this.styleName="messengerlistRenderer";
> > }
> >
> >
> >
> >
> > override protected function measure():void{
> > //trace(" measure MemberBox"+ memberObject.name);
> > super.measure();
> > memberName.text = memberNamestr//contactObject.name;
> >
> > avatarHolder.x = 0;
> > avatarHolder.y=0;
> > avatarHolder.imageSource = contactObject.imageUrl;
> >
> > memberName.width = 100
> > memberDescription1.width = 150;
> > memberName.x = avatarHolder.width + avatarHolder.x + 4;
> > memberDescription1.htmlText =
> > description1//contactObject.discription1;
> > memberDescription1.x = memberName.x;
> >
> > memberDescription1.y = memberName.textHeight+5;
> >
> > var memberWidth:Number = (memberName.textWidth>
> > memberWidth)?memberWidth:memberName.textWidth
> >
> > statusImage.x = memberName.x + memberWidth+ 10;
> > statusImage.y = memberName.y + 5;
> >
> >
> > }
> >
> > override protected function commitProperties():void {
> > memberDescription1.htmlText =
> > description1//contactObject.extensionObjectArray[Constants.D_EVENT_NAME
> > ];
> > memberName.text = contactObject.name;
> > statusImage.source = statusIcon;
> > avatarHolder.unloadImage();
> > //avatarHolder.visible = false;
> > avatarHolder.imageSource = contactObject.imageUrl;
> > statusImage.source = statusIcon;
> > super.commitProperties();
> > //trace(" commitProperties MemberBox"+ memberObject.name);
> > }
> >
> >
> > }
> > }
> >
> > Regards
> > PS
> >
> >
> >
>
>
