UIImageView Mode Aspect Fit vs Aspect Fill

  • strict warning: Non-static method view::load() should not be called statically in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/views.module on line 842.
  • strict warning: Declaration of content_handler_field::options() should be compatible with views_object::options() in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/cck/includes/views/handlers/content_handler_field.inc on line 208.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_handler_filter::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_plugin_style_default::options() should be compatible with views_object::options() in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/plugins/views_plugin_style_default.inc on line 25.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.
  • strict warning: Declaration of views_plugin_row::options_submit() should be compatible with views_plugin::options_submit(&$form, &$form_state) in /nfs/c04/h03/mnt/64527/domains/jacksonkr.com/drupal-6.15/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.

At work this last week someone asked what the difference is between a couple of different View Modes for a UIImageView. The two most confusing were Aspect Fit and Aspect Fill. I explained the difference using the whiteboard and decided to take a snapshot of the drawing I used to illustrate the differences.

The dotted red line is the physical boundary of the UIImageView it's self.

Aspect Fit is drawn with cyan (blue). #1 is an example of an image is taller than it is wide while #2 is the opposite, an image that is wider than it is tall. This mode is very usefull in making sure that all of your image is seen and that none of the image is clipped accidentally. I recommend this mode for images where all of the image needs to be seen, such as in the case of a logo or close up of a person or other object.

Aspect Fill is drawn with white. #3 is another example of an image that is taller than it is wide while #4 is another example of an image which is wider than it is tall. This mode is important when your design requires the entire area of the UIImageView to be filled. Aspect Fill is especially usefull when dealing with images that have a varying aspect ratio or varying dimensions. I don't recommend this for logos or close ups of people/objects as the product will likely result in undesirable clipping.

UIImageView Aspect Modes

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <pre>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.
  • E-Mail addresses are hidden with reCAPTCHA Mailhide.

More information about formatting options

CAPTCHA
Complete this form and then pat yourself on the back.