Different aspect ratios

So how do you treat your different aspect ratios now we have iphone 4, 5 and 6 all different sizes?
Do you build for 4 and then have extra space and backgrounds for 5 and 6, or do you adjust your app based on the different resoltuons by detecting the res and auto adjusting and moving things?

The answer is it's up to you. What you're asking about is a design principle called 'Fluid Layout' or 'Responsive Layout'. The idea is to design your UI so it responds to the different resolutions and/or aspect ratios of the screen it's on.
Fluid layout is the term when the app continuously adjusts itself as the window is resize ( this is more of a desktop approach since mobile is on a fixed screen size ).
Responsive layout is when the UI jumps to a specific state when dimensional threshholds are reached. So you could have 4 different layouts ( Mobile, Tablet, Desktop, Extended Desktop ) that the app can switch among depending on the screen size dimensions. In your case you may want to take the mobile layout and break it up into aspect ratios.
Responsive layout is more easy to program and recommended for people new to the principle since it's easier to think of set states instead of constant flow. But Fluid Layout is the best solution if your an advanced developer because you never have to go back in and create a new state to support new devices. The layout is always perfect no matter the screen.
How it works programmatically you usually have a listener, very high up in the program, that watches for the stage resizing and then calls a function that tells the UI to realign itself and go through all the children so they know to realign themselves. In your case you could just run that on launch because your screen size should never adjust. In some cases you should update the children first then the parents.
Hope this helps.

