zoukankan      html  css  js  c++  java
  • UIViewContentMode 图文解说

           在iOS应用开发中我们常常要对视图的contentMode属性进行设置,尤其在使用UIImageView视图时设置这个属性的概率很高。我们知道contentMode的类型是UIViewContentMode的枚举,那么其每个值是什么含义,设置后会有什么效果呢?下面就来总结下。

    UIViewContentModeLeft

           如果将UIImageView对象的contentMode设置为UIViewContentModeLeft,其内部的图片会按照原有的尺寸大小,以垂直居中,水平居左的方式显示。见UIViewContentModeLeft模式效果(1)。如果图片的尺寸大于UIImageView视图的size,那么超出size的部分将会被裁减掉。如UIViewContentModeLeft模式效果(2)所示。

                   

         UIViewContentModeLeft模式效果(1)                                                                   UIViewContentModeLeft模式效果(2)

            至于其它模式,诸如UIViewContentModeRight、UIViewContentModeTop、UIViewContentModeCenter之类模式与UIViewContentModeLeft类似,只是对齐方式不同而已。我们可以看下UIViewContentModeCenter模式的显示效果。

                  

                UIViewContentModeCenter模式效果(1)                                                         UIViewContentModeCenter模式效果(2)

           由此我们可以得出这样的结论:UIViewContentModeLeft、UIViewContentModeRight等这类带有位置信息的模式,不会改变图片的尺寸,或者更确切地说不会对图片进行缩放处理,但有可能对图片进行裁剪操作,这仅发生在图片尺寸超出UIImageView视图size的情况下。

           说完了UIViewContentModeLeft,我们来看看UIViewContentModeScaleAspectFit、UIViewContentModeScaleAspectFill、UIViewContentModeScaleToFill三个比较难理解、容易混淆的模式。

    UIViewContentModeScaleAspectFit

                                         

                                                                                  UIViewContentModeScaleAspectFit模式效果

           在UIViewContentModeScaleAspectFit模式下,UIImageView视图会将图片进行等比例缩放,请注意是等比例缩放。缩放到图片能够在视图size内完整显示(水平垂直方向均居中),且图片的宽度或者高度(至少一个)恰好与视图的宽度或者高度相等。如果高度相等,则图片左右两边会留下等宽的空白空间,如上面UIViewContentModeScaleAspectFit模式效果所示;如果宽度相等,则图片的上下方会留下等高的空白空间;如果宽高都相等,则图片恰好铺满整个视图。UIViewContentModeScaleAspectFit模式使用等比例缩放,且不对图片进行裁剪,显示效果比较协调,因而是我们最为常用的一种模式。

    UIViewContentModeScaleAspectFill

                                                          

                                                                                  UIViewContentModeScaleAspectFill模式效果

            UIViewContentModeScaleAspectFill模式也是对图片进行等比例缩放,与UIViewContentModeScaleAspectFit模式不同的是,它将图片缩放到正好铺满整个UIImageView视图显示,且图片的宽度或者高度(至少一个)恰好与视图的宽度或者高度相等。如果高度相等,则图片左右会被裁剪掉等宽的内容;如果宽度相等,则图片的上下会被裁剪掉等高的内容,如上面UIViewContentModeScaleAspectFill模式效果所示;如果宽高都相等,则图片不会被裁剪。

    UIViewContentModeScaleToFill

                                                           

                                                                                     UIViewContentModeScaleToFill模式效果

           相较于UIViewContentModeScaleAspectFit和UIViewContentModeScaleAspectFill,UIViewContentModeScaleToFill模式好理解多了。它是将图片的宽高强行变成和UIImageView视图的宽高相等来显示,因此该变化无法保证是等比缩放。如果图片的宽高比与视图的宽高比相同,则是等比缩放,否则非等比缩放。这样极易导致图片变形,显示不协调。尽管如此,UIViewContentModeScaleToFill仍是比较常用的一种模式,某些视图(比如UIButton)的背景图backgroundImage就是以该模式为默认的显示模式。

    UIViewContentModeRedraw

           除了上述模式,UIViewContentMode还有一个枚举值UIViewContentModeRedraw。UIViewContentModeRedraw模式比较特别,它不是用来说明如何展示图片的,而是告诉视图在每次设置或者更改frame的时候自动调用drawRect:方法。

           弄清楚了这些模式的含义和作用,我们就可以在开发iOS应用的过程中更加得心应手地设置图片了。

    以上内容是本人结合开发经验并参考了部分资料而撰写的,如有不妥之处还请不吝赐教,愿大家能够互相学习,共同进步。

    转自:http://46aae4d1e2371e4aa769798941cef698.devproxy.yunshipei.com/e20914053/article/details/49944281

  • 相关阅读:
    896. Monotonic Array单调数组
    865. Smallest Subtree with all the Deepest Nodes 有最深节点的最小子树
    489. Robot Room Cleaner扫地机器人
    JavaFX
    《Python CookBook2》 第一章 文本
    《Python CookBook2》 第一章 文本
    《Python CookBook2》 第一章 文本
    《Python CookBook2》 第一章 文本
    《Python CookBook2》 第一章 文本
    《Python CookBook2》 第一章 文本
  • 原文地址:https://www.cnblogs.com/Jenaral/p/5443842.html
Copyright © 2011-2022 走看看