User Tag List

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 29

Thread: Smartphone Scrolling Widget (Drag screen with deccelleration)

  1. #1
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleiOS Export ModuleSWF Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Popcorn's Avatar
    Join Date
    Jun 2006
    Location
    Norway, Bergen
    Posts
    2,344
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)

    Smartphone Scrolling Widget (Drag screen with deccelleration)

    This is my take on touch screen scrolling. The code is probably overly complicated as it tends to be when I program it, but the end result is working very well, and it is also very easy to customize.

    Features
    Through alterable values you can:

    - Select horizonal or vertical scrolling, or both. 1 =on, 0 = off.
    - Select deccelaration strength (1 = no decceleration, default is 10)
    - Select non-scrolling areas (useful when you have menubars, borders etc..)
    - Set x and y startposition

    The zipfile includes both the widget and an example.

    How to install
    Put the widget in your lib/objects directory. You may need to restart Fusion.

    How to setup
    You find the widget in the library window. Double click it and then simply drag the widget into your frame to use it. No events are neccessary. Just make sure the framearea is bigger than the application window (to make room for scrolling).
    Attached files Attached files

  2. #2
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleUniversal Windows Platform Export ModuleSWF Export ModuleMac Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Koji_Kabuto's Avatar
    Join Date
    Jul 2006
    Location
    Venezuela
    Posts
    2,851
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thanks Popcorn!

  3. #3
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleUniversal Windows Platform Export ModuleSWF Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    DaveC's Avatar
    Join Date
    Jun 2007
    Location
    Perth, Australia
    Posts
    2,112
    Mentioned
    13 Post(s)
    Tagged
    0 Thread(s)
    I was about to do something like this for myself until I found this ,very useful, cheers!

    Edit. testing on my device (galaxy s4) it doesn't seem to work however.. works perfectly on windows runtime.. have you tried it on a Android device?

  4. #4
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleiOS Export ModuleSWF Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Popcorn's Avatar
    Join Date
    Jun 2006
    Location
    Norway, Bergen
    Posts
    2,344
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Seems like the Window Control expressions doesn't work on Android. I did explain it in the Behavior events comments, but I think the problem is bigger than I thought. Use ( X Right Frame - X Left Frame ) / 2.0 instead to get the center of the display.

  5. #5
    Clicker Multimedia Fusion 2 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export ModuleUnicode Add-on
    iamjot's Avatar
    Join Date
    Nov 2008
    Location
    Austria
    Posts
    718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Popcorn! This is ONE AMAZING WIDGET! And it also works with mmf2 Thank you, thank you, thank you!

  6. #6
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleSWF Export Module

    Join Date
    Jul 2010
    Location
    Belgium
    Posts
    244
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much for this usefull widget!! I've been playing around with it and poking at the behaviour to see how it all works.

    I'd love to see an example of how this could be used with fixed distances, like for a slideshow. The user clicks/touches screen and the screen drags itself to the next photo.

  7. #7
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)
    Literswater's Avatar
    Join Date
    Apr 2014
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Popcorn View Post
    Seems like the Window Control expressions doesn't work on Android. I did explain it in the Behavior events comments, but I think the problem is bigger than I thought. Use ( X Right Frame - X Left Frame ) / 2.0 instead to get the center of the display.
    This widget is absolutely great for smartphone apps, but I noticed that only the background responds to the drag. The [next] button you placed remains stationary outside the canvas and when I place a new active object within the borders of the frame, it also stays there.

    What I really want is to be able to pinch-zoom and drag -everything- that I put in, but I have a lot of difficulties making it happen.

  8. #8
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleiOS Export ModuleSWF Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Popcorn's Avatar
    Join Date
    Jun 2006
    Location
    Norway, Bergen
    Posts
    2,344
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Literswater, that sounds strange. Everything should respond to the drag, as it uses the built-in Fusion scrolling actions. The reason the Next button doesn't scroll is because 'Follow the frame' is unticked in the Properties for that object.

  9. #9
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)
    Literswater's Avatar
    Join Date
    Apr 2014
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, it's ok now. I don't know why that happened, but I only had to remove the widget and put it back again and all is now working well.

    Thank you, it's very helpful!

  10. #10
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleMac Export Module
    ximo's Avatar
    Join Date
    Jul 2013
    Location
    Spain
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In my smarthphone not working.

    Can someone give an example in android?? (mfa)

    Thanks.

Page 1 of 3 1 2 3 LastLast

Similar Threads

  1. Drag screen (Smartphone style)
    By Popcorn in forum File Archive
    Replies: 2
    Last Post: 15th July 2012, 11:36 PM
  2. Screen drag-drop scrolling widget
    By Anders in forum iOS Specific Example Files
    Replies: 3
    Last Post: 6th August 2011, 04:44 PM
  3. Simple screen-drag widget
    By Anders in forum iOS Export Module Version 2.0
    Replies: 3
    Last Post: 22nd February 2011, 06:55 PM
  4. Drag & Drop Widget
    By LUCKYCREATIONS in forum Widgets
    Replies: 4
    Last Post: 25th August 2009, 09:10 PM
  5. Drag Window Widget
    By Novabrain in forum File Archive
    Replies: 3
    Last Post: 2nd November 2007, 02:52 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •