Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: amraffay on May 06, 2015, 02:25:37 PM

Title: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: amraffay on May 06, 2015, 02:25:37 PM

Hi there,

I'm creating an image gallery using ScrollView > Grid > Prefabs of Images just like attached image. I add these prefabs on runtime using NGUI.AddChild and and i load images using two Resources.load

Now im not really happy with this approach as in other technologies list is virtualized and 100 items are just 10 items and simply resetting data (automatically loading/unloading runtime textures)

How can i achieve same thing in NGUI, so my gallery perform betters. It loads textures which user is seeing and unload them to save device memory which are hidden.

This is quite important for not just me but many other out there.

Thanks  :)

Title: Re: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: Agent_007 on May 07, 2015, 05:00:21 AM

UIWrapContent is your friend.
http://www.tasharen.com/ngui/docs/class_u_i_wrap_content.html

Title: Re: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: amraffay on May 07, 2015, 10:05:25 AM

I believe this is much complex problem than WrapContent as we have to handle images somehow.

Title: Re: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: Nicki on May 07, 2015, 05:22:05 PM

Yeah it is. But WrapContent can give you the basis for it, if the content you cycle around is containers for your images, which look into a deeper data layer (that you set up yourself) and update to the relevant image on the OnInitializeItem callback.

Title: Re: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: amraffay on May 07, 2015, 10:54:04 PM

Ok i looked into UIWrapContent and it looks what i need, few items which are just changing data.
However as i'm pretty new to everything, is there any tutorial/documentation page for UIWrapContent?
Thanks

Title: Re: ScrollView Image Gallery with 100s of Runtime Images [Performance]
Post by: ArenMook on May 09, 2015, 04:13:57 AM

There is an example that comes with NGUI that uses it. Aside from it, all you will want to do is set UIWrapContent.onInitializeItem delegate. It will be called whenever an item is being repositioned, letting you update its data much like I do in the example.