DrawImage element within CompositeImage

[Brian_W]

Is there a way to specify a placeholder tag instead of a hardcoded filename in the DrawImage element, similar to the way you can do "@TextGoesHere" for the DrawText elements? I want to build a popup window as a Composite Image, and the window will have a jpg image contained within it, but it will not be the same jpg everytime, will depend on the selected item.

I guess I can use a SpecialElement tag to specify the location, but it would be nice to have it all within the Composite Image.

Thanks

Brian

[Jeff]

There is. In the skin file you say something like

<DrawImage filename="@image" loc="7,7" size="60,60" />

And in your code you set the @image parameter to the jpg you want to display. Note that you pass an Image object, not a filename, despite the XML saying filename = ...

Jeff

[Brian_W]

Ah, thats where I goofed up. I did a real quick test and passed a string, should have figured to pass an actual image object! duh. Thanks Jeff.

Brian

[Fatman_do]

Is there a way to specify a placeholder tag instead of a hardcoded filename in the DrawImage element, similar to the way you can do "@TextGoesHere" for the DrawText elements? I want to build a popup window as a Composite Image, and the window will have a jpg image contained within it, but it will not be the same jpg everytime, will depend on the selected item.

I guess I can use a SpecialElement tag to specify the location, but it would be nice to have it all within the Composite Image.

Thanks

Brian

How it is done within the plugin is something I cannot answer. How it is done in a skin.xml file is like this:

Code:

<CompositeImage name="Popup" size="514,210">
    <DrawImage size="xx,yy" loc="x,y" filename="@WhateverYourTagIs" />
    <DrawText size="xxx,yy" loc="xx,y" text="@WhateverTextTag1" align="Left" textStyle="GeneralText" />
    <DrawText size="xxx,yy" loc="xxx,yy" text="WhateverTextTag2" align="Left" textStyle="GeneralText" />
</CompositeImage>

And buttons within could be controlled by a special element like

Code:

<SpecialElement name="PopupBox" size="xxx,yyy" loc="xxx,yyy" />
<SpecialElement name="PopupReviewButton" size="xxx,yy" loc="xxx,yyy" />
<SpecialElement name="PopupExitButton" size="xxx,yy" loc="xxx,yyy" />

and the buttons are driven by these composite images

Code:

<!-- image used for a popup selected button -->
<CompositeImage name="PopupSelectedButtonImage" size="130,38">
    <DrawRoundedRect loc="4,5" size="120,30" radius="10" borderWidth="4" borderColor="White" fillColor="DarkBlue"/>            
    <DrawText text="@buttonText" loc="0,9" size="130,34" textStyle="ButtonText" align="Center"/>            
</CompositeImage>
        
<!-- image used for a popup normal button -->
<CompositeImage name="PopupNormalButtonImage" size="130,38">            
    <DrawRoundedRect loc="4,5" size="120,30" radius="10" borderWidth="4" borderColor="Black" fillColor="DarkBlue"/>            
    <DrawText text="@buttonText" loc="0,9" size="130,34" textStyle="ButtonText" align="Center"/>            
</CompositeImage>

That is how it would possibly be done on the skinning side of things.
(I used some of Jeff's code as an example with the names and values changed )