Search  

DYNATILEGRID

Full_screen_preview
BUGS
  • [05-28-2008] FIXED : As kengreenwood notice, there was a bug in this file “click on any image…. let it open… close the image… then click the same image again.”.
  • [06-05-2008] FIXED : Fullscreen sample was not working properly when different images sizes were opened.

The DynaTilegrid is an AS3 based component that enables drag-n-drog and fast skin customization.

Features:
  • XML -Driven: it has a base implementation to parse a XML file that you can see in the sample. But you can write your own parser to transform the XML elements into objects of data, and feed the DynaTilegrid.
  • Item Renderers: it uses the concept of item renderers which make its architecture very flexible. The item renderers can be a MovieClip created with flash drawing tools.
  • Compare function: show only the data you want by implementing the logic within a method.
  • Custom Columns size: you can edit the number of columns to be shown.
  • Custom padding: change the horizontal and vertical padding of the component.
  • Custom transition tween: the tween transition can also be changed at runtime.
  • Good Performance.
See also:
Resizable AS3 Container Simulated Fire Preloader Package Smooth Image Scrolling Scrolling Area

.

Posted 3 months ago

very cool

Posted 3 months ago

Very nice and useful.

Can you tell me if a buttun can be added to uncheck all the categories?

Thanks

Posted 3 months ago

Hi guys, thank you for the comments.

@nfilg: Yes, go for it! Additionally you can easily skin the checkboxes and radio buttons (by using the flash drawing tools).

The only thing I see you will have to do is change the “checked” property of the checkboxes. For convenience I made an array of checkboxes so you can easily iterate all of them unckeking or checking.

If you did not got how to do this, I can update the documentation including a sample of this implementation.

Thank you.

Posted 3 months ago

Hi Tato:

Can you let me know whether this can take videos or external .swfs?

Posted 3 months ago

Hi rayzdabar,

It natively supports images and SWF files, not videos. At time I am developing a FLV player component (because I have none yet) an as soon as possible I could integrat it with DynaTilegrid, but if you already have a FLV player component you can edit the previewer item renderer to support this functionality.

Posted 3 months ago

Great functionality!

Posted 3 months ago

Any ideas why this is telling to install flash? I have ver. 9 installed and tried using three different browsers.

Posted 3 months ago

Hi shadow,

What is the complete version of your player (including the revision number)?

Goto this page http://www.macromedia.com/software/flash/about/

The version needed is 9.0.115.0.

I uploaded the preview again to do not ask for install to 9.0.0.0 and newer versions. It was the number 12 in queue.

Hope you can see it soon.

Thank you.

Posted 3 months ago

Nice work… FYI – you’ve got a bug in the code… to reproduce the bug, click on any image…. let it open… close the image… then click the same image again. Clicking images doesn’t work after that.

Posted 3 months ago

that’s a pretty critical bug.

Posted 3 months ago

Hi kengreenwood, I’ve noticed this bug yesterday and already sent the fix to FlashDen. It was number 16 in the queue. I’m waiting.

Thank you.

Posted 3 months ago

Hey Tatoflasher,

What files do I get and could you also tell us what the XML looks like? Thanks.

Posted 3 months ago

Hi Idroj,

This file goal is to be a generic tile fashion images viewer. So it gives you the opportunity to customize the item renderers (as you can see in the documentation).

So, the XML file has a simple structure like this:

<rootnode>
    <item>
        <category>1</category>
        <title>Abstract 1</title>
        <price>15.75</price>
        <description>Some Abstract 1 description.</description>
        <thumb>3dabstract/thumbs/01.jpg</thumb>
        <preview>3dabstract/01.jpg</pre>

But, maybe the price it is not important to you, so you create a alternate XML structure, for example:

<pre>
<rootnode>
    <item>
        <category>1</category>
        <title>Abstract 1</title>
        <description>Some Abstract 1 description.</description>
        <thumb>3dabstract/thumbs/01.jpg</thumb>
        <preview>3dabstract/01.jpg</pre>

This modification will cause you to update the XML parser too (in the .fla) and also the item renderer (just open the item renderer movie clip and delete the price text field at stage).

