A common scenario when building a touch interface is having a particular UI element that you want to scale seamlessly between different screen sizes. This is different than having the layout scale. When scaling a layout, you make sure that content appears in roughly the same place, or in an optimized layout for a given screen real estate. What I am talking about here is you have a particular interactive element that needs to scale according to screen size. If you have a simple need, like scaling a logo, you can find examples of how to do that here.
An example would help illustrate what I am talking about. Imagine I am making a basketball application and I want to allow users to tap an on-screen basketball court to track where shots are taken. An example of what I am talking about is shown to the right. My screen layout will be dependent on the court. The bigger the screen, the bigger the court. Using SVG is a great way to solve this problem.
Read full article here
No comments:
Post a Comment