Smartphone Scrolling Widget (Drag screen with deccelleration)

Welcome to our brand new Clickteam Community Hub! We hope you will enjoy using the new features, which we will be further expanding in the coming months.

A few features including Passport are unavailable initially whilst we monitor stability of the new platform, we hope to bring these online very soon. Small issues will crop up following the import from our old system, including some message formatting, translation accuracy and other things.

Thank you for your patience whilst we've worked on this and we look forward to more exciting community developments soon!

Clickteam.
  • 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).

  • 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?

    Check out my Game on Itch.io
    Please login to see this link.

  • 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.

    Edited once, last by Popcorn (February 3, 2014 at 1:19 PM).

  • 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.

    Please login to see this link.

  • 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.

    Please login to see this link.
    (because you can)

    Edited once, last by Literswater (April 3, 2014 at 12:06 AM).

  • 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.

  • 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!

    Please login to see this link.
    (because you can)

  • After testing on Ipad and Iphone, I found something strange, when I'm at the end or at the begining of the scrolling, when I click, sometimes, the scrolling go to the other end of the screen. A shame, I don't know why, it's not all the time, but it's very strange.

    My applications : Please login to see this link.

  • I have the problem on ipad but not a lot, On iphone 4s I have it a lot, I will do a video to show you, it's very strange. I thought perhaps it was because the game have an ipad resolution and that I use the option to resize the application. I will try again tonight. Thanks

    My applications : Please login to see this link.

  • Hey popcorn, I did a video to show you what is my problem. it happen more often on iphone than on ipad, I haven't try it on android. if you can, take a look here Please login to see this link.
    Before using your extension, I used a classic scrolling who work well but your scrolling is better, it's why I want to try why I have this problem. thanks

    My applications : Please login to see this link.

  • Odd. Did you change the code as I mentioned in one of my posts in this thread?
    It's worth a try if you haven't done that. I have tested this on and android phone, android tablet and iPad2, and have not had any problems when using the altered code. If that doesn't help, you could send me your app and I'll take a look at what might be happening.

  • ok, I haden't modify the event cause I though it was only for android. I will try to make modification to see if it work better

    My applications : Please login to see this link.

  • Nice widget, although it's a bit buggy in my Android. Sometimes the screen jumps around for a bit and the deceleration is not seems right if you apply light swipe.

    <span style="font-weight: bold">My MMF2 Application:</span>
    Please login to see this link. - Windows XP Tweaking Tool
    Please login to see this link. - FLV/MP4 Player Example made by MMF2

  • Hello I am using Multimedia Fusion 2 Developer and have been trying to implement this into my program for quite a long time now, I have put it in my objects folder in my library and placed it in my frame and it doesn't work. I also tried to just rewrite the code in MMF2 Developer and still it did not work. Is this possible in my version, and if so how can I do this.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!