美文网首页
图片显示:UIViewContentMode详解

图片显示:UIViewContentMode详解

作者: yanhooIT | 来源:发表于2017-11-24 00:11 被阅读10次

结论

  • 凡是带有Scale关键字的选项,说明图片会被缩放;
  • 凡是带有Ascept关键字的选项,说明图片会保持原来的宽高比,即:图片不会变形;
  • 想让图片占满,且不变形,可以采用以下这种折中的方式
self.imgView.contentMode = UIViewContentModeScaleAspectFill;
// 超出容器部分就裁剪掉
self.imgView.clipsToBounds = YES;

分析

typedef NS_ENUM(NSInteger, UIViewContentMode) {
    // 显示全部图片,占满整个容器,可能会导致图片变形【默认属性】
    UIViewContentModeScaleToFill,
    // 图片等比缩放,会全部显示,但是不能占满容器,会有部分空白
    UIViewContentModeScaleAspectFit,
    // 图片等比缩放,可能只有部分显示,能占满整个容器
    UIViewContentModeScaleAspectFill,

    // 调用setNeedsDisplay方法时,就会重新渲染图片
    UIViewContentModeRedraw,
    // 中间模式
    UIViewContentModeCenter, 
    // 顶部
    UIViewContentModeTop,
    // 底部
    UIViewContentModeBottom,
    // 左边
    UIViewContentModeLeft,
    // 右边
    UIViewContentModeRight,
    // 左上
    UIViewContentModeTopLeft,
    // 右上
    UIViewContentModeTopRight,
    // 左下
    UIViewContentModeBottomLeft,
    // 右下
    UIViewContentModeBottomRight,
};

参考文章

相关文章

网友评论

      本文标题:图片显示:UIViewContentMode详解

      本文链接:https://www.haomeiwen.com/subject/ipdmhxtx.html