|
|
|
Graphics & User Interfaces Forum - View Post
|
|
|
|
|
|
|
The following page was printed from RemoteCentral.com:
Plotting icons (portrait vs. landscape)
| |
|
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,519 |
|
|
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.
|
|
|
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 |
|
|
|
|
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.
|
|
|
|