zoukankan      html  css  js  c++  java
  • iOS开发UI篇—UIimageView简介

    一、内容模式

    1、规律

     1> 但凡取值中包含Scale单词的,都会对图片进行拉伸(缩放);
     2> 但凡取值中没有出现Scale单词的,都不会对图片进行拉伸;
     3> 但凡取值中包含Aspect单词的, 都会按照图片的宽高比来拉伸。
    

    看看下面不同模式下花的变化

    2、模式一

    1.UIViewContentModeScaleToFill,
       > 会按照UIImageView的宽高比来拉伸图片
       > 直到让整个图片都填充UIImageView为止
       > 因为是按照UIImageView的宽高比来拉伸,所以图片会变形
    

    3、模式二

    2.UIViewContentModeScaleAspectFit
      > 会按照图片的宽高比来拉伸
      > 要求整张图片都必须在UIImageView的范围内
      > 并且宽度和高度其中一个必须和UIImageView一样
      > 居中显示
    

    4、模式三

    3.UIViewContentModeScaleAspectFill,
      > 会按照图片的宽高比来拉伸
      > 要求整张图片必须填充UIImageView
      > 并且图片的宽度或者高度其中一个必须和UIImageView一样
      > 因为是按照图片的宽高比来拉伸, 所以图片不会变形  
    

    5、其它

       一般配合clipsToBounds,并且设置为yes(默认的是no),将超出的图片部分裁剪掉
     UIViewContentModeCenter,         //按照规定的尺寸裁剪中间部分
     UIViewContentModeTop,            //按照规定的尺寸裁剪顶部部分
     UIViewContentModeBottom,      //按照规定的尺寸裁剪底部部分
     UIViewContentModeLeft,           //按照规定的尺寸裁剪左边部分
     UIViewContentModeRight,        //按照规定的尺寸裁剪右边部分
     UIViewContentModeTopLeft,    //按照规定的尺寸裁剪顶部和左边部分
     UIViewContentModeTopRight,  //按照规定的尺寸裁剪顶部和右边部分
     UIViewContentModeBottomLeft, //按照规定的尺寸裁剪底部和左边部分
     UIViewContentModeBottomRight, //按照规定的尺寸裁剪底部和左边部分
    
    将来的自己,会感谢现在不放弃的自己!
  • 相关阅读:
    net core 3.1 依赖注入
    vue temeplete standard
    net core 3.1 Global
    vue Multiple selection
    c# mvc modelstate
    vue temeplete
    vue element pickdate combox input 排版
    c# 生成 验证码
    vue checkbox ajax
    js算法(2)
  • 原文地址:https://www.cnblogs.com/TheYouth/p/6607505.html
Copyright © 2011-2022 走看看