You are not logged in.

Plugin-Dragging for iDevices

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

1

Sunday, March 18th 2012, 2:10pm

Plugin-Dragging for iDevices

Hi Klaus,

I know there are some examples for setting up dragging for plugins, but they´re not very fast or have some serious limitations. It would be great, if you could include some kind of smooth and easy to use "js dragging"-function *attention*

I wrote my own dragging functions, based on your examples, but the most annoying limitation is that the dragging gets REALLY slow and buggy if you use multiple layers of parent/child-dependencys. Here is a very rough example for that:

<plugin name="mainbar"
basic plugin-settings etc....
/>

<plugin name="scrollbar"
blabla
parent="mainbar"
children="true"
ondown="start_dragging(get(name))"
/>

<plugin name="child_01"
blabla
parent="scrollbar"
/>

This causes some serious lagging in all dragging-functions I know, but if you just remove the parent-tag from plugin "scrollbar", so that there is only one parent and one child, the dragging is nice and smooth.

Thanks and best regards
Nupsi

mindlessboss

Professional

Posts: 761

Location: Russia, Krasnoyarsk

  • Send private message

2

Monday, March 19th 2012, 5:02am

Hi!
Take a look at this
iPad interface for krpano tours (MAC droplet added)
it's has draging for iDevices and for flash too...
Open image (click on top right button) and try to drag image inside a window.
Open help and drag it.
Open info window ("i" button) and drag text inside
Drag thumbnails
Close thumbnails gesture, tap and drag down
Or open - tap on controlbar and drag up

Hope you like it

Andrey *thumbup*

BTW - there is drag_style and one action
for example
onloaded="makedragable();"
or
onloaded="makescrollable();"

with few additional attributes for a plugin
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

3

Monday, March 19th 2012, 10:04am

Hi Andrey,

I know your work very well and as I said, I wrote my own scroll/drag-routines. But that´s not the point! The point is that somehow each dragging-routine gets much slower as soon as you use multiple parent-/child-layers, which makes the whole thing of programming much harder. But I said that too as well. Maybe you did´nt read my post attentively enough ;-)

Best regards
Nupsi

mindlessboss

Professional

Posts: 761

Location: Russia, Krasnoyarsk

  • Send private message

4

Tuesday, March 20th 2012, 1:52am

Hi!
I do ;-)
But I thought you don't know "IF"....
You said that you make your own and it's slow, i just try to say that my option is optimized.

For example - the thumbs bar is draggable and can have many children (40 and more)
and drags well on ipad.
I agree, some native dragging feature can be faster, may be, but not sure. *unsure*

BTW - using additional effects, scaling, and transparence, making dragging slow and lagging

Regards
Andrey *thumbup*
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

sachagriffin

Professional

Posts: 1,234

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

5

Tuesday, March 20th 2012, 3:39am

I tested 50+ a couple parents on an ipad2. Worked ok. If you have a lot of running applications, even 20 get weird or at least several projects open in goodreader.
KRPano Developer: Portfolio :: Facebook :: Twitter

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

6

Tuesday, March 20th 2012, 9:49am

hehehe....thanks for you feedback, guys! But that´s still NOT what I meant *g* Okay let me try to explain it way simpler:

PLUGIN 1 = Dragable plugin

PLUGIN 2,3,4,5,6,7.... = are all Childs of PLUGIN 1

Everthing works like a charm *smile* So far, so good!
But.....

PLUGIN 1 = Just a normal plugin like a menu bar

PLUGIN 2 = Dragable plugin AND child of PLUGIN 1

PLUGIN 3,4,5,6,7.... = are all Childs of PLUGIN 2

does NOT work like a charm!

And that´s also true for your dragging-actions, Andrey. I know, because I bought the iPad-Interface and tested it. If you try and set the thumb-scroller (_thumbs) as a child of the thumbs-background (_thumbs_bg) you can see it for yourself.
And your drag-function also have a serious problem on Android-Devices if not in fullscreen, just like mine. It seems like you faced the same problems I did and build your own workarounds, just like me. I really did try a lot of ways to fix that, but it seems that there are at least two ugly bugs in krpano. And both are parent-/child-related!

