Your Universal Remote Control Center
RemoteCentral.com
Graphics & User Interfaces Forum - View Post
Previous section Next section Up level
Up level
The following page was printed from RemoteCentral.com:

Login:
Pass:
 
 

Topic:
Plotting icons (portrait vs. landscape)
This thread has 4 replies. Displaying all posts.
Post 1 made on Wednesday December 8, 2010 at 15:49
Jimmy Bellagio
Advanced Member
Joined:
Posts:
January 2008
854
I have a technical question for any of the graphic designers. I am working on an ipad application. Is there a resource on the web or a technique where I could figure out how to place icons which are already on a portrait based layout on an ipad - where to plot them on a landscape platform?

In other words, when the person rotates his/her ipad, the icons will switch from portrait to landscape, but they need the portrait version needs to match the landscape version. I am not sure how to calculate the XY coordinates for the equiivalant landscape location when I have it in portrait already.

Hope I explained myself properly. Basically I just want it to look like the same layout when the person rotates the ipad. Thanks, any help or dirction would be greatly apprecaiate. If there were a calculator online where you could enter the X, Y and pixel size (100x100) and rotation (portrait in this case) it could give you the corresponding location in landscape.

Thanks, hope someone can help.
James S. Bellagio
Post 2 made on Wednesday December 8, 2010 at 17:12
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,515
BSD has a good solution for rotating the iPad. It keeps the icons in exactly the same spot by having them go from top and bottom to left and right. [Link: blackmancustoms.com]

The only other advice i have is to open your graphics editor, drag your icons or create blocks to represent them and move them where you want them and record their position.
Avid Stamp Collector - I really love 39 Cent Stamps
Post 3 made on Thursday December 9, 2010 at 03:40
Custom Code Crafters
Long Time Member
Joined:
Posts:
November 2010
25
I would say also this depends on what app you are using. For example if using Crestron Mobile Pro G then it simply 'stretches' and 'squashes' the page to fit landscape, you then have the option to anchor buttons and sub pages to various areas of the page when it rotates to keep the position. My suggestion here is, for example for network logos to use a square subpage which is the width of the portait page and keep the aspect ratio - you lose the use of the width in landscape but the buttons will stay in position.

However if you are using CommandFusion iViewer it will use 2 different pages for each orientation, therefore you can spread out the icons to where you want them for the landscape version. I reckon if they are the same icons and are in a similar location on the page it will be pretty clear that you are just looking at a landscape version of the portrait page (if that makes sense).

If you want to be more technical about it you could do a little maths - for example if your icon is at X=100 y=200 in portrait then the coordinates for landscape will be x = (1024/768) x 100 = 133.333 (round down to 133) and y = (768/1024) x 200 = 150. So x=133, y =150.

Piut more simply - multiply the x coord by 4/3 and the y coord by 3/4.
C3 CustomCodeCrafters
www.customcodecrafters.com
OP | Post 4 made on Thursday December 9, 2010 at 08:43
Jimmy Bellagio
Advanced Member
Joined:
Posts:
January 2008
854
Thank you CCC. That is exactly what I wanted to know. Simple math will do it right every time, so that's good enough for me. Thank you for your help.
James S. Bellagio
Post 5 made on Thursday December 9, 2010 at 09:40
Custom Code Crafters
Long Time Member
Joined:
Posts:
November 2010
25
No problem
C3 CustomCodeCrafters
www.customcodecrafters.com


Jump to


Protected Feature Before you can reply to a message...
You must first register for a Remote Central user account - it's fast and free! Or, if you already have an account, please login now.

Please read the following: Unsolicited commercial advertisements are absolutely not permitted on this forum. Other private buy & sell messages should be posted to our Marketplace. For information on how to advertise your service or product click here. Remote Central reserves the right to remove or modify any post that is deemed inappropriate.

Hosting Services by ipHouse