Wiztools roadmap

[idkpmiller]

Hi JW,

Do you have any plans to add lists with images/icon support to wizuihelper?

Thanks

[McBainUK]

Isn't this already possible with the use of image args and a DrawImage tag in the skin file?

[JavaWiz]

As McBain states, you should already be able to place images in lists utilizing an image callback and a DrawImage tag in the skin. I'll provide an example if you'd like tonight.

[JavaWiz]

First you need to create an object that implements the SkinHelper2.GetImageCallback. This object will probably also store info that will display in the list.

In this example, the ShowInfo object exposes the title, episode and show image (jpg)

Code:

public class ShowInfo SkinHelper2.GetImageCallback
{
    public string title = "The show title";
    public string episode = "The show episode";
    public string thumbNailLoc = c://someDir//someFile.jpg";
    ...

    public Image GetImage(Hashtable parameters, string name, int width, int height)
    {
        Image returnImage = null;
        
[SIZE=2]       returnImage = [/SIZE][SIZE=2][COLOR=#2b91af]Image[/COLOR][/SIZE][SIZE=2].FromFile(thumbNailLoc[/SIZE][SIZE=2]);[/SIZE]
[SIZE=2]       return returnImage;[/SIZE]
    }

}

In your main program, you will create an ArrayList of WizUiList.WizListItem objects.

Code:

ArrayList list = new ArrayList();
ArrayList programs = BuildProgramList();
foreach (ShowInfo si in programs)
{
[SIZE=2][COLOR=#2b91af]   WizUiList[/COLOR][/SIZE][SIZE=2].[/SIZE][SIZE=2][COLOR=#2b91af]WizListItem[/COLOR][/SIZE][SIZE=2] item = [/SIZE][SIZE=2][COLOR=#0000ff]new[/COLOR][/SIZE][SIZE=2][COLOR=#2b91af]WizUiList[/COLOR][/SIZE][SIZE=2].[/SIZE][SIZE=2][COLOR=#2b91af]WizListItem[/COLOR][/SIZE][SIZE=2]();[/SIZE]
[SIZE=2]   item.Text = si.title + " - " + si.episode;[/SIZE]
    // Set the thumbnail property to the object exposing the GetImage method
[SIZE=2]   item.AddProperty("@thumbnail", si);[/SIZE]
[SIZE=2]   list.Add(item);[/SIZE]
}
// now set the list for the WizUiList object
lstPrograms.setItemList(list);

Now the skin should reflect those entries as follows:

Code:

<CompositeImage name="ProgramsListNormal" size="70,4.0">
    <DrawCommonImage name="ListViewNormalItemBackground"/>
    <DrawText text="@text" loc="0,0" size="100,100" textStyle="ListNormalTextStyle" align="Left" valign="Center"/>
    <DrawImage filename="@thumbnail" loc="90,0" size="10,100"  />        
</CompositeImage>

[idkpmiller]

Thanks for the code and the respose.
After speaking with McBainUK my inexperience with the correct term has got it the way once more, what I was actually after was a grid with images which I believe is not supported by GBPVR :-(

never mind I will try using a list with images not quite as cosmetically pleasing....

Thanks

[psycik]

grid with image is supported....if you create a UiSimpleList (in the pvrx2 libraries) and set the mode to ICON you should be able to get a grid of images..

[McBainUK]

Well I'll be damned, is that a new thing? I'm sure a few months back the simple list was just that, a simple list only.

[psycik]

no I think it's always been there... That picture was quite old - august 2007 - just when version 1 was coming out with the new UI

[idkpmiller]

I feel a lot of rewriting of code coming on :-D

Thanks Psycik!

[psycik]

ha ha you're welcome...

Have you seen ML3 yet (since pvrx2 has been out almost a year now)......no? that cos i ain't finished re-writing it yet.....just sharing the love!!