Best regards
Nupsi

mindlessboss

Professional

Posts: 761

Location: Russia, Krasnoyarsk

  • Send private message

7

Tuesday, March 20th 2012, 11:49am

Ok, ok, i understand *tongue*
But, what you trying to do?
Why you need so many children? for what?
Interesting.. *smile*
My opinion - no way to create an native dragging feature faster.
Especially for android devices
may be some day, with 4 core fast processors 4gb of memory tablets ;-)
with real 3d acceleration

Andrey *thumbup*
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

8

Tuesday, March 20th 2012, 12:57pm

Quoted from "mindlessboss"

Why you need so many children?

It would be easier if you could just link the scroller and it´s children to a master-parent. And this would really speed things up if you build thumbscroller for all platforms (Desktops, iPhones, iPads, iPods, Androids).

But that´s not really the point ;-) The point is that there is something wrong in the way krpano handles the parent-/child-link.
If you take your own dragging-function, Andrey, and test it on an Android-Phone you will see that the dragging is not working if the tour is not running in fullscreen-mode, because of the child-thumbnails! Even if you disable all thumbnails (set[].enabled,false) the error still appears. But if you drag the thumbscroller itself, it works just flawless!

So somehow the parent gets affected by its own children, even if they´re deactivated *confused*
That can´t be right....I guess *question* *attention*

Best regards
Nupsi

mindlessboss

Professional

Posts: 761

Location: Russia, Krasnoyarsk

  • Send private message

9

Tuesday, March 20th 2012, 3:20pm

Hope, Klaus reading all this ;-)
And may be it's help him find bug

Andrey
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

sachagriffin

Professional

Posts: 1,234

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

10

Tuesday, March 20th 2012, 5:53pm

Well, you could always not make the menu bar a parent, and manipulate it manually if you have to.

Quoted from "Nupsi"

hehehe....thanks for you feedback, guys! But that´s still NOT what I meant *g* Okay let me try to explain it way simpler:

PLUGIN 1 = Dragable plugin

PLUGIN 2,3,4,5,6,7.... = are all Childs of PLUGIN 1

Everthing works like a charm *smile* So far, so good!
But.....

PLUGIN 1 = Just a normal plugin like a menu bar

PLUGIN 2 = Dragable plugin AND child of PLUGIN 1

PLUGIN 3,4,5,6,7.... = are all Childs of PLUGIN 2

does NOT work like a charm!

And that´s also true for your dragging-actions, Andrey. I know, because I bought the iPad-Interface and tested it. If you try and set the thumb-scroller (_thumbs) as a child of the thumbs-background (_thumbs_bg) you can see it for yourself.
And your drag-function also have a serious problem on Android-Devices if not in fullscreen, just like mine. It seems like you faced the same problems I did and build your own workarounds, just like me. I really did try a lot of ways to fix that, but it seems that there are at least two ugly bugs in krpano. And both are parent-/child-related!

Best regards
Nupsi
KRPano Developer: Portfolio :: Facebook :: Twitter

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

11

Tuesday, March 20th 2012, 6:29pm

Quoted from "sachagriffin"

Well, you could always not make the menu bar a parent, and manipulate it manually if you have to.

That´s what I do, Sacha! But I think it would be much better for the future if this bug, or behavior, would be fixed ;-)
And also that the onhover-tag of all childs is taken from the parent. It´s pretty annoying and time consuming to find workarounds for these things *sad*

Best regards
Nupsi

klaus.krpano

Administrator

Posts: 7,273

  • Send private message

12

Tuesday, March 20th 2012, 8:21pm

Hi,

Quoted from "Nupsi"

The point is that there is something wrong in the way krpano handles the parent-/child-link.
Please post an concrete example where the problem can be seen and tested. Also please include a decryption of the used test devices and versions. Then I will try to analyze it.