Similar Messages

  • XML file from '08 has a different aspect ratio in FCP 6?

    I have the new canon vixia hg 21 which is avchd and FCP 6 isn't recognizing it. Using Imovie to recognize the files works fine, the problem is that when you export from imovie '08 into FCP via xml, it imports fine, but I get a display issue with black bars surrounding the footage, only in the canvas. It appears fine in the viewer and in it's own sequence in the timeline. But when you mix the different camera footage together, the other being the Canon XH A1, it appears as a different aspect ratio??? What the? and for the life of me, I've re imported using 16:9, no difference...I have no idea what's going on.
    Any help would be greatly appreciated!

    You should really take this to the Final Cut Pro forum as the codecs and the interface is different for Final Cut Express.

  • How can i export a series of images in different aspect ratios to the same height

    How can i export a series of images in different aspect ratios to the same height?
    I wish to make a slider callery for my website. all the images need to be 750 Pixels high, the width does not matter.  I have a mixture of square pandscap and protraite images can i do thing as one export or do i have to do it twice?  Once for long edge and once for shot edge?
    Thanks

    Yes, you can but there is a trick to it.
    In the Export Dialog under <Image Sizing> select Widdth & Height.
    Then enter 750 pixels for Height.
    Put your cursor into the Width field behind all the numbers that appear there and with the backspace key delete the numbers. If you enter "0" it will not accept that. But it accepts when you just delete the field for Width with the backspace key. The Width field will now be just blank.
    When you then export all image will  have a height of 750 pixels and the width will fall variously according to thne height / width ratio.
    Or alternatively you can enter 7.5" for height at a resolution of 100 ppi.

  • XML imported from iM '08 has a different aspect ratio in FCP 6?

    I have the new canon vixia hg 21 which is avchd and FCP 6 isn't recognizing it. Using Imovie to recognize the files works fine, the problem is that when you export from imovie '08 into FCP via xml, it imports fine, but I get a display issue with black bars surrounding the footage, only in the canvas. It appears fine in the viewer and in it's own sequence in the timeline. But when you mix the different camera footage together, the other being the Canon XH A1, it appears as a different aspect ratio??? What the? and for the life of me, I've re imported using 16:9, no difference...I have no idea what's going on.
    Any help would be greatly appreciated!

    Found the answer, and pretty simple too....yeesh. just click on your clip and go to setting>conform to sequence.

  • Does LR handle a dual monitor setup with different aspect ratios (16:9 and 16:10)?

    Does LR 5 handle a dual monitor setup with different aspect ratios (16:9 and 16:10)?
    I'm planing to buy a 27" 16:9 monitor and use it as primary together with a 22" 16:10. Does any have any idea?
    Thanks

    Moreover, the two monitors can have completely different characteristics.  As always, you really need to calibrate/profile any monitor (with a hardware tool - Spyder, Colormunki etc).  That's no more important with two monitors, but you see for sure if you don't, as two dissimilar monitors will then probably look different. 

  • Multiclip with different aspect ratio

    I'm noticing that when I try to do a multiclip with a movie format that involves a different aspect ratio than DV I lose the ability to view live multiclip angles. I've tried several formats and it doesn't appear to be codec related. If the aspect ratio of the sequence is 4:3 or 16:9(natively, not anamorphically), the options from the RT menu disappear including the "Multiclip playback" option, and even without putting it into a sequence it won't play back in the Viewer.
    I'm making offline JPEG versions of some HD footage which is 16:9, and I guess I can just make anamorphic versions to work with, but that seems highly unnecessary. Am I reading this problem correctly and if so is there any reason for it or is it a bug?

    I'm multiclipping 4 angles, they're photo jpeg movies as made by Compressor's JPEG 75 NTSC setting but resized to 640x360 with square pixels. The material is located on an external firewire drive. From the same source I'm still able to play 6 or 7 standard-def NTSC DV files as multiclip angles just fine.

  • Canvas & Viewer  displaying different Aspect Ratios

    Same footage. Original footage in viewer displaying in Letter Box in a 4:3 black area (and appearing much larger). Same footage from Timeline showing in Canvas as 16x9 black area (but not filling the entire canvas). Both are at 100%. I have tried to arrange back to defaults..no avail...Just for clarity..the viewer and the canvas are displaying/formatted for different aspect ratios. They should be the same. how do I fix it?

    The viewer will show the footage in the format it was shot in. The canvas will reflect the footage as it will show up in the timeline based on the settings of the sequence.
    My guess is that the sequence settings are set to anamorphic or some sort of 16:9 while what you actually shot is letterboxed.
    Did you shoot squeeze or letterbox?
    CaptM

  • How do I batch resize images with different aspect ratios?

    How do I batch resize images with different aspect ratios?

    poa66 wrote:
    Landscape: I want result to be 1960 x 1103 px and 72 ppi whether the original is 300 ppi or 220 ppi and wether it is 2Mb or 10 Mb. Cropped centered top and bottom.
    There will be a set of Landscapes that that have a narrower aspect ratio the 1960:1103 that would also need the top and bottom cropped like all Portraits would could be.  You need to realize that center cropping Landscape image that have aspect ratios near 1960:1103 will usually produce acceptable compositions.  However Cropping wide panoramas and portraits will only produce acceptable landscape  1960:1103 composition occasionally.
    Here you will see what happens when image have aspect ratio the do not fit the desired aspect ratio.  Where Landscape  are forced to portrait and portrait forced to Landscape.  Here are two Collage I populated with a mixture of image  with different  aspect ratios.   One collage has all 3:2 Landscape places and the other 2:3 Portrait places.
    I create a 1 image 1960x1103 collage 72dpi and create those too. Note the landscape boy foot is cropped off 3:2 is narrow compared to 1960:1103

  • Running fullscreen on monitors with different aspect ratios

    I am trying to run a program in fullscreen on a projector. It works fine on my computer, but the background image appears stretched when I run it on a projector with a different aspect ratio. How can I run it as to prevent this?
    This is how the code looks:
    @Override
         public void start(Stage primaryStage)
              this.PrimaryStage = primaryStage;
              this.PrimaryStage.setFullScreen(true);
              ......which runs with this CSS file:
    #background{
        -fx-background-image: url("background-full.png");
        -fx-background-repeat: stretch;
        -fx-background-position: center center;  
        -fx-background-size: auto 100%;
        -fx-background-color: black;
    }

    Don't stretch the repeat
    -fx-background-repeat: no-repeat;
    AND
    -fx-background-size: cover;
    Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.
    Or
    -fx-background-size: contain;
    Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.
    Contain will provide a kind of letter box effect like watching an old 4:3 tv show a widescreen 16:9 TV.
    Cover will fill the screen with the image bug clip some of the image if the screen and image aspect ratios don't match.

  • E-M5 Mark II: Why does LR6 not support working with the full 4:3 raw image for pictures taken using a different aspect ratio?

    When importing Olympus E-M1 or E-M10 raw images which are taken in aspect ratio different to native the 4:3 MFT sensor format, LR will display the frame as crop overlay to the full image as captured by the sensor. This is very useful because at time of postprocessing one can still control the position of the frame, and modify if required.
    I was very suprised to see that for E-M5 Mark 2 this is not supported in LR6. The raw file in LR6 corresponds exactly to the frame which was chosen while shooting. Full 4:3 image information is present in the ORF raw file though, which can be easily seen eg using Olympus Viewer.
    Is there any specific reason why this useful feature has been neglected for E-M5 Mark II?
    Thanks
    Karsten

    Try asking in the Lightroom forum.
    Photoshop Lightroom

  • Fixing different aspect ratios in FCP 4

    I need help!!
    I shot a wedding yesterday using 3 different cameras, all with different 16:9 aspect ratios. I used a panasonic, sony and cannon. The sony and cannon has the anamophic squeze while the panasonic has the letterbox outline. Is there a way to pull back and slap the footage shot with the sony and cannon in a letterbox frame to match the panasonic?
    thanks in advance.

    http://proappstuff.com/proapptipsvideotutorials/879F6B61-CFF9-4FD1-8D43-FDF89605 611A/6ECEC931-47F1-4BC1-8CD4-41FE4842B45D.html
    That might answer it for you.
    CaptM

  • TV Shows from iTunes in different aspect ratios

    I bought the first series of LOST from the iTunes store, and all of these episodes are the same aspect ratio, and with my Apple TV they fit the TV screen well. I bought season two, and the first episode is the same aspect ratio, although the next episodes are displayed in a squarer format. Is this something I need to change to get them to display in the same way as the first series, or is it just how they come from the iTunes store?
    It's a bit annoying to have them with two black bars at each side, although I don't know if it's an iTunes setting issue, or the format of the videos themselves. It's strange that the first episode is one format, although the next appear to be different.
    Any help or advice would be great!

    I heard back from iTunes store who added the series to my account so I could download it again. They noted that the second and third episodes were the wrong aspect ratio. I re-downloaded the episodes, but they are the same. They've said that it will be corrected in the future.

  • Need help resizing to a different aspect ratio

    New user here, inheriting a project. This is a simple
    software tutorial with instruction captions on about 80 static
    slides with action buttons to progress. The original background
    images were taken at an odd resolution and resized, so the product
    manager would like them all retaken to be less blurry. Oh, and,
    while we're at it, how about changing the aspect so the Windows
    task bar isn't covered up in 800x600 resolution?
    This would seem simple enough; just resize the project to
    800x570, retake the images at 800x570, and Bob's yer uncle. But Bob
    is simply not cooperating. The Edit and single-slide previews look
    fine, but multiple-slide preview and published slides show the
    background images at 800x570 and a gray bar at the bottom to make
    the project window 800x600.
    I tried creating a new project with a custom size of 800x570,
    then copying in the slides from the first to copy and paste
    captions, buttons, etc. Voila! previews are 800x600 again.
    Obviously I am missing something here!
    never mind, gave up and resized to one of the presets. The
    gray space at the bottom was the skin border.
    Now, how do I delete a useless post?

    OK.
    Those are the correct settings for Widescreen export.  The only other issue here is that broadcast uses a slightly incorrect Pixel Aspect Ratio of 1.2121  (the correct should be 1.185).  Your version of Premiere Pro also uses an incorrect PAR, but one that doesn't exactly match the broadcast PAR.  Later versions of Premiere Pro were altered to adopt the same incorrect PAR.  (So now at least everyone is doing it wrong in exactly the same way.)
    Plenty of folks, I'm sure, used this earlier version to create broadcast output, so you can probably get away with it.  If not, you may have to upgrade to CS5.

  • Printing with different aspect ratio (or, How not to crop when print?)

    Hi all,
    I'm trying to print 3:2 aspect ratio pictures on 8 1/2 X 11 (US Letter page).
    Obviously, it's not the same aspect ratio, so normally fitting such 3:2 image in, -say- photoshop would require me to either CROP the picture or have white BORDERS around it, on either side.
    Now, printing in iPhoto will only offer croping, which is definetly not what I want. I can and will live with 2 white bars on my picture; I do own cutting table just for that. But I'm not used to iPhoto.
    Quickly, in Aperture I can print as I want it, 2 white bars, whole picture fitting IN the paper (there's also a mode called 'Fill Page'; which is exactly and only what iPhoto is doing).
    *The question:*
    Am I missing something out on how to print while fitting the whole image on paper (also called 'Fit Entire Image' in Aperture), while adding white paper bars?
    Also, I readed this thread, mostly about it:
    http://discussions.apple.com/thread.jspa?threadID=1417869
    I knew the maths part.
    So what I'm doing as a long workaroung (see below for shorter workaround):
    I calculate using the custom Print size (see this screenshot, from user Old Toad, which is exactly what I'm telling about: http://homepage.mac.com/toad.hall/.Pictures/Forum/iP7customprint.png ) manually, so I get as Paper Size : US Letter and as Print size: Custom with these custom settings:
    Width: 11.00 in
    Height: 7.30 in
    It's all fine, the print was perfect. But I don't feel like messing each time with these numbers only to print one page.
    Quicker solution: import into Aperture (and even there, if you are using RAW in iPhoto, the imported in Aperture is the JPEG based off the RAW ((apparently Aperture cannot understand iPhoto's way of working with RAW, but this is another topic)) ).
    Thanks! Sorry, it was quite long for nothing, I'm just really missing the 'Fit entire image' on iPhoto... (that is, if it's non-existing, not if I only just didn't found it yet..)

    Numbers:
    Camera resolution:
    roughly 3008X2000 (Nikon D50)
    Paper printed on: good old fasioned 8 1/2 X 11 US Letter sized
    Ratio of picture: roughly 1.5 (one size is 1.5 time the other)
    Ratio of paper: around 1.29 (one size is 1.29 time the other)
    The picture overflows in lenght of the paper (iPhoto take the picture's width and places it 8.5 in wide, so technically the paper size should be 12.75 to perfectly fit the ratio. But I only have 8 1/2 X 11 and I do love to cut paper.)

  • 16:9 project exports to a different aspect ratio

    Using Premiere pro 1.5
    I have a video project that was created in DV NTSC 16:9 and when I export the AVI in standard 16:9 settings it ends up being not as wide as it should be.. closer to 4:3 but not quite... It looks great in my edit/timeline windows....The AVI export settings are default and work good with other exports....I used still photos in this project that I had to enlarge using the "scale" funtion in the "effect controls" window so they would fill in the screen....is that why?..... I need it to be the right aspect ration for TV broadcast..

    OK.
    Those are the correct settings for Widescreen export.  The only other issue here is that broadcast uses a slightly incorrect Pixel Aspect Ratio of 1.2121  (the correct should be 1.185).  Your version of Premiere Pro also uses an incorrect PAR, but one that doesn't exactly match the broadcast PAR.  Later versions of Premiere Pro were altered to adopt the same incorrect PAR.  (So now at least everyone is doing it wrong in exactly the same way.)
    Plenty of folks, I'm sure, used this earlier version to create broadcast output, so you can probably get away with it.  If not, you may have to upgrade to CS5.

Maybe you are looking for

  • How to find type of PL/SQL in package

    Hi All, I want to find all procedures/ Functions in package specification along with their type. Eg. if there is procedure p1 and function f1 in package pk1 i want a query that will return Package Proc/Function_name Type pk1 p1 procedure pk1 f1 funct

  • Satellite Pro 4340DVD will not boot up - pci.sys missing or corrupt

    I bought a Toshiba Laptop Satellite Pro 4340DVD Model # PS434C-3N152, Serial # Y0018185J, off E-Bay. The original operating system, Win 98SE has been upgraded to Win XP Pro. No disks came with the laptop. The laptop crashed yesterday while I was onli

  • Why can't I import photos into Lightroom 5.6?

    I have Lightroom 5.6 on a Mac and when I click import, none of my photos will show up to import. I have deleted and re-downlaoded the program and updated it. I don't know what to try next. It has been working for the past year and a half and now it j

  • Issue in mailing

    hi experts,, i have a scenario, like follows,..i have to pick the files from ECC directory and need to send multiple files to multiple customers through PI.suppose file 1,2,3 ,4..these are my files in Some directory of ECC or suppose in PI .i need to

  • Reinstall CS 5.5 on Mac without CD drive

    I bought a new MacBook but it doesn't have a CD drive.. how can I reinstall my Creative Suite 5.5 Design Standard Student & Teacher Edition there? Is there a download link for it - I can only find buy links.. And can I use the product code that is on