It is important to know that, the category info, such as the label, I manually add on the *.fla* file (I also uploaded the *.fla* file). Additionaly I made the CheckBox and RadioButton classes that will help to determine if a checkbox is checked or not.

Other point is that you have the compareFunction, that determines if a item will be displayed or not. This function you can customize too.

It looks like that:

<pre>
function someMethodName( source:Object ):Boolean {
    //logic to see if this object
}
</pre>

Where the source is the XML node and the return value of the method determines if that object will be displayed.

So, that is it. 
     
    ...
 
 
     
    ...
Posted 3 months ago

OK. Sold and thanks for your quick reaction.

Posted 3 months ago

Thank you for purchasing Idroj.

Please, if you could, let me know your opinion about this file (also if you have any doubts about how to customize it).

You can send an e-mail to developer.rodrigo@gmail.com.

Note that you opinion it is very important, since possibly, I could make some enhancements in the file and make them available. I will really appreciate it.

Thank you again!

Posted 3 months ago

wow tatoflasher, it’s really a great job! how you guys learning action script so easily….i’m feeling that i’m not well enough in AS :(

Posted 3 months ago

Hi benny_dh, I appreciate your comment, thank you. And, about the “learning so easily”, I think that it is subjective. Note, everyone has a own time to get some understand about anything (learning curve). This do not mean that you start learning something today and you will be an expert on it tomorrow. And I also do not think you are not very well in AS. You uploaded two items and had a lot of sale, come on guy! =)

@shadow66142000: The update to support 9.0.0 player have been commited, so try again and tell me if it worked now.

Posted 3 months ago

Hey Tatoflasher,

Wow!!!

Great file! I’m currently working on it to adapt it to my own wishes, and, although I am not really an actionscript specialist (and this is some pretty complex stuff), it was written logically, so I should be fine. Making graphic changes is easy, because everything is easily skinned. I would like some help changing the “item clicked” movieclip to be full-screen. You can also mail me jordidamwichers@hotmail.com. Once again, my compliments for this excellent file!

Thanks

Idroj

Posted 3 months ago

Hi Idroj,

I will make a full screen sample . I will update the samples of this file and also send a copy to you, ok?

Thank you!

Posted 3 months ago

Wow OK. Really apperciate that, man!

Posted 3 months ago

I updated the samples.

It was the number 8 in the queue. I also sent to your e-mail a copy of the new samples.

Posted 3 months ago

Yeah received them. They work perfectly fine. Thanks for the quick reaction (again…;)

I recommend this file to everybody on FD. Good work, excellent service.

Posted 3 months ago

Hi Idroj, thank you for your positive comments about the file.

I was starting to think it was not useful, but now I really glad that it has some application!

Hope more people can enjoy it!

P.S.-> If you could, let me see the project when it go public. I am really curious to see it.

Posted 3 months ago

HEY !!! I want to change the size of the thumbnails. I think that’s a legitimate wish :-)

How should I do? If I just change the size of the itemrendered all the objects the first time fits ok… but then everything get messy!!!

I want for example have thumbnails of 80×80 and not of your predefined size.

Please give me an advice. Where is the code for that?

Alf

Posted 2 months ago

Hi ottocid,

I received your e-mail. Probably what is happening is: you are trying to put a image that is larger than the itemRenderer.

In your case, this should make it work as expected:

import flash.geom.Rectangle;
scrollRect = new Rectangle( 0, 0, 80, 80 );

You have to put the above AS in the first line of the itemRenderer. This will ensure that all itemRenderers will have the same base size calculation.

Tell me if it worked to you.

Posted 2 months ago

I really like this control. Sorting is awesome! The only problem is. All the products I sell have multiple pictures associated with them. If it opened a multiple picture gallery of each product and had a scrolling CDATA it would be perfect for me.

Very Cool control.

;) Cas

Posted 2 months ago

These are really cool things, actually I am thinking about to rewrite this file in a more extensible way. The main goal of this file was to be easy to use by both, developers and designers.

To have more complex functionality, I think the core should be rewrite. So, the next version of this file could have this functionallity you’ve suggested.

Posted 2 months ago