imageBrowser 1.11 class

Hi,

I’d like to present my imageBrowser class and I’d like you guys to check the demo out.

In a nutshell: This class enables you to show any kind of images a scrollable environment featuring:

  • auto image scroll
  • drag and drop
  • drag reorder
  • insert/remove animating

and other things.

It’s in pure RB code apart from the fading effects however the only supported platform is still OSX. I’m currently
working on an optimized Win version but this will take a while.

imageBrowser Demo 1.0

Your feedback is much appreciated.

bg_pattern0 and bg_pattern1 are missing

Thanks Peter. You’re right.

imageBrowser Demo 1.0 /w Textures

Rob,
Nice work!

Here is what I have noticed after a few minutes playing with it:

  1. If you select an image - then click the remove button, the image is removed - all good so far.
    But if you then click on the remove button again, (without selecting another image) - the app crashes.

  2. If you press cancel to remove all images, then create a report - then drag the report down - a new report is created - is that supposed to happen?

  3. You said it had an auto image scroll feature - how is that activated?
    The only time I can get the images to move is if I click on the arrows?

Also, would be great if this could also be used horizontally :slight_smile:

[quote=193561:@Richard Summers]Rob,
Nice work!

Here is what I have noticed after a few minutes playing with it:

  1. If you select an image - then click the remove button, the image is removed - all good so far.
    But if you then click on the remove button again, (without selecting another image) - the app crashes.

  2. If you press cancel to remove all images, then create a report - then drag the report down - a new report is created - is that supposed to happen?

  3. You said it had an auto image scroll feature - how is that activated?
    The only time I can get the images to move is if I click on the arrows?

Also, would be great if this could also be used horizontally :)[/quote]

Hi Richard,
Thank you very much for your feedback.

1.) I’ll look into #1. This seems like a bug.
2.) I should disable this. I actually wanted to insert new dops from outside. Seems like I should check this too. Thanks.
3.) “auto scroll” should be enabled with the checkbox. Partly visible Icons will be scrolled into visible area up/down. I may rename this feature.

Looks good Rob. I did have a couple random crashes while clicking away madly at the options. Very well could have been the app code and not the browser itself.

This would make a great browser for a game’s level editor.

One minor annoyance was the time lag before being able to synch the mouse movement with dragging a selected item.

I would also use the inspector behavior to expose some of the options in the IDE.

Nice job.

Ahhh - I thought autoscroll caused all the images to continuously scroll, like a scrolling banner on a website :slight_smile:
If you also made this work horizontally - it would be ideal for scrolling buttons / images / info etc across the bottom of a window.

Keep up the good work - I’m sure lots of people will find this useful.

[quote=193617:@Peter Fargo]Looks good Rob. I did have a couple random crashes while clicking away madly at the options. Very well could have been the app code and not the browser itself.

This would make a great browser for a game’s level editor.

One minor annoyance was the time lag before being able to synch the mouse movement with dragging a selected item.

I would also use the inspector behavior to expose some of the options in the IDE.

Nice job.[/quote]

Thanks Peter.

I need to revise the code a bit regarding the options. It’s true not all flags work as supposed to (“transparent”).

The dragThreshold is currently 0.5 sec before it’s reconized as a drag not a click. I could lower it and check mouse X,Y corrdinates too. They may help.

Edit: Adjusted threshold to 0.35 sec. Seem a good compromise. Thanks you

New release: imageBrowser v1.01 - June 12th

  • textures are now inline data
  • improved drag bevavior : imageHolder threshold to 0.35sec
  • fixed dragitem x,y coprdinates
  • removing unselected item doesn’t crash anymore
  • scrolling is now possible while drag reordering
  • scrolling is now enabled by default for insert and remove
  • added imageDragReleased event getting invoked after a drag rerordering
  • fixed bug “insert” failed after “clear” call
  • added imageInserted event
  • added imageRemoved event

imageBrowser 1.01 Demo

[quote=193622:@Richard Summers]Ahhh - I thought autoscroll caused all the images to continuously scroll, like a scrolling banner on a website :slight_smile:
If you also made this work horizontally - it would be ideal for scrolling buttons / images / info etc across the bottom of a window.

Keep up the good work - I’m sure lots of people will find this useful.[/quote]

Hi Richard,

The class being used horizontally will be implemented soon. I’ve made the arrow class
compatible at the beginning to work towards this feature. However, I wanted to have the base structure with perfect animation at first.

Auto scrolling of the controls like a banner could be easily done but I actually dislike it such as the websites doing this :slight_smile: but hey if this seems required why not.

Looks good but for OSX you should use the native Imagebrowser (MBS plugins has this). Works much faster, smoother and flexible.

Rob,
Regarding the horizontal scroll option - it’s always better to offer as many options as possible, as every developer has different requirements…

The auto-scroll animation speed could be determined by a slider control :slight_smile:

I don’t consider it as a valuable feedback. Sometimes the community makes we wonder…

Rob,
what you’re doing is both valuable, and appreciated.

Simply add any additional required features to it over a period of time, and be proud of what you are offering.

:slight_smile:

Don’t let that rain on your parade. Life exists beyond Cocoa declares. Otherwise we would be programming in Objective-C.

Congratulations for what you have accomplished. Looking forward for future developments.

It is great work. Will you be selling the unencrypted class ?

Hi folks!

New version out! I can say I am satisfied with v1.02 and my work and will keep implementing features.
But for now I am going to take a break - gotta sleep.

imageBrowser v1.02 - June 13th, 05:15 AM

  • class is works now in vertical/horizontal mode giving it more flexible
  • fixed a bug inserting an item at a wrong position
  • fixed dragitem x,y coordinates; drag item is now at the most mouseX/Y position.
  • optimized code
  • optimized animation
  • inserted a “lastItem” property referring to the last clicked item
  • properties are now shown in the inspector
  • returning kClearColor as backgroundColor will make the class transparent
  • known issues: PagePanel (horizontal) not yet implemented


ImageBrowser v1.02 Demo

[quote=193775:@Richard Summers]Rob,
Regarding the horizontal scroll option - it’s always better to offer as many options as possible, as every developer has different requirements…

The auto-scroll animation speed could be determined by a slider control :)[/quote]

Well noted.

[quote=193780:@Michel Bujardet]Don’t let that rain on your parade. Life exists beyond Cocoa declares. Otherwise we would be programming in Objective-C.

Congratulations for what you have accomplished. Looking forward for future developments.

It is great work. Will you be selling the unencrypted class ?[/quote]

Hi Michel,

Thank once again. I’ll need to check what I’ll do with it. Selling might be an option encrpyted/decrypted - yes.

[quote=193778:@Rob Egal]@Christoph De Vocht Looks good but for OSX you should use the native Imagebrowser (MBS plugins has this). Works much faster, smoother and flexible.
I don’t consider it as a valuable feedback. Sometimes the community makes we wonder…[/quote]

No offence intended. Long toes? :wink:
I was just pointing out there is already a native OS X control for this. So if a dev is only coding for OS X there is no need for this.
But yours is certainly useable when you need cross platform compatibility.

Did you consider a scalable ImageBrowser? Could not find this in the current version.

Trying to ember the image:

OK folks: to embed an image, copy the Hotlink URL in the image button pasted code.