How I do I make controls/elements move with inertia?

Posted by Kris Erickson on Stack Overflow See other posts from Stack Overflow or by Kris Erickson
Published on 2008-10-12T21:52:49Z Indexed on 2010/04/25 5:13 UTC
Read the original article Hit count: 312

Filed under:

ui

|

gui

|

look-and-feel

Modern UI's are starting to give their UI elments nice inertia when moving. Tabs slide in, page transitions, even some listboxes and scroll elments have nice inertia to them (the iphone for example). What is the best algorythm for this? It is more than just gravity as they speed up, and then slow down as they fall into place. I have tried various formulae's for speeding up to a maximum (terminal) velocity and then slowing down but nothing I have tried "feels" right. It always feels a little bit off. Is there a standard for this, or is it just a matter of playing with various numbers until it looks/feels right?

© Stack Overflow or respective owner

Related posts about ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
jQuery UI Dialog Error: b("<div></div>").addClass("ui-widget-overlay") is undefined

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the below code for my a Dialog box for a which contains a dropdown field KPMS.ServiceRequests.Status = { showOptions : function(requestId, userId, requestType) { var url = BASE_URL+'service_requests/status_options/'; $("#dialog-modal").dialog("destroy"); $("#dialog-modal").load(url… >>> More
Overlapping an UI field with another UI field in blackberry

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello Everyone.. I am making an application in blackberry with 4.7 OS. In my project i need to put a labelfield on top of a bitmapfield. I have taken the bitmapfield inside a verticalfieldmanager. I wanted a complete code for this problem. Thanks in advance. >>> More
The type or namespace name 'UI' cannot be found for using System.Web.UI

as seen on Stack Overflow - Search for 'Stack Overflow'
I am following the tut here http://msdn.microsoft.com/en-us/library/h59db326.aspx # Create an App_Code directory directly under the root directory of your Web site (also called Web application root). # Copy the source file for the control (WelcomeLabel.cs or WelcomeLabel.vb) … >>> More
WebCenter 11g UI Examples

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Anyone interested in learning more manipulating the WebCenter UI should definitely stop by John Sim's blog. He has produced an excellent set of UI examples and details around how he achieved them. Definitely stay tuned to see what else John produces! WebCenter UI Customization Examples >>> More

Related posts about gui

How to ignore GUI as much as possible without rendering APP less GUI developer friendly

as seen on Stack Overflow - Search for 'Stack Overflow'
The substance of an app is more important to me than its apperance, yet GUI always seems to dominate a disproportionate percentage of programmer time, development and target resource requirements/constraints. Ideally I'd like an application architecture that will permit me to develop an app using… >>> More
Qt Linking Error.

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I configure qt-x11 with following options ./configure -prefix /iTalk/qtx11 -prefix-install -bindir /iTalk/qtx11-install/bin -libdir /iTalk/qtx11-install/lib -docdir /iTalk/qtx11-install/doc -headerdir /iTalk/qtx11-install/include -datadir /iTalk/qtx11-install/data -examplesdir /iTalk/qtx11-install/examples… >>> More
GUI and non gui difference

as seen on Stack Overflow - Search for 'Stack Overflow'
hi guys as i know we have gui and non gui application today. but remember back in the old days there were many application thats kinda like half gui half not . the applications are text based and it has no GUI like what we have now if we were to use java swing library or etc. but you could pretty… >>> More
Looking for some good GUI testing frameworks/gui automation test tools for Windows Forms .NET

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am looking for a good GUI testing framework/automation testing tool for windows forms based apps. Can you recommend any ? >>> More
Code a timer in a GUI python TKinter

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to code a program with GUI in python (I'm thinking of using TKinter, 'cause it's easy, but I'm open to suggestions). My major problem is that I don't know how to code a timer (like a clock... like 00:00:00,00 hh:mm:ss,00 ) I need it to update it self (that's what I don't know how to do) Another… >>> More