Generally itself it's not possible to say what exactly is faster or slower - this depends on the concrete situation, and also the browser itself has also a very important effect!

Best regards,
Klaus

HansNyb

Professional

Posts: 769

Location: Denmark

Occupation: Photographer

  • Send private message

13

Monday, April 2nd 2012, 9:02am

Quoted from "sachagriffin"

And your drag-function also have a serious problem on Android-Devices if not in fullscreen, just like mine. It seems like you faced the same problems I did and build your own workarounds, just like me. I really did try a lot of ways to fix that, but it seems that there are at least two ugly bugs in krpano. And both are parent-/child-related!


Yes thats also what I found out. I have been trying to get Andrey's drag functions to work for a large project and it works OK now for me except for Android.
I do not use any kind of extra child elements but it seems to be impossible to get it working on Android unless you go fullscreen.

I think I will make an extra function for Android so that people will start up in Fullscreen.

It looks like the whole pano window sometimes get loose if you are not in fullscreen. Looks very weird.
I hope it is better on some of the larger tablets than on my small Deisire Z


Hans

HansNyb

Professional

Posts: 769

Location: Denmark

Occupation: Photographer

  • Send private message

14

Monday, April 2nd 2012, 10:23am

I found this dragtest by Klaus
http://krpano.com/examples/draggingtest/

That is just dragging inside a full window and it does not work at all on my Android.

So I assume that I have to give up supplying dragable text for Android. There are other ways of doing it, a popup slideshow with pages might do.

Hans

michel

Professional

Posts: 1,151

Location: ANDORRA

Occupation: TV

  • Send private message

15

Monday, April 2nd 2012, 9:14pm

Hi all,

This is a really annoying problem...
It seems that this behaviour has some relation with the onLongClick (or something similar) feature, that makes popup the fullscreen option (and affects the other events)....
In my opinion, as Krpano does not needs this flashplayer feature as it already manages Fullscreen function by his own, this onLongClick event could be annulled in some way (if possible)... KLAUS *squint*

There is another behaviour affecting the correct function of Krpano due to this onLongClick Fullscreen feature on Ondroid...
Take any panorama example (Ex: http://krpano.com/tours/weingut/ ) and touch the screen any where while waiting the Fullscreen popup feature... then pull off your finger from the screen... The pano does a panning to the left and up with no reason...

Hope this can be solved by Klaus. *rolleyes*

SAlut.

klaus.krpano

Administrator

Posts: 7,273

  • Send private message

16

Wednesday, April 4th 2012, 2:35pm

Hi,

thanks!
I was not aware about these problem on Android - I will try to find out why this happens and fix it,

best regards,
Klaus

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

17

Thursday, June 14th 2012, 10:52am

Hi Klaus,

did you find a way to fix this annoying behavior? Even with the latest release (06-03-2012) the dragging on android-handys (samsung galaxy 2 ie) does not work if the krpano-player is´nt set to fullscreen! Your example works fine, because there are no children, I guess?! If you build a scrollbar with attached thumbnails, the scrolling just wont work. I can send you a link to an example, where you can see the problem for yourself.

Best regards
Nupsi

klaus.krpano

Administrator

Posts: 7,273

  • Send private message

18

Thursday, June 14th 2012, 11:02am

Hi,

in the 1.0.8.15 pre-releases the problem from above is already fixed!

The problem was that a bug in the Android Flashplayer which wasn't updating the Flashplayer mouse coordinates when no 'mousemove' event listener was attached to the currently moving element.

But it's possible that there are also an other Flashplayer bugs of course... so yes, please show your example.

Best regards,
Klaus

Nupsi

Intermediate

  • "Nupsi" started this thread

Posts: 427

  • Send private message

19

Thursday, June 14th 2012, 1:33pm

Mail with link, description and code is out *smile*

Thx and best regards
Nupsi

Similar threads